• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
CE-9506 - Session03: User Consideration
 

CE-9506 - Session03: User Consideration

on

  • 573 views

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.

Statistics

Views

Total Views
573
Views on SlideShare
573
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

    CE-9506 - Session03: User Consideration CE-9506 - Session03: User Consideration Presentation Transcript

    • Session 03: User Consideration
      • CE-9506: Web Design - Structure, Function & Analysis
    • 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
    •  
    •  
    • 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
    • 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
    • What should we use for Wireframes?
      • Graph Paper
      • Sketch Book
      • Illustrator
      • OmniGraffle
      • InkScape
      • Photoshop
    • 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
    • Hacking the Grid
      • compensate for margins and padding in the wireframes
      • know which elements need to span multiple grids
      • make the grid “scaleable”