Principles of User Interface Design - PowerPoint PPT Presentation

Loading...

PPT – Principles of User Interface Design PowerPoint presentation | free to view - id: b8e71-ZDc1Z



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Principles of User Interface Design

Description:

Goal: Allow those who understand the problem domain to use software without manuals or training ... Based on previous experience with similar software or ... – PowerPoint PPT presentation

Number of Views:25
Avg rating:3.0/5.0
Slides: 18
Provided by: roberts83
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Principles of User Interface Design


1
Principles of User Interface Design
  • Robert Spidale
  • CS 492 Presentation

2
The User Interface (UI)
  • Most important aspect of software
  • Easy to Use Less Expensive to Use
  • Training Costs
  • Support Costs
  • Goal Allow those who understand the problem
    domain to use software without manuals or training

3
The Mental Model
  • Users have expectation of how program will work
    the User Model
  • Based on previous experience with similar
    software or software in general
  • Varies based on users experience and
    expectations
  • Program UI has a model the Program Model
  • Encoded within program
  • Goal Program Model User Model
  • User should be able to use program by making
    educated guesses
  • How to test? Ask Users!

4
Consistency
  • Similar-looking controls should perform similar
    functions
  • Different controls should look different
  • Color Scheme
  • Control placement
  • Aids users mental model
  • With other software

5
(No Transcript)
6
Navigational Organization
  • Within a Screen
  • Left to Right, Top to Bottom
  • Between UI Components
  • Users have a Work Flow
  • Varies based on users mental model
  • Programs have an Interface Flow
  • Goal Interface Flow Work Flow

7
(No Transcript)
8
Effective Messages and Labels
  • Use full words and messages, not abbreviations
  • Messages should be positive, user is in control
  • Consistent Wording

9
(No Transcript)
10
Color
  • In general, use sparingly
  • Can be distracting
  • Only use as secondary indicator
  • Contrast Rule
  • Consistency

11
(No Transcript)
12
Visual Appeal
  • Alignment of Fields
  • Justification of Data
  • Overall Density
  • Screen Density less than 40 percent
  • Local Density less than 62 percent
  • Groupings
  • Logically connected items grouped together

13
(No Transcript)
14
Expect Mistakes
  • Error Checking in Input Fields
  • Error Recovery
  • Undo
  • Redo
  • Cancel

15
(No Transcript)
16
The EndQuestions?
17
Sources
  • http//www.sylvantech.com/talin/projects/ui_desig
    n.html
  • http//www.ambysoft.com/essays/userInterfaceDesign
    .html
  • http//www.joelonsoftware.com/uibook/fog0000000249
    .html
  • http//www.userinterfacehallofshame.com
About PowerShow.com