Slides from the UX Prototyping in Code workshop http://lanyrd.com/2011/ux-bootcamp-prototying-in-code/sghbw/
UX BOOTCAMPPrototyping in Code
View Slide
Planning
by Natalie Downe http://www.flickr.com/photos/nataliedowne/tags/planningartifact/
content sidebarheader
100%64% 34%2%100%
date
primary story
secondary stories
teriary stories story list
All links are blue withno underline
Normal text is grey
All stories have abottom border
Deconstruct the screenshots of websites• identify the blocks and label them• give the blocks widths• identify the default styles• make a list of the colors and typefaces used
Prototyping Tools
hackbook.hackasaurus.org
lorem2.com
Coda Clips
Coda Books
placehold.it
lorempixel
placekitten
Firebug
Web Developer Toolbar
measureit
Colorzilla