Bury the Wireframe: A Primer in Interaction Prototyping

Derek Vaz
Derek VazPrincipal, DVXD um DVXD
January 31, 2013
Bury the Wireframe: A Primer in Interaction Prototyping




hugeinc.com
info@hugeinc.com
45 Main St. #220 Brooklyn, NY 11201
+1 718 625 4843
Bury the Wireframe:

A Primer in
Interaction
Prototyping.
This is not a talk about
  prototyping tools.
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Prototyping is a process.
Explore.
Communicate.
Validate.
Explore.
Communicate.
Validate.
Exploration is collaborative.
“Creative Intelligence is social.
We increase our creative ability
   by learning from others,
    collaborating, sharing.”
      - Bruce Nussbaum
     Creative Intelligence
Collaborate. If Kanye can, you can.
Wireframes are great tool for
  information design, not
     interaction design.
Bury the Wireframe: A Primer in Interaction Prototyping
Explore.
Communicate.
Validate.
A click is worth a thousand
        annotations.
Maybe...




I’ll just read the annotations.
Bury the Wireframe: A Primer in Interaction Prototyping
Communication is being a
    salesperson.
You are a sales person.

           “Selling, I’ve grown to
           understand, is more urgent,
           more important, and, in its
           own sweet way, more
           beautiful than we realize.”


           - Dan Pink
Explore.
Communicate.
Validate.
Invalidate at every step.
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
Validate in the wild.
Bury the Wireframe: A Primer in Interaction Prototyping
More Considerations

•   How savvy are clients, stakeholders?

•   How innovative is your design?

•   What are the core interactions in the experience?

•   How foreign is the context?
Get prototyping:
         Just do it.
    Don’t be precious.
        Tell a story.
 Define your content first.
  Use the buddy system.
   Test. Break. Repeat.
Make something you love.
One more thing.
Bury the Wireframe: A Primer in Interaction Prototyping
Bury the Wireframe: A Primer in Interaction Prototyping
hello@derekvaz.com
hugeinc.com
info@hugeinc.com
45 Main St. #220 Brooklyn, NY 11201
+1 718 625 4843
Appendix.
Tools, Resources, Frameworks
•   Prototypr http://bit.ly/Vx0vz0
•   Kenotopia http://bit.ly/aLrB1A
•   Window Resizer for Chrome http://bit.ly/Qylb49
•   Zurb Foundation http://foundation.zurb.com/
•   Code Academy http://bit.ly/udgloC
•   CSS Hat http://bit.ly/I6Or3m
Books
•   Prototyping: A Practitioners Guide http://bit.ly/9Fa3f
•   Sketching User Experiences http://amzn.to/aI8EEU
•   Lean UX http://amzn.to/Xu8JY9
1 von 35

Recomendados

18 Design Quotes to Inspire Creativity von
18 Design Quotes to Inspire Creativity18 Design Quotes to Inspire Creativity
18 Design Quotes to Inspire CreativityThrive Marketing Limited
1.9K views20 Folien
Iowa College Media Association Keynote von
Iowa College Media Association KeynoteIowa College Media Association Keynote
Iowa College Media Association KeynoteCICM
295 views17 Folien
So You've Got a Software Idea...Now What? von
So You've Got a Software Idea...Now What?So You've Got a Software Idea...Now What?
So You've Got a Software Idea...Now What?Dan Pickett
401 views40 Folien
Better Living Through Blogging von
Better Living Through BloggingBetter Living Through Blogging
Better Living Through BloggingJoey DeVilla
1.4K views152 Folien
How to Make a Product Vision a Reality by HSBC Senior PM von
How to Make a Product Vision a Reality by HSBC Senior PMHow to Make a Product Vision a Reality by HSBC Senior PM
How to Make a Product Vision a Reality by HSBC Senior PMProduct School
225 views80 Folien
New Media And You - Brew City Hdi von
New Media And You - Brew City HdiNew Media And You - Brew City Hdi
New Media And You - Brew City HdiPhil Gerbyshak
303 views15 Folien

Más contenido relacionado

Destacado

Finding Your Brand's Voice | Distilled | von
Finding Your Brand's Voice | Distilled | Finding Your Brand's Voice | Distilled |
Finding Your Brand's Voice | Distilled | Distilled
79K views42 Folien
Usc Web Prototype von
Usc Web PrototypeUsc Web Prototype
Usc Web PrototypeUS_Connoisseur
112 views1 Folie
Prototyping Ideas von
Prototyping IdeasPrototyping Ideas
Prototyping IdeasColin Preston
3.9K views63 Folien
Ux aus prototyping von
Ux aus prototypingUx aus prototyping
Ux aus prototypingTodd Zaki Warfel
35.2K views58 Folien
Bringing ideas to life – the dimensions of prototyping von
Bringing ideas to life – the dimensions of prototypingBringing ideas to life – the dimensions of prototyping
Bringing ideas to life – the dimensions of prototypingService Design Berlin
12.6K views33 Folien
Wireframing Fundamentals von
Wireframing FundamentalsWireframing Fundamentals
Wireframing FundamentalsTelepathy
99.5K views21 Folien

