1. From PDFs to Presented by
Nathan Curtis
HTML Prototypes
Our ongoing journey at EightShapes to communicating
richer interactions and more dynamic user experiences
UIE
Virtual Seminar
April, 2011
nathanacurtis

2. Deliverable “Document PDFs”
2

3. WHEN We Prototyped
#1 Megamenu Sketch Test Test Test Wireframes UI Tech Dev
Comps
Comps
#2 Heavy Content Sketch Wireframes UI Tech Dev
Test Test
#3 Content Guidelines Sketch Wireframes Comps UI Tech Dev
#4 Key Interaction Wireframes Comps UI Tech Dev
Test
#5 Complex App Sketch Wireframes Wireframes UI Tech Dev
Comps Comps
#5 Another App Wireframes MockerFrames UI Tech Dev
Sketch Comps Test
3

4. Do you really know HTML/CSS/JS?
“Yeah, I know HTML & CSS” “Yeah, I know HTML & CSS” “Yeah, I know HTML & CSS”
Experience
Worked with Architected front-end for
Limited hands on experience,
Perl > Java > ASP > ASP.net sprint.com for 6 years
but speaks the language
Lots of HTML, CSS, & JS Delivers production
Hacks it from time to time
but not much since 2003 “UI Tech” to any client
Confidence
Lower, but achieves small wins Higher, proves designs in projects Highest, as our mentor
HTML Prototyping Frequency
When opps arise and time permits 75% of projects in last 6 months Every project: design & delivery
4

5. Beware of the Scrape!
5

7. From PDFs to Presented by
Nathan Curtis
HTML Prototypes
Our ongoing journey at EightShapes to communicating
richer interactions and more dynamic user experiences
UIE
Virtual Seminar
April, 2011
nathanacurtis