HCI课件：Lecture 10 - computer prototyping.pptVIP

Lecture 12: Computer Prototyping Balance Symmetry ? Choose an axis (usually vertical) ? Distribute elements equally around the axis – Equalize both mass and extent Symmetry Example Alignment Color Guidelines Paper Prototyping is Not Enough Computer Prototype ? Interactive software simulation ? High-fidelity in look feel ? Low-fidelity in depth –Paper prototype had a human simulating the backend; computer prototype doesn’t –Computer prototype is typically horizontal: covers most features, but no backend What You Can Learn From Computer Prototypes ? Everything you learn from a paper prototype, plus: ? Screen layout – Is it clear, overwhelming, distracting, complicated? – Can users find important elements? ? Colors, fonts, icons, other elements – Well-chosen? ? Interactive feedback – Do users notice respond to status bar messages, cursor changes, other feedback ? Fitts’s Law issues – Controls big enough? Too close together? Scrolling list is too long Why Use Prototyping Tools? ? Faster than coding ? No debugging ? Easier to change or throw away ? Don’t let Java do your graphic design * ? Align labels on left or right ? Align controls on left and right – Expand as needed ? Align text baselines ? Remember limitations of human vision – Color blindness, red-on-blue, small blue details ? Use few colors ? Avoid saturated colors ? Be consistent and match expectations ? Low fidelity in: – Look – Feel –Dynamics –Response time –Context ? Users can’t try it without a human to simulate computer *