UI and UX for Responsive Web Design Assignments

© Aptech Limited Version 1.0 Page 1 of 6

UI and UX for Responsive Web Design Assignments

Table of Contents

S# Session Page No.

1. Session 01: Introduction to User Interface Design 3
2. Session 02: Introduction to User Experience Design 4
3. Session 03: Understanding Responsive Web Design 5
4. Session 06: Usability Studies in Responsive Web Design 6

© Aptech Limited Version 1.0 Page 2 of 6

UI and UX for Responsive Web Design Assignments

Introduction to User Interface Design

Assignment Question
A survey is being conducted on the Internet about designing Web sites. You have been
assigned a position of surveyor and your task is to check if the Web sites are compliant
with the different principles of the user interface design. Choose any three Web sites and
categorize them depending on the principles supported of the user interface design.
Hints:
 Verify if the interface is visually, theoretically, and linguistically clear.
 Verify if the content is presented in a clean and straightforward way.
 Verify if the design of the interface is user friendly.

Home

© Aptech Limited Version 1.0 Page 3 of 6

UI and UX for Responsive Web Design Assignments

Introduction to User Experience Design

Assignment Question
You have been assigned a task of creating a Web site for a travel company. In this work
assignment, you need to design a prototype of the Web site on the paper adhering to the
best practices.
Hints:
 Identify business goals and user goals to understand their expectations.
 Keep in mind the inputs from the stakeholders to understand their perspective.
 Keep menus and navigation simple.
 Use tabs effectively.
 Use Web typography.
 Test and optimize usability.

Home

© Aptech Limited Version 1.0 Page 4 of 6

UI and UX for Responsive Web Design Assignments

Understanding Responsive Web Design

Assignment Question

Convert the Web site that you have designed in the above assignment to Responsive
Web Design so that the Web site can adjust itself for a range of mobile devices and their
screens.
Hints:
 Use CSS and HTML to resize, hide, shrink, enlarge, and move the content to fit
on any screen.
 Implement Progressive enhancements using three layers: HTML, CSS, and
JavaScript.
 Apply content strategy for RWD.
 Set minimum two breakpoints for mobile devices and tablet.
 Create fluid images.

Home

© Aptech Limited Version 1.0 Page 5 of 6

UI and UX for Responsive Web Design Assignments

Usability Studies in Responsive Web Design

Assignment Question

Web site that has been designed in the above assignment is created successfully. Before
providing the Web site to the client, you have to verify the usability of the Web site how the
end users work on that particular Web site. Project Manager has assigned the task of
usability testing to you.
How will you perform the usability testing and provide the result to the Project Manager.
Hints:
 Verify the Web site adheres to the checklist of the usability test related to
accessibility, navigation, and content.
 Create a test plan depicting every stage of the project and send the usability test
plan to Project Manager.

Home

--- End of Assignments ---

© Aptech Limited Version 1.0 Page 6 of 6