Your SlideShare is downloading. ×
CE-9506 - Session03: User Consideration
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

CE-9506 - Session03: User Consideration

357
views

Published on

This is the brief slide presentation given to my students at UArts. …

This is the brief slide presentation given to my students at UArts.

It focus on the design for maximum usability of a web site and interface.

Published in: Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
357
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

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. Session 03: User Consideration
    • CE-9506: Web Design - Structure, Function & Analysis
  • 2. Why Consider Users?
    • Duh!
    • What kind of users do we have to consider
    • User profile is based on type of website
    • Consumer, Task Oriented, Info. Seekers
  • 3.  
  • 4.  
  • 5. Where do we begin?
    • Site Audits (studies of existing sites)
    • navigation and flow maps
    • Site maps and content inventory
    • wireframes
    • Graphic mock ups
    • working prototypes
  • 6. Benefits of this method?
    • It reduces excessive features
    • improves overall usability of the product
    • Expedites design and development
    • Incorporates marketing and business goals
    • Web Applications
    • enterprise e-magazine and news sites
  • 7. What should we use for Wireframes?
    • Graph Paper
    • Sketch Book
    • Illustrator
    • OmniGraffle
    • InkScape
    • Photoshop
  • 8. Setting up our grid.
    • set up templates using guides
    • create “sprites” and “symbols”
    • study similar grids
    • use a hierarchal method
    • should be used in every web interface
  • 9. Hacking the Grid
    • compensate for margins and padding in the wireframes
    • know which elements need to span multiple grids
    • make the grid “scaleable”