Embed Size (px)
DESCRIPTION
Steve Hickey's talk from Future Insights Live 2014 in Las Vegas: "As an industry we love to tell our clients that we’re agile or lean, that we’re better than the traditional waterfall process. But the reality is that we all stick to old bad habits in the name of convenience and safety. But we’re dead wrong when we work that way." Miss his talk? Join us at a future show: http://www.futureinsights.com/events/. Sign up for our newsletter at http://www.futureinsights.com/signup and get 15% off your next conference.
Citation preview
We’re Doing It WrongPrototyping the Future of the Web
Steve Hickey: UX Designer at Fresh Tilled Soil @stevehickeydsgn | @freshtilledsoil | @thedirtshow
Requirements
Research
Ideate
Design
Code
Launch
A brief “reminder” of waterfall.
Plan
Design
Develop
Test
Build
MeasureLearn
What about agile or lean?
¡Mentirosos!(Liars!)
The traditional point of first contact...
Requirements
Research
Ideate
Design
Code
Launch
“D t!”****
... and its result.
But it’s ok. We can fix that.
Research/Understand Ideate Design
CodeTest
and repeat...
& Design & Code & Ideate & Code
& Ideate & Design
Step 1 → Step 2 → Step 3 → Step 4
= Very Pretty BULLSHIT
“Design is not just what it looks like and feels like. Design is how it works.”
!Today’s obligatory Steve Jobs quote.
“Form ever follows function.” !
A grating reminder of something we all claim to know, from architect Louis Sullivan.
Understanding the problem.
“Great is the enemy of good.” !
Paraphrased from Voltaire, an enlightened dude.
Wireframes. Or are they...
Wireframes. Or are they...
Testable. ASAP.
Sketches are prototypes in waiting.
prototyping on paper
InVision App
The usual suspects:
Balsamiq Axure
InDesign Keynote PowerPoint
HTML/CSS/JS
Fake it.
localStorage.setItem(‘username’, ‘Gary’); var username = localStorage.getItem(‘username’); $(‘div.userinfo’).prepend(‘<h2>’ + username + ‘</h2>’); ======================================================= <h2>Gary</h2>
Developers need love too.
Make your client fall in love.
A quick note on testing:
“OK, but what about design?”
Mockups = Useless
UI Studies: The New Hotness
Style tiles use time efficiently.
Design in the browser.
Use the right tool for the job.
Let’s see some examples:
Google Glass
“We were working with the HUD literally on my first day at work. And learning a tremendous number of things that
you couldn’t possibly just guess or estimate, or print out on a spreadsheet, or a project map, and that sort of thing.”
!Tom Chi, Google
“Your ears can take a lot more weight than your nose… So if you can create a system where the ear becomes
a fulcrum, then the perceptual weight disappears. This took me about two hours to figure out.”
!Tom Chi, Google
Incantor
Our first prototype.
Look, I’m no Olivander. Ok?
Here’s how we overcame my lack of magic.
We made the nav work without looking.
Let’s wrap up.
1) Sketch a lot, it’s quick and efficient. 2) Stop wireframing, start prototyping. 3) Test early and often. 4) Avoid comps for every screen and state. 5) Eliminate redundant parts of your workflow. 6) Process is not a straight line.
Thanks!
Steve Hickey: UX Designer at Fresh Tilled Soil @stevehickeydsgn | @freshtilledsoil | @thedirtshow
