Interface Design
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
662
On Slideshare
585
From Embeds
77
Number of Embeds
2

Actions

Shares
Downloads
19
Comments
0
Likes
0

Embeds 77

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. INTERFACE DESIGN Navigation and page design
  • 2. “WAYFINDING” 1. Orientation 2. Route decisions 3. Mental mapping 4. Closure
  • 3. Maps & navis 1. Paths 2. Regions 3. Nodes 4. Landmarks
  • 4. paths • Consistent and predictable links • Internal (habitual to the user) • External (breadcrumb trails)
  • 5. regions • Identifiable regions and spaces • Consistent yet flexible/customizable • Page grid, terminology, links
  • 6. Nodes • Too much choices can be overwhelming • Balance between user freedom and guidance
  • 7. LANDMARKS • Orientation cues (“You are here”) • Use of graphics and titles
  • 8. Search tools • Users see less of the homepage • They have expectations of where search bars are located
  • 9. Design tips: Clear navigation
  • 10. Design tips: No dead ends
  • 11. Design tips: Simple yet unique
  • 12. Design tips: Visible graphic identity
  • 13. Design tips: Composition
  • 14. Trends in web composition
  • 15. Web Design conventions
  • 16. Web Design conventions
  • 17. 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