5. Low-fidelity Prototypes and Website Design

Question 1

What are the three specific areas of web design?

Answer 1

1. Designing the structure 2. Helping users know where they are 3. Helping users navigate

Question 2

Designing the structure

Answer 2

First determine: What is the website supposed to communicate? Is it rich in content? Is there a lot of interaction between users and the system? Need for structure what is happening on each page? What would be a good layout on each page?

Question 3

Why make a site map?

Answer 3

To group information

Question 4

How is a new design first designed?

Answer 4

With wireframe design. A new structure includes user tasks and a menu tree

Question 5

Why is it good to use a grid when designing layout?

Answer 5

It helps structure and organising the content. It is also good for responsive design

Question 6

Home page design

Answer 6

The front page of the web, unique from the rest of the site. It has two main goals; to tell the user where they are and tell the user what is on the page. Most sites have a logo, name, short introduction, access to most important tasks, some sort of navigation aids and search

Question 7

What is below the fold?

Answer 7

Anything that is not immediately visible, what you can only see if you scroll down. Above the fold content is the most important content

Question 8

Navigation aids: Three types of links

Answer 8

Internal links: sends reader from one webpage to another. Outbound links: sends reader to another website. Inbound links: other websites send their readers to the website

Question 9

Navigational aids: Header and footer

Answer 9

Header: top level navigation. Footer: allows direct access to common content needs

Question 10

Breadcrumbs

Answer 10

Category labels that appear on a webpage that enable users to peruse other pages without loosing track of where they have come from

Question 11

Five acts when conducting lofi prodotype testing

Answer 11

1. A friendly welcome 2. Open ended context questions about the user 3. Introduction to the prototype(s) 4. Detailed tasks to get the user reacting to the prototype 5. A quick debrief with questions to capture the users overarching thoughts and impressions

Question 12

What are tasks?

Answer 12

Tasks are based on the user stories and are examples of how the software could be used

Question 13

Two types of gathering information during lofi prototype testing

Answer 13

Asking the participants questions and observing what you think are problems in the design

Question 14

Result table before and after task solving

Answer 14

Participants, Background, How the participant describes the pros and cons, What were the experiences of the participant and the results on the UX goals

Question 15

Pros and cons table

Answer 15

A table that shows each participant and each task and all the pros and cons discovered