UI,UI,UX Flashcards
What is UI, UI* and UX?
Interface: a point of interconnection between a system and anything else.
What is the purpose of a GUI?
GUIs enable a person to communicate with a computer through the use of symbols, visual metaphors, and pointing devices.
Are you familiar with the various types of UI Controls?
UI elements:
Input controls
Navigation components
Informational components
Containers
UX:
Useful
Valuable
Convenient
Credible
Desirable
Accessible
Valuable
UI:
Colour scheme
Layout
Typography
Forms
Buttons
Content
Images
What are the 7 design principles?
User in control: The users should always feel in control of the software rather than feeling controlled by the software.
User initiates; user is active rather than reactive; user chooses
Personalisation: interactivity and responsiveness
Avoid modes (modal windows); “run long processes in the background, keeping the foreground interactive”; support multitasking.
Directness: Design so “users can directly manipulate software representations of information”
Eg. dragging an object to move it
“Visible information and choices also reduce the user’s mental workload”
“Familiar metaphors provide a direct and intuitive interface for user tasks”
Consistency: “allows users to transfer existing knowledge to new tasks… consistency makes the interface familiar and predictable”
Consistency within the operating environment:
Operating system conventions/’style’ (appearance and functional/behavioural)
Across environments (mobile vs desktop).
Forgiveness: User makes mistakes.
Physical: accidently pointing to the wrong command or data.
Mental: making a wrong decision about which command or data to select
Support exploration and don’t punish trial and error
Feedback: “Always provide feedback for a users actions”
Avoid unresponsive screen (dead screen;dead input)
“It is equally important that the type of feedback you use be appropriate to the task”
Pointer changes
Status bar message
Display a progress control or message box
Aesthetics: “visual attributes provide valuable impressions and communicate important cues to the interactive behaviour of particular objects”
“At the same time, it is important to remember that every visual element that appears on the screen potentially competes for the users attention”
Form vs function
“The skills of a graphics or visual designer can be invaluable doe this aspect of design”
Simplicity: simple, not overly simplistic
Easy to learn; easy to use
Balance between function and complexity
“Manage complexity by using progressive disclosure”
“Defers advances or rarely used features to a secondary screen, making applications easier to learn and less error prone”
Information only shown at the appropriate time
