5E: UI development Flashcards
developer vs user perspective
developer: concentrates on correct planning, design, implementation of underlying processes
user: concentrates on the merits of the user interface + feedback given
why is consultation with users/managers needed?
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
tools to use for consultation
- observation: work routines + flows
- storyboards: general design + navigation between forms
- prototypes: concrete model for feedback
- surveys
- meetings: solves issues in short time
use of storyboards
shows the general design of each interface together with how users navigate between forms within the interface
factors affecting readability
- use of white space
- judicious use of color + graphics
- grouping of info
- legibility of text
use of white space
space unused by screen elements
- breaks screen into sections, attracts user’s eye to important elements
judicious use of color + graphics
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
grouping of information
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
legibility of text
- different fonts kept to minimum, only used for a reason other than aesthetic purposes
- should be able to be customized by user
serif vs sans serif
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
text justification
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
other things to remember
navigation + appropriate language for the intended audience