Interface Design

457
-1

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
457
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Interface Design

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

    Clipping is a handy way to collect important slides you want to go back to later.

×