Test 4 Flashcards
Steps to creating Word webpage
(1) Create single page
(2) Create hyperlinks on these pages
(3) design and optimize your webpages following design principles
(4) upload them together including photos
12 design principles for webpage
(1) back to home link
(2) use consistent template on each page
(3) Create uniform color scheme
(4) be sure there is sufficient contrast b/t background and text
(5) avoid font that is too small or large
(6) place the important information near the top
(7) no orphan pages
(8) provide feedback
(9) breadth > depth
(10) arrangement of graphics on screen
(11) usage of layout and link analysis methods
(12) know your users, content should match purpose
What it’s called when you can’t go back to previous page
orphan page
Saving webpage
as Web Page
Another way to create a free webpage
Google Site
Difficulty in Speech UI
Can’t see the interface
Design guidelines for Speech UI (5)
(1) Know your users
(2) Simple and natural dialogue
(3) Minimize demands on caller’s memory (no unnecessary details, don’t make them remember lots of things)
(4) be consistent
(5) provide feedback
(6) provide easy exits
(7) offer shortcuts
(8) allow time for caller responses
(9) provide assistance for help
(10) maintain conversational flow
Cliff Experimenter
James Jerome Gibson
Experiment in ecological psychology
Cliff Experiment
2 techniques for ecological user interface
Make constraints and complex relationships in the work environment perceptually evident (e.g. visible, audible) to the user
(2) Use naturalisitc representations for the objects, information and operations, esp their shapes, colors, landmarks and emergence of the 3rd dimension
4 naturalistic representations
(1) shapes
(2) colors
(3) landmarks
(4) emergence of the 3rd dimension
Problem with the traditional control interface
a user/operator has to imagine/recall the relations among those controllers and their instructions
Examples of the 3rd dimension
color, spatial, shape
benefits of ecological UI’s
(1) present information in a way consistent with human perception and intuition
(2) reduce human error and time in perceiving information
Motivation in engineering aesthetics
(1) market competition
(2) design and manufacturing cost
(3) users: attention, confidence and satisfaction
Aesthetics
A branch of philosophy that deals with the nature and expression of beauty, as in the fine arts
Engineering aesthetics
a new-born branch in human factors measures and quantifies aesthetics/attractiveness of user interface
4 examples of engineering aesthetics
(1) parthenon
(2) mona lisa
(3) cell phone
(4) human body
Derivation of golden section
1/a = a/(1-a)
Balanced display creates…
a feeling of stability and confidence in a viewer while an unbalanced display creates a feeling of stress
Magnitude estimation procedure
(1) select a standard product/UI
(2) arbitrarily assign its score of attractiveness at 10 or 100
(3) ask participants to give a score to indicate the attractiveness of other products/UIs (this score can be 0 to infinity)
Score/standard UI’s score = degree of attractiveness
Degree of attractiveness calculation
score/standard UI’s score
Usability Test Plan with Formal Experiment Design
(1) Experiment design (variables, sample size)
(2) subject/user recruitment (sampling)
(3) task(s) selection
(4) equipment preparation
(5) IRB approval
(6) Pre-test
(7) formal test
(8) data analysis and report
Sampling/selections for Formal Experiment (4)
- target users
- future users
- try to avoid handy samples
- classified sampling (according to market segmentation)
How to select tasks for Formal Experiment
- Most frequent tasks
- Tasks with potential problems found by usability evaluation methods
- user-specific tasks (e.g. for seniors)
One type of test setting
one-way mirror
2 types of equipment for formal experiment
(1) interface logging software (SNAGIT)
(2) Camera
Pre-test for formal experiment
data pattern, know the target sample size