characteristics of good interfaces
Download
Skip this Video
Download Presentation
Characteristics of Good Interfaces

Loading in 2 Seconds...

play fullscreen
1 / 32

Characteristics of Good Interfaces - PowerPoint PPT Presentation


  • 132 Views
  • Uploaded on

Characteristics of Good Interfaces. Outline. Four characteristics of a good user interface: Consistency Use of hierarchy and grouping Explicitly shows states and state changes Avoids overload. Consistency. Interface components and layout should be consistent within and across applications

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Characteristics of Good Interfaces' - yank


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
outline
Outline
  • Four characteristics of a good user interface:
    • Consistency
    • Use of hierarchy and grouping
    • Explicitly shows states and state changes
    • Avoids overload
consistency
Consistency
  • Interface components and layout should be consistent within and across applications
  • Consistency refers to…
    • Presence and absence of features
    • Physical location of features
    • Appearance of features (widgets, text, icons)
    • Method of accessing features
presence and absence of features

Power Point:

Can’t customize keyboard

Presence and Absence of Features

Word:

Customize keyboard

slide5

StatView

Not available

Presence and Absence of Features (2)

Word

Recently used

file list

slide6

Physical Location of Features

Power Point:

Last entryin list

Word:

First entryin list

slide7

Appearance of Features

Windows:

Windows is searchingfor a file

Windows is searchingfor a file

appearance of features 2
Appearance of Features (2)
  • Consistent (i.e., same) size within a group is aesthetically pleasing
slide9

Method of Accessing Features

Word:

From INSERT menu:

Two ways to insert page numbers!

Are they the same?

From VIEW menu:

slide10

Method of Accessing Features (2)

Application on the desktop:launch by double click

Application on the toolbar:launch by single click

outline1
Outline
  • Four characteristics of a good user interface:
    • Consistency
    • Use of hierarchy and grouping
    • Explicitly shows states and state changes
    • Avoids overload
hierarchy and grouping
Hierarchy and Grouping
  • Make relationships obvious
  • Provide “headings” to categorize groups of related items
  • Use
    • Horizontal separators
    • Borders
    • Labeled borders
    • Alignment
slide13

ICQ:

Hierarchy isambiguous

slide14

Yamaha OPL Sound Driver:

Good sense ofhierarchy and groupings via labeled borders

outline2
Outline
  • Four characteristics of a good user interface:
    • Consistency
    • Use of hierarchy and grouping
    • Explicitly shows states and state changes
    • Avoids overload
states and state changes
States and State Changes
  • The user must
    • Know the state of the system at all times
    • Be informed of state changes
slide18

Eudora:

StateChanges

Click here

slide19

Eudora:

Notes:

1. Compromise:

Bad: position changes

Good: all entries appear

2. Animation helps

Click here

state uncertainty
State Uncertainty
  • Cable modem…

CABLE

PC

TD

POWER

TEST

RD

Receive Data

(from where?)

what is receive data
What is “Receive Data”?

Network Server

Cable Modem

Receive data

My PC

outline3
Outline
  • Four characteristics of a good user interface:
    • Consistency
    • Use of hierarchy and grouping
    • Explicitly shows states and state changes
    • Avoids overload
overload
Overload
  • From Miller’s famous essay…
  • Refers to the number of items a human can reasonably process at once

The magical number seven plus or minus two!

Reference:

Miller, G. A. (1956, March). The magical number seven plus or minus two: Some limits on our capacity for processing information. The Psychological Review, 63(2), 81-97.

slide24

Eudora:

Too much to digest without groupings

colour overload
Colour Overload!

ICQ:

The following people are "offline"

Painted in red to indicate

"offline" (but we already

know that!)

slide26

Colour Overload! (2)

ICQ:

Why is this blue?

Why is this purple?

Why is this yellow?

slide27

Colour Overload! (3)

Eudora:

Good use ofcolour

color design guideline
Color Design Guideline
  • Color is good for distinguishing things, but not necessarily for coding things.(People have trouble remembering the association of colors to meanings.)
  • Design your interface in black and white. Add color for emphasis when your design is complete.
  • Always honor the system color settings.
  • Keep in mind that 5% of males have some degree of color blindness.
coffee maker on off switch
Coffee Maker on/off Switch

On or off?

On or off?

Discussion:

On the left, the switch appears similar to a North American wall switch in the up, or on, position, whereas the reverse observation applies for the picture on the right. However, the label 0 appears above the label 1. So, some confusion exists. The top part of the switch is immediately beside the label 0; so, perhaps pushing the top part of the switch is associated with the label 0. Also, the use of the colour red may be misleading. Does red mean on or off? When colour is used, sometimes red/green pairs exist, typically with green implying on and red implying off.

no confirmation

Are the changes saved?

No Confirmation

WS-Ftp:

Click here to “save Windows location” (for next ftp login)

Then what?

ad