Interface Design
Upcoming SlideShare
Loading in...5
×
 

Interface Design

on

  • 633 views

 

Statistics

Views

Total Views
633
Views on SlideShare
556
Embed Views
77

Actions

Likes
0
Downloads
18
Comments
0

2 Embeds 77

http://pisaywebdev.wordpress.com 76
http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Interface Design Interface Design Presentation Transcript

  • INTERFACE DESIGN Navigation and page design
  • “WAYFINDING” 1. Orientation 2. Route decisions 3. Mental mapping 4. Closure
  • Maps & navis 1. Paths 2. Regions 3. Nodes 4. Landmarks
  • paths • Consistent and predictable links • Internal (habitual to the user) • External (breadcrumb trails)
  • regions • Identifiable regions and spaces • Consistent yet flexible/customizable • Page grid, terminology, links
  • Nodes • Too much choices can be overwhelming • Balance between user freedom and guidance
  • LANDMARKS • Orientation cues (“You are here”) • Use of graphics and titles
  • Search tools • Users see less of the homepage • They have expectations of where search bars are located
  • Design tips: Clear navigation
  • Design tips: No dead ends
  • Design tips: Simple yet unique
  • Design tips: Visible graphic identity
  • Design tips: Composition
  • Trends in web composition
  • Web Design conventions
  • Web Design conventions
  • More conventions • Informative title • Author or institution • Date created and revised/edited • Copyright/ownership statements • Link to home/main page • Alt text for images • Headings for sections