• Shuffle
    Toggle On
    Toggle Off
  • Alphabetize
    Toggle On
    Toggle Off
  • Front First
    Toggle On
    Toggle Off
  • Both Sides
    Toggle On
    Toggle Off
  • Read
    Toggle On
    Toggle Off
Reading...
Front

Card Range To Study

through

image

Play button

image

Play button

image

Progress

1/53

Click to flip

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,
color, texture, etc.) in data structures

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
& supporting real tasks; the quality of being of
practical use.



Usability : The effectiveness,
efficiency, and satisfaction with which users can achieve tasks in a particular environment with a
product.

What does UCD say?

User Centred Design
* To make things usable and useful, you need to understand the
people who use your software

What are three things that are done in UCD methodology which Apple started to test Macs?

User studies: Bring in users, provide mockups, assess
- Implementation: Iterate based in feedback
- Usability studies: More users, more video, more analysis

What are the five UCD principles?

UCD Principles
1. Understand users’ needs: build a product that meets real
needs rather than building it because it can be built.
2. Design the UI first: design the UI first, and then design the
architecture to support that UI
3. Iterate: You won’t create the best UI design on the first try, A
great design requires iteration
4. Use it yourself: you’ll find obvious problems that can be
fixed while it’s still easy to fix
5. Observe others using it: it’s critical to observe other people
using your UI in a realistic way very early in the development
cycle

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?
Affordances: what can you do with it?
Presentation: how does it appear in the UI?

What are three things that you can do in the process of testing the design with users?

Process:
- User studies: Bring in users, provide
mockups, assess
- Implementation: Iterate based in feedback
- Usability studies: More users, more video,
more analysis

Mental Model


 What the user believes about the system (how it works, what
state it’s in

What are three models of system?

 Developer’s Model
- How the programmer believes system should be used
 System image
- The system itself
 User’s Model
- How the user of a system believes system should be used

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
achieve a goal
2. Plan an sequence of actions
to fulfill that intention
3. Execute planned actions with
physical movements

What are the three stages of evaluation in Norman's model?

1. Physically perceive the
current state of the system
2. Interpret that perception
according to experience
3. Evaluate the interpreted
state compared to our goal

What is the Gulf of Execution?

Difficulty in translating user’s intentions
into actions allowed by system. Can the user carry out their intentions directly?

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
- Mapping
- Constraints
- Visibility/Feedback
- Metaphor

What is Perceived Affordance?


What people think you can do with an object, based on
perceived properties.

What are temporal aspects of UI?

Temporal aspects of UI:
- When things appear, the flow
from one interface to another
- “Interaction Sequence
Diagrams”

What are Spatial aspects of UI?

- Where things appear on an
individual interface section
- “Interface Schematics”

What are Interaction Sequences?

macro-structure, convey the "big
picture“ of system interaction.

What are Interface Schematics?

micro-structure, convey essential
content, and functionality at individual steps of interaction.

What is a prototype?

A limited representation of a design that allows people to
interact with it and to explore its suitability

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
- Features (Breadth): amount of features, options, and commands

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
letter, number, or symbol

What a typeface?

– Set of letters, numbers, symbols that make up a type design
– “Abstract shapes”

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


– Height of letter “x”


em-space


– Width of uppercase M


em-dash

– Longer than hyphen (- vs. –)


Drop cap

– Capital letter at start of section that descends several lines

What is Serif?

Serif
– Small, decorative stroke at end of main strokes

What is Sans Serif?

Sans Serif
– Lacks the small decorations

serif fonts have better readability at ______

high resolutions (e.g. print)

Name 5 features of screen fonts

Wide letter spacing
– Tall x-heights
– Uniform stroke thicknesses
– Commonly confused letters (i j l I J L 1) easily distinguishable
– Often sans serif
– Greater width, spacing help out at low resolution when not a lot
of pixels to spare

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:
- Tricky to predict length of time for subtasks
- Not all tasks can easily break down into subtasks
(e.g., Blocking I/O)