UI

Document Sample
UI Powered By Docstoc
					cs2340:User Interface Design

            Spring 2007




UI Design                      1
                Key Idea

• You are NOT your user!!

• What we (Software Engineers, CS
  Majors) think is cool and easy to use is
  often not what users think!




   UI Design                                 2
               Example

• The Ultra-quiet dishwasher




   UI Design                   3
               Lessons

• Simple visual appearance != Simple
  Interface
• Subtlety is not a virtue
• Hidden shortcuts aren’t
• Failure to test under real-world
  conditions


   UI Design                           4
               Usability Principles

• Learnability (novice user support)
  – Predictability
  – Synthesizability
  – Familiarity
  – Generalizability
  – Consistency



   UI Design                           5
                UI Principles

• Flexibility (multiple ways of interaction)
  – Dialogue Initiative
  – Multi-threading
  – Task migratability
  – Substitutivity
  – Customizability



    UI Design                                  6
               UI Principles

• Robustness (Achievement of goals)
  – Observability
  – Recoverability
  – Responsiveness
  – Task Conformance




   UI Design                          7
                 Accessibility

•   Color Blindness
•   Visual Acuity
•   Limited Machine Resources
•   Sound




     UI Design                   8
                  Some Rules

•   Must assist user, not become a task itself
•   Must not make the user feel stupid
•   Must not make the computer appear stupid
•   Visibility of system status
•   Match between system and real world
•   User control and freedom
•   Consistency and standards
•   Error Prevention

      UI Design                                  9
                More Rules

• Recognition rather than recall
• Flexibility and efficency of use
• Aesthetic and minimalist design
• Help users recognize, diagnose and
  recover from errors
• Help and documentation
• Avoid modal windows whenever possible

    UI Design                             10
            Rules Violations




UI Design                      11
            Rules Violations




UI Design                      12
            Rules Violations




UI Design                      13
  Deciding Between Alternatives

• Storyboards
• Limited Functionality Simulation
• Prototype




   UI Design                         14
                  UI Hall of Shame

• http://homepage.mac.com/bradster/iarchitect
  /controls.htm
• www.frankmahler.de/mshame/ShameRecen
  t.htm




      UI Design                                 15

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:16
posted:10/28/2011
language:English
pages:15