pkeenan_class5

=In Class=

Experience
[|Nike Plus]

Interaction
[|Cisco] [|Blowing]

Web
[|10 Principles of Web Design]

Examples
http://reformrevolution.com/ http://erraticwisdom.com/2007/10/30/skepticism-refuted http://www.andyrutledge.com/ http://beta.textilestudio.ca/ http://www.subtraction.com/ http://www.barackobama.com/

Ideas around Meaning
http://www.thmvmnt.com/content/cts/wireframes/* Sharing
 * Life
 * Growth
 * Creation
 * Collecting
 * Recollecting
 * Planning

Example of Meaning
[|OurStory] [|Where I've Been] [|Post Secret] [|NEC Tree] [|We Feel Fine]

=Homework=
 * 1) Write Personas with Motivation | Context | Behaviour
 * 2) Decide on the focus of the experience
 * 3) Take personas through scenarios( tell a story of the user using the system)
 * 4) Create sitemap from scenarios
 * 5) Create wireframes of the main scenario
 * 6) develop visual comps in Photoshop/Illustrator

=Example Development Process=

Wireframes
http://www.thmvmnt.com/content/cts/wireframes/01_about_landing.png http://www.thmvmnt.com/content/cts/wireframes/01_about_member.png http://www.thmvmnt.com/content/cts/wireframes/01_frontpage.png http://www.thmvmnt.com/content/cts/wireframes/03_events_date.png http://www.thmvmnt.com/content/cts/wireframes/03_events_event.png http://www.thmvmnt.com/content/cts/wireframes/03_events_landing_v2.png http://www.thmvmnt.com/content/cts/wireframes/03_events_landing.png http://www.thmvmnt.com/content/cts/wireframes/04_news_landing.png http://www.thmvmnt.com/content/cts/wireframes/05_criticalwriting_landing.png http://www.thmvmnt.com/content/cts/wireframes/05_criticalwriting_paper.png http://www.thmvmnt.com/content/cts/wireframes/06_gallery_image.png http://www.thmvmnt.com/content/cts/wireframes/06_gallery_landing.png

Visual Mocks
http://www.thmvmnt.com/content/cts/mocks/about_grid http://www.thmvmnt.com/content/cts/mocks/design_roughs_6.png http://www.thmvmnt.com/content/cts/mocks/events.png http://www.thmvmnt.com/content/cts/mocks/gallery.png http://www.thmvmnt.com/content/cts/mocks/inner_about.jpg http://www.thmvmnt.com/content/cts/mocks/inner_contact.jpg http://www.thmvmnt.com/content/cts/mocks/inner_events.jpg http://www.thmvmnt.com/content/cts/mocks/inner_facilities.jpg http://www.thmvmnt.com/content/cts/mocks/inner_location.jpg http://www.thmvmnt.com/content/cts/mocks/inner_members.jpg http://www.thmvmnt.com/content/cts/mocks/inner_membership.jpg http://www.thmvmnt.com/content/cts/mocks/inner_news.jpg http://www.thmvmnt.com/content/cts/mocks/inner_vision.jpg http://www.thmvmnt.com/content/cts/mocks/inner_writing.jpg http://www.thmvmnt.com/content/cts/mocks/variation3.png http://www.thmvmnt.com/content/cts/mocks/variation6.png http://www.thmvmnt.com/content/cts/mocks/variations1.png http://www.thmvmnt.com/content/cts/mocks/variations1b.png http://www.thmvmnt.com/content/cts/mocks/variations2.png http://www.thmvmnt.com/content/cts/mocks/variations4.png http://www.thmvmnt.com/content/cts/mocks/variations5.png http://www.thmvmnt.com/content/cts/mocks/variations7.png

HTML Mocks
http://www.thmvmnt.com/content/cts/dummies/cts-about-item.html http://www.thmvmnt.com/content/cts/dummies/cts-about.html http://www.thmvmnt.com/content/cts/dummies/cts-events-all.html http://www.thmvmnt.com/content/cts/dummies/cts-front.html http://www.thmvmnt.com/content/cts/dummies/cts-gallery-item.html http://www.thmvmnt.com/content/cts/dummies/cts-gallery.html http://www.thmvmnt.com/content/cts/dummies/cts-news.html http://www.thmvmnt.com/content/cts/dummies/cts-writings.html

Blueprint Illustrator Template
http://www.thmvmnt.com/content/cts/mock.ai