IDES 322 04: 02/18/14: UX and Wireframes

Review:
Process – User Experience Maps/Site Maps.

User experience/wireframes
UX diagram examples
Sketches
Sketches 2
Digital
With annotations
With Annotations 2

Sources to Review:
From smashingmagazine
Free wireframing tools

Read the following articles
Beyond Wireframes
UX case study
The Importance of the Wireframe
Wireframe your site

Assignment:
You should have: Requirements, User Scenarios, Usability maps, Site map (Site inventory).
Now, Create wireframes your web site (home+ top level + second level). Start with sketches.
Work on your HTML Prototype
Post to your server.