Reading...
Play button
Play button
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;
69 Cards in this Set
- Front
- Back
- 3rd side (hint)
|
What is a Human Centered Design?
|
making sure the interface is in according with human physiological facts
|
|
|
|
What is User-Centered Design?
|
Making sure designs are driven by accurate understanding of the Users, their needs, desires, and limitations
|
|
|
|
What is Usage-Centered Design?
|
Making sure that designs are based on user intentions and usage patterns
|
|
|
|
Reasons why people use software
|
-finding something
-learning something -perform a transaction -control or monitor something -create something -converse or interact -entertainment -make decisions |
|
|
|
Things you can learn from User Research
|
-types of users
-user goals -specific tasks -language and words they use to describe what they're doing -skill level -their attitude -experience with previous systems |
|
|
|
What are some basic ways to do User Research?
|
Direct Observation
Interviews Case Studies Persona Surveys |
|
|
|
What are the two different types of Users?
|
Beginner and Expert
|
|
|
|
What is the safe exploration behavioral pattern?
|
Let me explore without getting lost or getting into trouble
|
|
|
|
What is the instant gratification behavioral pattern?
|
I want to accomplish something now, not later
|
|
|
|
What is the satisficing behavioral pattern?
|
this is good enough. I don't want to spend more time to learn to do it better
|
|
|
|
What is the habituation behavioral pattern?
|
That gesture works everywhere else, why doesn't it work here?
|
|
|
|
What is the changes in midstream behavioral pattern?
|
I changed my mind about what I was doing
|
|
|
|
What is the deferred choices behavioral pattern?
|
I don't want to answer that now; just let me finish!
|
|
|
|
What is the incremental construction behavioral pattern?
|
let me change this. That doesn't look right; let me change it again. That's better
|
|
|
|
What is the Spatial Memory behavior pattern?
|
I swear that button was here a minute ago. Where did it go?
|
|
|
|
What is the prospective memory behavioral pattern?
|
I'm putting this here to remind myself to deal with this later
|
|
|
|
What is the streamlined repetition behavioral pattern?
|
I have to repeat this how many times?
|
|
|
|
What is the Keyboard only behavioral pattern?
|
Please don't make me use they mouse
|
|
|
|
What is the Other people's advice behavioral pattern?
|
What did everyone else say about this?
|
|
|
|
What are three things you need to develop a Good interface?
|
you need to know your users, an understanding of the development environment, and an understanding of "standard" UI devices
|
|
|
|
What is an interface metaphor?
|
an idea or environment that is familiar to the user
|
|
|
|
What are some examples of interface metaphors?
|
desktop, control-panel
|
|
|
|
What is an interface idiom?
|
recognizable style of interface with its own vocabulary
|
|
|
|
What are some examples of interface idioms?
|
text editors, spreadsheets, web pages
|
|
|
|
What are four things Humans have?
|
Memory, perceptual system, cognitive system, motor system
|
|
|
|
What is page layout?
|
the art of manipulating the users attention on a page to convey information
|
|
|
|
What are the five elements of page layout?
|
visual hierarchy
visual flow grouping and alignment dynamic displays integration of these elements |
|
|
|
What is visual Hierarchy?
|
the most important content should stand out the most
|
|
|
|
What are some ways you can create visual hierarchy?
|
put things in top-left corner
contrast whitespace positioning, alignment, and indentation graphics |
|
|
|
What is visual flow?
|
how your eye moves acress a page
|
|
|
|
What does a visual hierarchy do?
|
sets up focal points that will draw your users to the most important content
|
|
|
|
What do humans do from relative position and distance between elements?
|
deduce order
|
|
|
|
What are the different types of lists?
|
lists of objects, categories, actions or tasks, and tools
|
|
|
|
What are the three general structures of a window?
|
multiple windows, tiled panels, one-window page
|
|
|
|
What are the patterns for a physical window structure?
|
Two panel selector
canvas plus palette one-window drilldown alternative view |
|
|
|
What are some "other" organizational patterns
|
Wizard
extras on demand intriguing branches multi-level help |
|
|
|
What should a system always allow a user do according to HCI constraints?
|
allow a User to focus on the task at hand
|
|
|
|
What are the four questions relating to UI Navigation?
|
-Where am I now?
-Where do I want to go? -How do I get there? -Am I there yet? |
|
|
|
What is a signpost?
|
features that help users figure out their immediate surroundings
|
|
|
|
What are some examples of signposts?
|
window title, Logos, tabs
|
|
|
|
What are "You are here" patterns?
|
patterns that let the user know where they are right now
|
|
|
|
What are four "You are here" patterns?
|
-sequence map
-breadcrumbs -annotated scrollbar -color-coded sections |
|
|
|
What is wayfinding?
|
what users do as they find their way towards their goals
|
|
|
|
What does an interface need to do to facilitate wayfinding?
|
"Wayshowing"
|
|
|
|
What are the wayshowing patterns?
|
Clear Entry Points, global navigation, hug and spoke, pyramid, modal panel, animated transition, escape hatch
|
|
|
|
What is the first law of a humane interface?
|
A computer shall not harm your work, or through inaction, allow your work to come to harm
|
|
|
|
What is the second law of a humane interface?
|
a computer shall not waste your time or require you to do more work than is strictly necessary
|
|
|
|
What is the third law of a humane interface?
|
An interface is humane if it is responsive to human needs and considerate of human frailties
|
|
|
|
What is the fourth law of a humane interface?
|
The user should set the pace of the interaction
|
|
|
|
What is a visual framework?
|
design each page to have the same "feel"
|
|
|
|
What problem does a visual framework solve?
|
Keeping the User feeling like they're still in your software
|
What
|
|
|
What is the center stage layout pattern?
|
Putting the most important part of the interface in the center of the screen and clustering everything else around it
|
wha
|
|
|
What problem does center stage solve?
|
When you have to create something, you put the canvas center stage
|
|
|
|
What problem does a titled section solve?
|
you have a large amount of content that you can divide up into sections
|
|
|
|
What is a card stack?
|
put sections of content on different "cards", and only one card is displayed at one time
|
|
|
|
What problem does a card stack solve?
|
a lot of content with a common vein; allows you to place ALL of the information on the screen dynamically
|
|
|
|
What is closable panels?
|
put sections of content onto separate panels, and then allow the user to open and close them
|
|
|
|
What problem does closable panels solve?
|
It allows users to hide things they do not want to see and see multiple things they DO want to see at the same time
|
|
|
|
What are moveable panels
|
lets the User move the panels around to form a custom layout
|
|
|
|
What problem does moveable panels solve?
|
Allows them to rearrange their workspace. It's applicable when different users can work differently in the same environment
|
|
|
|
What is left right alignment?
|
left column is right-aligned and left column is right-aligned
|
|
|
|
What problem does left-right alignment solve?
|
It creates a strong visual flow on the gutter, which helps with forms
|
|
|
|
What problem does a diagonal balance solve?
|
trying to create a visual flow that is pleasing to the user
|
|
|
|
What problem does a property sheet solve?
|
When you have a lot of properties that will probably need to change quite a bit
|
|
|
|
What is responsive disclosure?
|
Guiding the user through a series of steps and showing the UI more and more as they complete the steps
|
|
|
|
what does responsive disclosure solve?
|
Only shows users what they need when they need it
|
|
|
|
What is responsive enabling?
|
Starting with the UI mostly disabled, but enabling the features as the Users completes steps
|
|
|
|
What problem does responsive enabling solve?
|
Not a LOT of options, but they don't need some options right now
|
|
|
|
What is liquid layout?
|
As the window resizes, you resize the page's components
|
|
