Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
53 Cards in this Set
- Front
- Back
What is a model? |
Model: a mathematical representation of an image containing the important properties of an object (location, size, orientation, |
|
What is rendering? |
Rendering: Using the properties of the model to create an image to display on the screen |
|
What is the difference between usefulness and usability? |
Usefulness : Meeting specific needs
Usability : The effectiveness, |
|
What does UCD say? |
User Centred Design |
|
What are three things that are done in UCD methodology which Apple started to test Macs? |
User studies: Bring in users, provide mockups, assess |
|
What are the five UCD principles? |
UCD Principles |
|
Name 5 stages of understanding user's needs : |
* Observer existing solutions * List scenarios * List required functions * Prioritize functions * List functions by freq/commonality |
|
Name 4 stages of designing a UI |
* Identify and design comps * Design component distributions * Test the design with users * Document the design |
|
Three questions arise about the UI with the following concepts, what are they? Model Affordances Presentation |
Model: what data does it need? |
|
What are three things that you can do in the process of testing the design with users? |
Process: |
|
Mental Model |
|
|
What are three models of system? |
Developer’s Model |
|
What is Developer's model? |
How the programmer believes system should be used |
|
In Norman's model, what are evaluation and execution referring to? |
Execution: What we want to do to the system
Evaluation: Comparing what happened with our goal
|
|
What are three stages of execution in Norman's model? |
1. Form an intention to act to |
|
What are the three stages of evaluation in Norman's model? |
1. Physically perceive the |
|
What is the Gulf of Execution? |
Difficulty in translating user’s intentions |
|
What is the Gulf of Evaluation? |
Gulf of evaluation: Difficulty in interpreting the state of the system to determine whether our goal has been met.
|
|
Five principles that reduce gulf of execution and evaluation |
- Perceived Affordance |
|
What is Perceived Affordance? |
|
|
What are temporal aspects of UI? |
Temporal aspects of UI: |
|
What are Spatial aspects of UI? |
- Where things appear on an |
|
What are Interaction Sequences? |
macro-structure, convey the "big |
|
What are Interface Schematics? |
micro-structure, convey essential |
|
What is a prototype? |
A limited representation of a design that allows people to |
|
What is the goal of prototype? |
Goal: Maximum Feedback for Minimum Effort |
|
What is high fidelity prototype? |
Looks a lot like the product |
|
What is depth/breadth in terms of a product prototype? |
Functionality (Depth): amount of interactivity and functionality |
|
Feature-Driven vs. Context-Driven Reading, which one is top-down/bottom-up?
|
feature driven = bottom-up context driven = top-down |
|
Feature-Driven vs. Context-Driven Reading, which one is more likely to become automatic with practice? |
feature-driven |
|
Name two things that disrupt reading |
* repetition * centered text |
|
what's the thing they use to write with for movable type? |
For movable type, it is a “stick” – the |
|
What a typeface? |
– Set of letters, numbers, symbols that make up a type design |
|
What's a font? |
– One weight, width, and style of a typeface |
|
What are font metrics? |
– Information describing attributes such as spacing of letters |
|
What is kerning? |
Kerning is distance between pairs of letters |
|
What is tracking? |
Tracking is average spacing between all letters |
|
what is ligature? |
Ligatures replace two adjacent letters with single printed unit to make it more visually appealing
|
|
x-height |
|
|
|
|
|
|
– Longer than hyphen (- vs. –) |
|
|
– Capital letter at start of section that descends several lines |
|
What is Serif? |
Serif |
|
What is Sans Serif? |
Sans Serif |
|
serif fonts have better readability at ______ |
high resolutions (e.g. print) |
|
Name 5 features of screen fonts |
Wide letter spacing |
|
Meta-languages describe_______
|
formal language |
|
What are 5 problems with FSM? |
* doesn't scale * inadequate expressive power * Cannot cleanly represent some notions (time events)
|
|
In PPS queries are prefixed with _____ |
? |
|
In PPS actions are prefixed with _____ |
! |
|
Force vs. Displacement Sensing are also called |
(also called “isotonic” vs. “isometric” sensing) |
|
What is the order of padding, margin, and border? |
Margin, border, padding, content |
|
What are disadvantages of running tasks on UI thread? |
Disadvantages: |