User Interface Design课件.pptVIP

User Interface Design UI design is not just about the arrangement of media on a screen It’s designing an entire experience for people, hence a “look and feel” Psychology: building a mental model Ergonomics: facilitating navigation User interface and web design Why is good user interface design important? How did a presidential election come down to questionable user interface design? Palm Beach ballot may have misled many Gore voters into voting for Buchanan Expecting Democratic candidate to be the second hole The Design of Everyday ThingsDonald Norman (Doubleday, 1988) Norman’s principles of usability: Visibility: Frequently used functions should be obvious and easy What’s a FLASH button on a telephone? Mapping: Relate interface to mental model Horizontal stovetop knobs for burners Feedback: has an intended action be done? Tool tips on mouse rollover “In England I visited a home with a fancy new Italian washer-drier combination, with super-duper multi-symbol controls, to do everything you ever wanted to do with the washing and drying of clothes. The husband (an engineering psychologist) said he refused to go near it. The wife (a physician) said she had simply memorized one setting and tried to ignore the rest.” Exercise Have you ever walked into a room and fumbled with the light switches, often turning on the wrong ones? Which of Norman’s principles does this interface violate? How so? Visibility: light switches should be obvious Mapping: position of switches should correspond to model of room More UI principles Real world mapping: correspond to familiar layouts Consistency: common features should stay in same place, work in same way Less is more: less important features out of the way Anticipation: hide or grey out inactive features Customization: give expert users more efficient features Transparency: UI shouldn’t’ cover up content Contiguity: keep explanatory words near graphics Memory load: remind user about details User control: who’s