1 / 24

Psychology of usability 1

Psychology of usability 1. User interfaces Jaana Holvikivi Metropolia. Usability goals. International Standards Organization ISO 9241 definition:

qabil
Download Presentation

Psychology of usability 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Psychology of usability 1 User interfaces Jaana Holvikivi Metropolia

  2. Usability goals • International Standards Organization ISO 9241 definition: • Usability is the effectiveness, efficiency, and satisfaction with which users can achieve tasks in a particular environment of a product. High usability means a system is easy to learn and remember; efficient, visually pleasing and fun to use; and quick to recover from errors. • Effectiveness: can users successfully achieve their objectives? • efficiency: how much effort and resource is expended in achieving those objectives? • satisfaction: was the experience satisfactory?

  3. Related fields • Engineering psychology • Ergonomics • Experience design • Human-centered computing • Human computer interaction (HCI) • Industrial Design • Systems engineering • Ubiquitous computing • User-centered design • User experience design

  4. Universal usability: design for all • Variations in physical abilities, disabilities • Variations in use environment • Diverse cognitive abilities • Diverse perceptual abilities (vision, hearing) • Personality differences • Cultural and international diversity • Special user groups: children and the elderly

  5. Ease to learn in interface design • Familiarity in interface • Layout: patterns and perception • regular shapes • proximity • continuity • recognition • grouping • Logical structure

  6. Grouping and patterns • Features- colors, size, shape • Prototypes, schemas • Internal consistency & similarity in a group • Logical, conform with reality • Sparse (not too many categories)

  7. Regular shapes • vision / perceptions simplifies and groups things together • 5 circles (not 9 parts)

  8. Proximity

  9. Similarity

  10. Continuity

  11. Familiarity

  12. Connectedness

  13. Object - background

  14. Balance • size • color • dark colors heavy • position • proximity • do these move?

  15. Template and grid • Design on a grid: easy to align • Same template: uniform outlook • Planning in black & white • Colors later

  16. Grid for forms 12345 OK Code: Name: A Company Old countryroad Address: 02650 Esbo

  17. Creating forms • Left-aligned • Vertical alignment of texts • Items that repeat in the same position • Chunking & grouping • Regular size input fields

  18. Fastest spotting of items

  19. Efficient dialogue • 6..15 groups • neat layout • use of space • experienced user prefer dense forms • novices prefer less crowded boxes

  20. Mediocre spotting of items

  21. Grouping of items in interface design Kotval, X. P., and Goldberg, J. H. (1998), Eye Movements and Interface Components Grouping: An Evaluation Method The same icons where grouped in four different ways: 1. functional grouping (editing, drawing, text properties) 2. majority grouping 3. random grouping 4. no grouping condition (1) was most efficient, (4) second;“wrong” grouping turned out to be confusing

  22. Human perception: sees patterns • People can discriminate color and lighting • Object and background • Borders and continuity • Shapes and interpretations • People remember even large chunks • Football teams: colored shirts; chess pieces

  23. Design principles for web sites • Clear structure • Not organizational hierarchy or administrative units • Location, where to go? • Consistent outlook and layout • Location of buttons • Colors, background images • Theme? • Functionalities give feedback

  24. Assisting users • Right amount of information at right time • Summary on top level • Details on lower levels • Groups and outlines • Familiarity

More Related