Destacado(12)

Finding Your Brand's Voice | Distilled | von Distilled
Finding Your Brand's Voice | Distilled | Finding Your Brand's Voice | Distilled |
Finding Your Brand's Voice | Distilled |
Distilled79K views
Bringing ideas to life – the dimensions of prototyping von Service Design Berlin
Bringing ideas to life – the dimensions of prototypingBringing ideas to life – the dimensions of prototyping
Bringing ideas to life – the dimensions of prototyping
Wireframing Fundamentals von Telepathy
Wireframing FundamentalsWireframing Fundamentals
Wireframing Fundamentals
Telepathy99.5K views
Design Process in the Responsive Age von Pon Kattera
Design Process in the Responsive AgeDesign Process in the Responsive Age
Design Process in the Responsive Age
Pon Kattera113.9K views
Visualising the User Experience von Grant Robinson
Visualising the User ExperienceVisualising the User Experience
Visualising the User Experience
Grant Robinson68.6K views
UX, ethnography and possibilities: for Libraries, Museums and Archives von Ned Potter
UX, ethnography and possibilities: for Libraries, Museums and ArchivesUX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and Archives
Ned Potter1M views
Visual Design with Data von Seth Familian
Visual Design with DataVisual Design with Data
Visual Design with Data
Seth Familian2.9M views

Similar a Bury the Wireframe: A Primer in Interaction Prototyping

Smc amsterdam sxsw_influencers von
Smc amsterdam sxsw_influencersSmc amsterdam sxsw_influencers
Smc amsterdam sxsw_influencersKirsten Jassies justK
1K views6 Folien
Collaborative Exercises for Digital Design 3/7/18 von
Collaborative Exercises for Digital Design 3/7/18Collaborative Exercises for Digital Design 3/7/18
Collaborative Exercises for Digital Design 3/7/18Robert Stribley
205 views40 Folien
Above The Code (TM) Story Telling & Branded Content - : TechLoft / Tel Aviv... von
Above The Code (TM)  Story Telling & Branded Content -  : TechLoft / Tel Aviv...Above The Code (TM)  Story Telling & Branded Content -  : TechLoft / Tel Aviv...
Above The Code (TM) Story Telling & Branded Content - : TechLoft / Tel Aviv...Alan Weinkrantz
4.5K views71 Folien
Above the code story telling : branded content : sadara ventures - ramallah von
Above the code   story telling : branded content  : sadara ventures - ramallahAbove the code   story telling : branded content  : sadara ventures - ramallah
Above the code story telling : branded content : sadara ventures - ramallahAlan Weinkrantz
555 views73 Folien
Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm... von
Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm...Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm...
Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm...Eric Reynolds
1K views19 Folien
Marketing & Media on a Smalll Budget von
Marketing & Media on a Smalll BudgetMarketing & Media on a Smalll Budget
Marketing & Media on a Smalll Budgetjody wissing
745 views24 Folien

Similar a Bury the Wireframe: A Primer in Interaction Prototyping(20)

