5E: UI development Flashcards

1
Q

developer vs user perspective

A

developer: concentrates on correct planning, design, implementation of underlying processes
user: concentrates on the merits of the user interface + feedback given

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

why is consultation with users/managers needed?

A

UI = for users; therefore they should be involved in the process to get feedback on design + functionality
- helps get better understanding of user’s requirements

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

tools to use for consultation

A
  1. observation: work routines + flows
  2. storyboards: general design + navigation between forms
  3. prototypes: concrete model for feedback
  4. surveys
  5. meetings: solves issues in short time
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

use of storyboards

A

shows the general design of each interface together with how users navigate between forms within the interface

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

factors affecting readability

A
  • use of white space
  • judicious use of color + graphics
  • grouping of info
  • legibility of text
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

use of white space

A

space unused by screen elements
- breaks screen into sections, attracts user’s eye to important elements

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

judicious use of color + graphics

A

judicious: basically done well
color: use sparingly or for a purpose
graphics: if it doesn’t deliver the message better than text, use text
- anything for aesthetic purposes should be able to be turned off

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

grouping of information

A

group related items together: helps internalize overall purpose
- usually done through borders/frames or w/ label
- can be good to show all available elements on screen, unavailable ones dimmed

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

legibility of text

A
  • different fonts kept to minimum, only used for a reason other than aesthetic purposes
  • should be able to be customized by user
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

serif vs sans serif

A

serif texts: has little ticks/blobs attached to end of curves + lines of a character
- better in high resolution: 1200 dots/in and above
sans serif texts: no serifs
- better for low resolution: 70 dots/in

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

text justification

A

justification: how text is aligned to margins
left justification: sticks to left margin, for lists in general
right justification: sticks to right margin, for numbers + decimals in general
centered justification: equidistant from both margins, for headings/specialized elements

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

other things to remember

A

navigation + appropriate language for the intended audience

How well did you know this?
1
Not at all
2
3
4
5
Perfectly