SlideShare a Scribd company logo
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
Deliverable “Document PDFs”




                              2
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
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
Beware of the Scrape!

                        5
UIE Virtual Seminar - From PDFs to HTML Prototyping
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

More Related Content

PDF
Slide9
tjhillard
 
PPTX
Low-code vs Model-Driven Engineering
Jordi Cabot
 
PDF
Skype Code Sandbox Presentation Materials
julieharpring
 
PPTX
Margot's preview 0711
UIEpreviews
 
PDF
UIE CvC Preview
unstoppabot
 
PPT
Surveys with caroline jarrett
UIEpreviews
 
PPT
Why designers fail and what to do - PROMO
berkun
 
PDF
Plays Well With Others: Survival Skills for Design Teams
UIEpreviews
 
Slide9
tjhillard
 
Low-code vs Model-Driven Engineering
Jordi Cabot
 
Skype Code Sandbox Presentation Materials
julieharpring
 
Margot's preview 0711
UIEpreviews
 
UIE CvC Preview
unstoppabot
 
Surveys with caroline jarrett
UIEpreviews
 
Why designers fail and what to do - PROMO
berkun
 
Plays Well With Others: Survival Skills for Design Teams
UIEpreviews
 

Similar to UIE Virtual Seminar - From PDFs to HTML Prototyping (20)

PPTX
Stream SQL eventflow visual programming for real programmers presentation
streambase
 
PPT
Ruby On Rails Presentation
Paul Pajo
 
PPTX
Build Applications on the Microsoft Platform Using Eclipse, Java, Ruby and PHP!
goodfriday
 
PPTX
Build Mission Critical Applications On The Microsoft Platform Using Eclipse J...
rsnarayanan
 
PDF
Brokerage 2007 presentation hci
imec.archive
 
PDF
New Ways To Engage With Tiempo 2011
Tiempo Development
 
DOCX
Resume: DevOps/Technology Architect - Satya Prakash
SatyaPrakash454
 
PDF
Who feeds an experience?
Jeremy Johnson
 
PDF
Resume
AhmedMShaalan
 
PPTX
SSI Poster
Shehan Rajapakse
 
PDF
Sudipta_Mukherjee_Resume-Nov_2022.pdf
Sudipta Mukherjee
 
PDF
Class 6: Introduction to web technology entrepreneurship
allanchao
 
PDF
ITCamp 2012 - Adam Granicz - Web development with WebSharper in F#
ITCamp
 
PDF
ITCamp 2012 - Florin Cardasim - HTML5 web-sockets
ITCamp
 
PDF
Sudipta_Mukherjee_Resume_APR_2023.pdf
sudipto801
 
PPTX
Sybrant Technologies Company Presentation
manimsquare
 
PDF
From PDFs to HTML Prototypes
nathanacurtis
 
PDF
The Essentials of Great Search Design (ECIR 2010)
Vegard Sandvold
 
PPTX
KITE Network Instrumentation: Advanced WebRTC Testing
Alexandre Gouaillard
 
PPT
IBM Pulse 2013 session - DevOps for Mobile Apps
Sanjeev Sharma
 
Stream SQL eventflow visual programming for real programmers presentation
streambase
 
Ruby On Rails Presentation
Paul Pajo
 
Build Applications on the Microsoft Platform Using Eclipse, Java, Ruby and PHP!
goodfriday
 
Build Mission Critical Applications On The Microsoft Platform Using Eclipse J...
rsnarayanan
 
Brokerage 2007 presentation hci
imec.archive
 
New Ways To Engage With Tiempo 2011
Tiempo Development
 
Resume: DevOps/Technology Architect - Satya Prakash
SatyaPrakash454
 
Who feeds an experience?
Jeremy Johnson
 
SSI Poster
Shehan Rajapakse
 
Sudipta_Mukherjee_Resume-Nov_2022.pdf
Sudipta Mukherjee
 
Class 6: Introduction to web technology entrepreneurship
allanchao
 
ITCamp 2012 - Adam Granicz - Web development with WebSharper in F#
ITCamp
 
ITCamp 2012 - Florin Cardasim - HTML5 web-sockets
ITCamp
 
Sudipta_Mukherjee_Resume_APR_2023.pdf
sudipto801
 
Sybrant Technologies Company Presentation
manimsquare
 
From PDFs to HTML Prototypes
nathanacurtis
 
The Essentials of Great Search Design (ECIR 2010)
Vegard Sandvold
 
KITE Network Instrumentation: Advanced WebRTC Testing
Alexandre Gouaillard
 
IBM Pulse 2013 session - DevOps for Mobile Apps
Sanjeev Sharma
 
Ad

More from UIEpreviews (20)

PDF
When Testing Professionals Are Involved in User-Centered Design Research - am...
UIEpreviews
 
PDF
Power of empowered stakeholders Robert Hamburger
UIEpreviews
 
PDF
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
UIEpreviews
 
PDF
Preview choosing the right wireframe strategy
UIEpreviews
 
PDF
Designing across devices with progressive enhancement - PREVIEW
UIEpreviews
 
PDF
Recruiting the Right Users to Get Real Results
UIEpreviews
 
PDF
Design as a Business Tool: From Research to Experience Roadmaps
UIEpreviews
 
PDF
Designing with Remote Teams - www.uievs.com
UIEpreviews
 
PDF
Hiring the best ux designers preview
UIEpreviews
 
PDF
Research and Design for the UX Team of One
UIEpreviews
 
PDF
Controlling the Pace of UX with Content Strategy
UIEpreviews
 
PDF
Voice and tone preview
UIEpreviews
 
PDF
Building Trust with Your Users through Messaging & Copy
UIEpreviews
 
PDF
Sketching preview
UIEpreviews
 
PDF
Organizing mobile web experiences - preview
UIEpreviews
 
PDF
Solutions for a_world _of_countless_devices
UIEpreviews
 
PDF
Microcopy with Des Traynor
UIEpreviews
 
PDF
The Kano Model with Jared Spool
UIEpreviews
 
KEY
The Kano Model with Jared M. Spool
UIEpreviews
 
PDF
Mobile First Responsive Web Design
UIEpreviews
 
When Testing Professionals Are Involved in User-Centered Design Research - am...
UIEpreviews
 
Power of empowered stakeholders Robert Hamburger
UIEpreviews
 
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
UIEpreviews
 
Preview choosing the right wireframe strategy
UIEpreviews
 
Designing across devices with progressive enhancement - PREVIEW
UIEpreviews
 
Recruiting the Right Users to Get Real Results
UIEpreviews
 
Design as a Business Tool: From Research to Experience Roadmaps
UIEpreviews
 
Designing with Remote Teams - www.uievs.com
UIEpreviews
 
Hiring the best ux designers preview
UIEpreviews
 
Research and Design for the UX Team of One
UIEpreviews
 
Controlling the Pace of UX with Content Strategy
UIEpreviews
 
Voice and tone preview
UIEpreviews
 
Building Trust with Your Users through Messaging & Copy
UIEpreviews
 
Sketching preview
UIEpreviews
 
Organizing mobile web experiences - preview
UIEpreviews
 
Solutions for a_world _of_countless_devices
UIEpreviews
 
Microcopy with Des Traynor
UIEpreviews
 
The Kano Model with Jared Spool
UIEpreviews
 
The Kano Model with Jared M. Spool
UIEpreviews
 
Mobile First Responsive Web Design
UIEpreviews
 
Ad

UIE Virtual Seminar - From PDFs to HTML Prototyping

  • 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
  • 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