Collaborative Exercises for Digital Design 3/7/18 von Robert Stribley
Collaborative Exercises for Digital Design 3/7/18Collaborative Exercises for Digital Design 3/7/18
Collaborative Exercises for Digital Design 3/7/18
Robert Stribley205 views
Above The Code (TM) Story Telling & Branded Content - : TechLoft / Tel Aviv... von Alan Weinkrantz
Above The Code (TM)  Story Telling & Branded Content -  : TechLoft / Tel Aviv...Above The Code (TM)  Story Telling & Branded Content -  : TechLoft / Tel Aviv...
Above The Code (TM) Story Telling & Branded Content - : TechLoft / Tel Aviv...
Alan Weinkrantz4.5K views
Above the code story telling : branded content : sadara ventures - ramallah von Alan Weinkrantz
Above the code   story telling : branded content  : sadara ventures - ramallahAbove the code   story telling : branded content  : sadara ventures - ramallah
Above the code story telling : branded content : sadara ventures - ramallah
Alan Weinkrantz555 views
Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm... von Eric Reynolds
Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm...Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm...
Wordcraft Corporate Storytelling Workshop for Greater Langley Chamber of Comm...
Eric Reynolds1K views
Marketing & Media on a Smalll Budget von jody wissing
Marketing & Media on a Smalll BudgetMarketing & Media on a Smalll Budget
Marketing & Media on a Smalll Budget
jody wissing745 views
Crafting Innovation von Steve Green
Crafting InnovationCrafting Innovation
Crafting Innovation
Steve Green648 views
International Innovation for AURA von Nick Coates
International Innovation for AURAInternational Innovation for AURA
International Innovation for AURA
Nick Coates699 views
Above the code story telling : branded content : google israel : 12 february von Alan Weinkrantz
Above the code   story telling : branded content  : google israel : 12 februaryAbove the code   story telling : branded content  : google israel : 12 february
Above the code story telling : branded content : google israel : 12 february
Alan Weinkrantz852 views
"Above The Code" mexican vc : 500 startups - october 26, 2012 von Alan Weinkrantz
"Above The Code"   mexican vc : 500 startups - october 26, 2012"Above The Code"   mexican vc : 500 startups - october 26, 2012
"Above The Code" mexican vc : 500 startups - october 26, 2012
Alan Weinkrantz371 views
Ignite Your Social Media - Philanthrofest presentation von Alex de Carvalho
Ignite Your Social Media - Philanthrofest presentationIgnite Your Social Media - Philanthrofest presentation
Ignite Your Social Media - Philanthrofest presentation
Alex de Carvalho5.1K views
Leading Change Resources Handout von Marc Baizman
Leading Change Resources HandoutLeading Change Resources Handout
Leading Change Resources Handout
Marc Baizman687 views
Standing Up For Creative 2021 von Mike Russell
Standing Up For Creative 2021Standing Up For Creative 2021
Standing Up For Creative 2021
Mike Russell31 views
Above the code tech stars cloud von Alan Weinkrantz
Above the code    tech stars cloud Above the code    tech stars cloud
Above the code tech stars cloud
Alan Weinkrantz644 views
B2B Community Building - a discussion and roadmap - mesh conference 2010 von Spodek & Co.
B2B Community Building - a discussion and roadmap - mesh conference 2010B2B Community Building - a discussion and roadmap - mesh conference 2010
B2B Community Building - a discussion and roadmap - mesh conference 2010
Spodek & Co.9.4K views
Above The Code (TM) Story Telling & Branded Content - New Orleans Entreprene... von Alan Weinkrantz
Above The Code (TM)  Story Telling & Branded Content - New Orleans Entreprene...Above The Code (TM)  Story Telling & Branded Content - New Orleans Entreprene...
Above The Code (TM) Story Telling & Branded Content - New Orleans Entreprene...
Alan Weinkrantz631 views

Último

Sudden Deafness Design Document von
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Documentwyfangherman
53 views19 Folien
500% Sales Growth with Amazon A+ Content von
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ ContentFahima
9 views5 Folien
New Icon Presentation.pdf von
New Icon Presentation.pdfNew Icon Presentation.pdf
New Icon Presentation.pdfsydneyjrichardson
27 views5 Folien
Business X Design - People, Planet & Product von
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & ProductCyber-Duck
28 views42 Folien
FIESTAS DE QUITO.pdf von
FIESTAS DE QUITO.pdfFIESTAS DE QUITO.pdf
FIESTAS DE QUITO.pdfeluniversocom
28 views8 Folien
Legal PPT Presentation.pptx von
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx125071063
5 views7 Folien

Último(20)

Sudden Deafness Design Document von wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman53 views
500% Sales Growth with Amazon A+ Content von Fahima
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ Content
Fahima9 views
Business X Design - People, Planet & Product von Cyber-Duck
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
Cyber-Duck28 views
Legal PPT Presentation.pptx von 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views
Using Experiential Design to Understand the Future of AI & Immersive Storytel... von Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye20 views
Canned Cocktail Flat Labels von nyhapedraza
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labels
nyhapedraza38 views
Free International civil aviation day template from best presentation design ... von slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
boggiano_project 2.pptx von samboggiano
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptx
samboggiano23 views
Sugar Air Kiss Lipstick von aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel17 views
ATPMOUSE_융합2조.pptx von kts120898
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptx
kts12089824 views
BeatsFest Brand Guidelines Final.pdf von EddiePena9
BeatsFest Brand Guidelines Final.pdfBeatsFest Brand Guidelines Final.pdf
BeatsFest Brand Guidelines Final.pdf
EddiePena97 views
Samsung Galaxy Watch 5 Presentation von aryasheel1
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentation
aryasheel113 views

Bury the Wireframe: A Primer in Interaction Prototyping