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

Process – User Experience Maps/Site Maps.

User experience/wireframes
UX diagram examples
Sketches 2
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

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.