pkeenan_readingclass

Likely Areas of Improvement

//Improve Scenarios and Map//
 * User's thoughts(not specific to site)
 * Site's goals as scenarios develop
 * Focus on the sites **main** function

//Improve and Extend Mocks//
 * more states
 * more chunks
 * many different ways to go
 * way to see more of the same

Why is Web Different

//Web is less like editorial more like://
 * rolodex
 * calendar
 * subscription card
 * instructional workbook
 * encyclopedia & index

//Interactions vs Content://
 * Content is not art directed
 * You are designing for interaction
 * The interactions are the content, the textual content is always changing
 * There is no page size
 * People do not read in columns

Opportunities

//Instead of specific layouts, the practitioner instead designs a set of rules (sometimes called metadesign) over the system to determine behaviors or to make basic design decisions that fall within a set of criteria.// –Ben Fry

The Fold Web Design has an initial height constraint of around 500 pixels.It has an infinite height though, use this height and plan for itThe Bottom and the Top Concern yourself with the bottom of the page just as much as the topThe top of the page is the first seen space, use it wiselyThe bottom of the page is the place where lost people end up, use it wisely Chunking break content into sections, or chunks.Use these chunks to direct the user to different aspects and sections of the experience Icons & Elements Use icons to allow the user to associate symbols with functionsCreate reusable elements and chunks for use on many pages Predictive DesignPredictive design allows the user to make a connection between what they click and what happens. The title should be the same color, the image should still be there.

Augment InteractionAugment interaction by providing different ways of seeing it. Provide a biography, a picture, bullets, and links for more information.

Allow for Art Direction Allow for art direction in specific sell areas. Different & More Always allow the user to see more.Always allow the user to see different.States Design for many different states: hover, click, expand, contract, selected, loadingThe different states should focus on the area of interaction: sidebar, main nav, text body, footer, widget

//Why Personas & Scenarios//
 * Scenarios will help develop unique interactions (eg. they helped us with a sports site, to develop a method of conflict and resolution)
 * Peronas put us in the user's shoes often giving insight which help with the design
 * Scenarios help prioritize the content, which helps a designer decide where to put content
 * Personas give us a feel for the people using the site, and allow us to see what other website they use
 * Scenarios give use a number of interactions which allows us to create a comprehensive site map diagram

Methods

These are technical pragmatic methods that will speed up your web design:
 * Use different layers for different states, not different files
 * Use a special layer for explaining and diagramming the interaction
 * Use [|actual text boxes and buttons] in your mock
 * Have a [|symbol library] of cursors

Default web fonts: Always work Arial / Helvetica, Times New Roman / Times, Courier New / Courier, Verdana, Georgia,