IT: C773 ITWD 3110 User Interface
Design
Final Assessment Review
Questions & Solutions
2025
©2025
, Question 1 (Multiple Choice)
Case Study:
A fintech startup is redesigning its dashboard for adaptive device usage.
The design team needs a layout system that efficiently organizes a
complex, two-dimensional interface with rows and columns, while
ensuring responsiveness across devices.
Question:
Which CSS module best supports the creation of a two-dimensional,
responsive layout?
a) Flexbox
b) CSS Grid
c) Float-based Layouts
d) CSS Table Layout
Correct ANS: b) CSS Grid
Rationale:
CSS Grid is purpose-built for two-dimensional layouts. Its explicit grid
definitions allow the designer to manage both rows and columns, which
is ideal for complex and responsive dashboard designs where alignment
and spatial relationships are key.
---
Question 2 (Fill in the Blank)
Case Study:
In preparation for a cohesive redesign of a suite of web applications, the
UI team adopts a methodology that decomposes the interface into basic
building blocks for consistent, scalable design.
©2025
, Question:
The design methodology that organizes interfaces into atoms, molecules,
organisms, templates, and ______ is known as Atomic Design.
Correct ANS: pages
Rationale:
Atomic Design, pioneered by Brad Frost, breaks down UI elements into
hierarchical levels. The final level—pages—demonstrates the composed
interfaces. This structured approach promotes consistency and
reusability across complex products.
---
Question 3 (True/False)
Case Study:
A design team has integrated Gestalt principles into their high-fidelity
prototype to improve visual hierarchy and intuitive grouping of interface
elements.
Question:
True or False: Effectively applying Gestalt principles in a UI can improve
the user’s ability to quickly interpret visual relationships and reduce
cognitive load.
Correct ANS: True
Rationale:
Gestalt principles, including similarity, proximity, continuity, and closure,
guide users in recognizing patterns and grouping related information.
Their strategic use improves overall usability by reducing the mental
effort required to understand the layout.
---
©2025
, Question 4 (Multiple Response)
Case Study:
An accessibility audit of a corporate web portal reveals several areas for
improvement. The UI team must address multiple accessibility features
to meet international guidelines.
Question:
Select all that apply: Which of the following are key considerations when
designing an accessible user interface?
a) Adequate color contrast
b) Keyboard navigability
c) Use of ARIA roles and semantic markup
d) Busy background images
Correct ANSs: a) Adequate color contrast, b) Keyboard navigability, c)
Use of ARIA roles and semantic markup
Rationale:
Ensuring sufficient color contrast, enabling full keyboard navigation, and
using ARIA roles are fundamental for accessibility. Avoiding busy
backgrounds minimizes distraction and improves readability, which is
why (d) is not a best practice.
---
Question 5 (Multiple Choice)
Case Study:
A company is developing a component-driven design for its SaaS product
to ensure consistency and rapid development across teams. The
approach involves a hierarchy of reusable UI elements.
Question:
©2025
Design
Final Assessment Review
Questions & Solutions
2025
©2025
, Question 1 (Multiple Choice)
Case Study:
A fintech startup is redesigning its dashboard for adaptive device usage.
The design team needs a layout system that efficiently organizes a
complex, two-dimensional interface with rows and columns, while
ensuring responsiveness across devices.
Question:
Which CSS module best supports the creation of a two-dimensional,
responsive layout?
a) Flexbox
b) CSS Grid
c) Float-based Layouts
d) CSS Table Layout
Correct ANS: b) CSS Grid
Rationale:
CSS Grid is purpose-built for two-dimensional layouts. Its explicit grid
definitions allow the designer to manage both rows and columns, which
is ideal for complex and responsive dashboard designs where alignment
and spatial relationships are key.
---
Question 2 (Fill in the Blank)
Case Study:
In preparation for a cohesive redesign of a suite of web applications, the
UI team adopts a methodology that decomposes the interface into basic
building blocks for consistent, scalable design.
©2025
, Question:
The design methodology that organizes interfaces into atoms, molecules,
organisms, templates, and ______ is known as Atomic Design.
Correct ANS: pages
Rationale:
Atomic Design, pioneered by Brad Frost, breaks down UI elements into
hierarchical levels. The final level—pages—demonstrates the composed
interfaces. This structured approach promotes consistency and
reusability across complex products.
---
Question 3 (True/False)
Case Study:
A design team has integrated Gestalt principles into their high-fidelity
prototype to improve visual hierarchy and intuitive grouping of interface
elements.
Question:
True or False: Effectively applying Gestalt principles in a UI can improve
the user’s ability to quickly interpret visual relationships and reduce
cognitive load.
Correct ANS: True
Rationale:
Gestalt principles, including similarity, proximity, continuity, and closure,
guide users in recognizing patterns and grouping related information.
Their strategic use improves overall usability by reducing the mental
effort required to understand the layout.
---
©2025
, Question 4 (Multiple Response)
Case Study:
An accessibility audit of a corporate web portal reveals several areas for
improvement. The UI team must address multiple accessibility features
to meet international guidelines.
Question:
Select all that apply: Which of the following are key considerations when
designing an accessible user interface?
a) Adequate color contrast
b) Keyboard navigability
c) Use of ARIA roles and semantic markup
d) Busy background images
Correct ANSs: a) Adequate color contrast, b) Keyboard navigability, c)
Use of ARIA roles and semantic markup
Rationale:
Ensuring sufficient color contrast, enabling full keyboard navigation, and
using ARIA roles are fundamental for accessibility. Avoiding busy
backgrounds minimizes distraction and improves readability, which is
why (d) is not a best practice.
---
Question 5 (Multiple Choice)
Case Study:
A company is developing a component-driven design for its SaaS product
to ensure consistency and rapid development across teams. The
approach involves a hierarchy of reusable UI elements.
Question:
©2025
