Website Design Wireframing and Prototyping 2

Question 1

What is the primary purpose of a clickable prototype?

Accepted Answer

To test user interactions and navigation before development begins

Answer

To finalize and deploy the website's production code

Answer

To generate SEO performance reports for stakeholders

Answer

To create the database schema for a web application

Question 2

What is a sitemap in the context of web design?

Accepted Answer

A hierarchical diagram showing the structure of a website's pages and their relationships

Answer

A visual map showing the color scheme applied across site pages

Answer

A geographic map showing where website visitors are located

Answer

A database schema outlining how website content is stored

Question 3

What does 'fidelity' refer to in the context of wireframes and prototypes?

Accepted Answer

The level of detail and accuracy of the design compared to the final product

Answer

The screen resolution and image quality used in the design

Answer

The number of pages or screens included in the prototype

Answer

The file size and performance of the design document

Question 4

What is the key difference between a mockup and a prototype in the design process?

Accepted Answer

A mockup is a static high-fidelity visual; a prototype is interactive and clickable

Answer

A mockup is interactive; a prototype is static and visual-only

Answer

A mockup uses real production code; a prototype uses placeholder content

Answer

There is no meaningful difference between the two terms

Question 5

What is card sorting used for in UX and web design?

Accepted Answer

Organizing content labels based on users' mental models to inform navigation design

Answer

Sorting through color swatches and brand cards for visual design decisions

Answer

Testing how quickly a website loads on different network speeds

Answer

Arranging database records into categories for back-end development

Question 6

What is the purpose of annotations in wireframes?

Accepted Answer

To explain design decisions, interactions, and behaviors to developers and stakeholders

Answer

To apply visual styling such as colors and fonts to the wireframe layout

Answer

To insert real product images and photography into the wireframe

Answer

To create clickable hotspots and interactive links within the prototype

Question 7

Which of the following best describes a design sprint?

Accepted Answer

A time-boxed process for rapidly solving design problems and testing ideas with users

Answer

A CSS animation technique for rapid page transitions

Answer

A prototyping software tool developed by Google for interface design

Answer

A method for compressing and optimizing design asset file sizes