User Experience Design Technology & Digital Applications 4

Question 1

Which layout model in CSS is best suited for building complex two-dimensional UI layouts like dashboards?

Accepted Answer

CSS Grid

Answer

CSS Grid handles both rows and columns simultaneously, making it ideal for complex two-dimensional layouts that Flexbox (one-dimensional) handles less elegantly.

Question 2

What is the purpose of a 'headless' CMS in a UX-driven digital product?

Accepted Answer

It decouples content management from the presentation layer, letting UX teams control the frontend independently

Answer

A headless CMS delivers content via API without dictating how it's displayed, giving UX and frontend teams full freedom over the user-facing experience.

Question 3

In usability testing on a digital prototype, what is the difference between a 'click-through prototype' and a 'coded prototype'?

Accepted Answer

Click-through prototypes simulate navigation with linked static screens; coded prototypes use real or near-real functionality

Answer

Click-through (or hotspot) prototypes link static screens to simulate flow, while coded prototypes implement actual logic, making interactions more realistic for testing.

Question 4

What does 'viewport' refer to in mobile web design?

Accepted Answer

The visible area of the browser window on the user's device

Answer

The viewport is the visible portion of the webpage; the `<meta name='viewport'>` tag controls how a mobile browser scales and sizes content within that area.

Question 5

Which UX pattern is most appropriate when a user needs to complete a multi-step process with dependencies between steps (e.g., account setup)?

Accepted Answer

Wizard / stepper pattern

Answer

Wizards guide users linearly through dependent steps, showing progress and preventing them from skipping required fields before prerequisites are complete.

User Experience Design Practice Test

User Experience Design Practice Test

User Experience Design Technology & Digital Applications 4