Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
Prototyping is the panacea
Less talking. Less documentation. More results.
Michael Meikson
User Experience Consultant
mike@meikson.com
About me
• UX Consultant in NYC
• Clients are startups, enterprises and
agencies
• Broad range of industry expertise
• Started career as a visual designer
• UX teacher and speaker
Launch portfolio site View LinkedIn Profile
UX is all things
to all people
• It’s still a relatively new field
• Many disciplines are involved
• Preponderance of jargon,
process and documentation
What so many UX designers would like you to remember is that UX is not just UI design.
Field research
Face to face interviewing
Creation of user tests
Gathering and organizing statistics
Creating personas
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copywriting
Presenting and speaking
Working tightly with programmers
Brainstorm coordination
Design culture evangelism
Field research
Face to face interviewing
Creation of user tests
Gathering and organizing statistics
Creating personas
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copywriting
Presenting and speaking
Working tightly with programmers
Brainstorm coordination
Design culture evangelism
HOW UX WANTS TO BE SEEN HOW UX IS TYPICALLY SEEN
“UX is the intangible design of a strategy that brings us to a solution.”
“Prototypes create this dramatic shift in
the conversation - suddenly it becomes
tangible and the silence goes away.”
Jony Ive, Apple

Recommended for you

Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job

This document provides tips for building an effective portfolio to help win a job. It emphasizes demonstrating thinking, skills and quality of work through the portfolio. The key tips discussed are to consider the audience, order work samples to engage and impress the reviewer, frame problems to showcase analytical skills, show the design process and value of artifacts, provide behind-the-scenes context, specify your role and contributions, focus on high quality over quantity, demonstrate design systems, and use a polished walkthrough to showcase skills through storytelling. The overall message is that the portfolio should tell the story of who you are as a professional and convince the reviewer of your fit and qualifications for the role.

portfoliouser experienceux
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade

This is an overview of the tools used by User Experience Designers. Software is important, but in UX you need to master a wide variety of techniques. This presentation covers an overview of the UX workflow, Discovery, Synthesis, Interaction, and Refinement, and outlines the tools that are critical to each step. In the end, the emphasis is not on mastering all the tools, but understanding their strengths and weaknesses, so the right tool can be chosen based on the situation.

uxwireframesagile
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014

This document discusses various user interface design patterns seen on popular websites. It begins by defining UI design patterns and how they should be used to solve common user problems rather than just copied. It then covers patterns related to responsive design for multiple devices, touch screen interactions, and various ways to get user input through forms, tagging, flagging content, and conversational interfaces.

product managementdesign thinkingweb design
Why I focus on
prototyping
• User research is (mostly)
useless
• Documentation is be
overwhelming and inefficient
• Prototypes get you to
consensus faster than any
other method
What so many UX designers would like you to remember is that UX is not just UI design.
Field research
Face to face interviewing
Creation of user tests
Gathering and organizing statistics
Creating personas
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copywriting
Presenting and speaking
Working tightly with programmers
Brainstorm coordination
Design culture evangelism
Field research
Face to face interviewing
Creation of user tests
Gathering and organizing statistics
Creating personas
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copywriting
Presenting and speaking
Working tightly with programmers
Brainstorm coordination
Design culture evangelism
HOW UX WANTS TO BE SEEN HOW UX IS TYPICALLY SEEN
“UX is the intangible design of a strategy that brings us to a solution.”
Prototyping is model-making
The closer it is to the finished product, the easier it is to get good feedback.

Closeness to finished is called “fidelity.”
Models are typically made from different
material than the final product…
3D filament Styrofoam Wood
…but software prototypes are
made with software

Recommended for you

Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career

A lot of people are curious about transitioning into the field of User Experience Design (UX). In this talk, I talk about a few different ways that you can transition into a UX career, be it grad school, night classes, or the ol' school of hard knocks, backed up by case studies. This talk was given at NoVA UX Meetup in the offices of AddThis, hosted by organizer Jim Lane.

transitionchangeux
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1

This document provides an overview of UI patterns for user input, controls, and navigation. It discusses common UI patterns like forms, menus, searches and discusses best practices for using patterns. It emphasizes the importance of consistency both within a design system and with external expectations. It also discusses testing new patterns with users to innovate while still meeting expectations. The document provides many examples of patterns and guidance on selecting, applying and improving patterns for user experience.

ui design patternsweb
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.

UX INTERVIEWS is a series of short interview sessions – with senior UX practitioners and Service Design Thinkers. Please let me know if you are free to provide your input, too. I will send you a quick survey with new questions.

digital productsmobileux design
Choose your tools wisely
Most design tools work in basically the same way.
Not so for prototyping tools — they vary widely in functionality and approach.
Want the short version? Axure is the best.
Classes of prototyping tools
Pen & Paper Pen & Paper Everyone
Slideshows with links Keynote & Powerpoint Non-design professionals
Hotspots on top of
your designs
Invision, Flinto, etc. Visual designers
Component-based
prototyping
Axure, Justinmind,
UXpin, Proto.io
UX designers
Light developer tools Swift, Framer Developers
Pen & paper
Ease of learning
Visual Fidelity
Functional Fidelity
Portability across devices
Speed of workflow
• Everyone can draw basic boxes
and arrows
• Best used during the earliest
stages of the process to quickly
describe high-level concepts
• Can be useful in workshops and
group contexts due to its
immediacy
Keynote & Powerpoint
Ease of learning
Visual Fidelity
Functional Fidelity
Portability across devices
Speed of workflow
• Commonly used office tools can be
adapted to create pretty good
prototypes
• Keynote in particular has excellent
animation and transitions
• Keynotopia is a great resource
• Learning interactions is more
advanced, and even when used
properly doesn’t allow for much
complexity

Recommended for you

"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"

"If you want to learn the difference between UI and UX design, this article might have the answers you’re looking for."

differences between ui and ux designui and ux designmitaoe
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your Projects

User experience (UX) is the basis for all Web activity, and thus underpins everything we do in Web design and development. Successful projects bake UX in from the ground up, from discovery through planning, iteration, testing and deployment. No matter how beautiful our code may be, of what use is it if it’s irrelevant to our users?

uxuser experiencedevelopment
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design

User experience (UX) design involves creating a system, product, or service that provides a quality experience for users. UX designers conduct research to understand user needs and then create wireframes, prototypes, and visual designs to meet those needs. The goal is to make products intuitive and easy to use. UX design is informed by fields like psychology, graphic design, and user research. Designers use tools like Axure to create wireframes and site maps to plan interfaces before development. Usability testing involves user research methods like surveys and field studies to evaluate designs and identify areas for improvement.

ux design
Invision, Flinto, etc.
Ease of learning
Visual Fidelity
Functional Fidelity
Portability across devices
Speed of workflow (factoring in external design)
• Design your screens in Photoshop,
Sketch or whatever, then upload an
create clickable hotspots
• Easy learning curve for designers
• Designs look as good as possible
• No ability to define interactions
beyond simple transitions from one
screen to another
Axure, UXpin, etc.
Ease of learning
Visual Fidelity
Functional Fidelity
Portability across devices
Speed of workflow
• Component-based design tools that
enable non-coders to define
complex interactions for each page
element
• The result is rendered in HTML and
viewable on any browser or device
• Not great for visual design
• Avoid the web-based tools (UXpin,
Proto.io). The workflow is just too
heavy. Would you use a web-
based Photoshop?
Swift, Framer
Ease of learning
Visual Fidelity (varies)
Functional Fidelity
Portability across devices
Speed of workflow
• These are streamlined, condensed
development environments (Swift is
iOS, Framer is Javascript)
• Requires knowledge of code; no
different from actual front-end
development
• Steep learning curve and slower
workflow make this impractical for
rapid prototyping by non-
developers
Assessment of prototyping tools
Pen & Paper Great for starting off and brainstorming
Slideshows with links
A useful, easy way for business users to communicate
basic ideas to designers
Hotspots on top of your
designs
Easy for visual designers to work with, but it’s really just a
glorified slideshow. Plus, you’re working across two apps.
Component-based
prototyping
Axure is the best all-around prototyping solution. Avoid
web-based tools as they are janky and unreliable.
Light developer tools
Awesome if you can do it, but it’s rare to have decent
coding chops and design skills to boot. Also, you’re working
in two apps.

Recommended for you

Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios

Mary Wharmby provides tips for creating an effective UX portfolio. She recommends treating the portfolio like a UX design project and following the UX design process of discovery, strategy, design, testing and iteration. This includes discovering the audience and competitors, developing an identity and strategy, demonstrating problem-solving and thinking skills through case studies or process descriptions, testing designs with others, and continually updating the portfolio. The portfolio should tell a story, show evidence of work, and highlight the designer's skills, experiences and personality.

designuser experienceux
Career Paths of User Experience
Career Paths of User ExperienceCareer Paths of User Experience
Career Paths of User Experience

Originally presented at the Future of Web Design in San Francisco, Patrick Neeman talks about the different stages of the User Experience career path and where the opportunities lie for designers to grow and succeed.

web designdesignuser experience
SOCHI - UX Portfolio Panel
SOCHI - UX Portfolio PanelSOCHI - UX Portfolio Panel
SOCHI - UX Portfolio Panel

The document discusses key considerations for creating an effective portfolio, including focusing on your identity, skills, and story rather than just your work. It recommends tailoring the portfolio to your audience and choosing an appropriate platform that fits your needs and deadline. Finally, it emphasizes showcasing a diversity of work and using your portfolio to get a job or meet with people.

uxdesignportfolio
Case studies
[Several case studies omitted due to confidentiality]
Dashport
A concept for replacing the business phone
CASE STUDY
Tablet UI
prototype
• Touch-based VoIP & CRM
hybrid in custom hardware
package
• Designed for Android
tablets; leverages Google
UI standards
CASE STUDY
View prototype
Hardware is
fun, too!
• This has nothing to do with
software prototyping, but it shows
the similarities of design processes
• This was done on a 3D printer over
months of iteration
• Tension is provided using a torque
hinge, same mechanism that props
up your laptop display
CASE STUDY

Recommended for you

UX Roles and Job Titles
UX Roles and Job TitlesUX Roles and Job Titles
UX Roles and Job Titles

This document discusses roles in user experience including job titles like UI/UX designer and UX researcher. It lists skills related to user experience work such as conducting interviews, prototyping, and usability testing. Activities in the UX design process are outlined including research, ideation, design, and measurement. A variety of roles that contribute to user experience are also listed.

design researchuser experiencevisual design
2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up

Tom Brinck discusses evolving UX processes to be more adaptive, streamlined, optimized, innovative, collaborative, and concrete. He advocates experimenting with process changes and adopting those that work while abandoning those that don't. Brinck also presents a UX capabilities model that outlines increasing levels of capability from reactive to transformative.

Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book

Flat design is evolving while still maintaining its core principles of simplicity and minimalism. The new flat design incorporates some subtle textures and shadows while retaining clean, bold visuals. Trends in the evolving flat design include more detailed icons, dramatic typography, accented colors used sparingly, consistency of one font across the design, and continued emphasis on minimalism. While flat design grew out of reacting against skeuomorphism, elements from other styles like material design and skeuomorphism may be incorporated if done to maintain the flat aesthetic. Flat principles of usability and readability will likely influence other design philosophies as well.

web design
Thank you.
Michael Meikson
User Experience Consultant
mike@meikson.com

More Related Content

What's hot

Communication with Flexible Documentation : Jon Hadden
Communication with Flexible Documentation : Jon HaddenCommunication with Flexible Documentation : Jon Hadden
Communication with Flexible Documentation : Jon Hadden
Nomensa
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
Dignitas Digital Pvt. Ltd.
 
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
uxhow
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job
Lynn Teo
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
dpanarelli
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
Lewis Lin 🦊
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
dpanarelli
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
Lewis Lin 🦊
 
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
Marc-Oliver Gern
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
MITAcademy1
 
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your Projects
Karl Kaufmann
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
jayyearley
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios
Mary Wharmby
 
Career Paths of User Experience
Career Paths of User ExperienceCareer Paths of User Experience
Career Paths of User Experience
Patrick Neeman
 
SOCHI - UX Portfolio Panel
SOCHI - UX Portfolio PanelSOCHI - UX Portfolio Panel
SOCHI - UX Portfolio Panel
Andrew Ku
 
UX Roles and Job Titles
UX Roles and Job TitlesUX Roles and Job Titles
UX Roles and Job Titles
Ryan Winzenburg
 
2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up
Tom Brinck
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
jesús Santo
 
Winning hearts and minds: how to embed UX from scratch in a large organisation
Winning hearts and minds: how to embed UX from scratch in a large organisationWinning hearts and minds: how to embed UX from scratch in a large organisation
Winning hearts and minds: how to embed UX from scratch in a large organisation
Michele Ide-Smith
 
INDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
INDIAHCI2016_DesignThinking&Innovation_Workshops_AboliINDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
INDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
Aboli Maydeo
 

What's hot (20)

Communication with Flexible Documentation : Jon Hadden
Communication with Flexible Documentation : Jon HaddenCommunication with Flexible Documentation : Jon Hadden
Communication with Flexible Documentation : Jon Hadden
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
How To Break Into UX: What Is a UX Design Hiring Manager Thinking & Looking For?
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
 
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your Projects
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios
 
Career Paths of User Experience
Career Paths of User ExperienceCareer Paths of User Experience
Career Paths of User Experience
 
SOCHI - UX Portfolio Panel
SOCHI - UX Portfolio PanelSOCHI - UX Portfolio Panel
SOCHI - UX Portfolio Panel
 
UX Roles and Job Titles
UX Roles and Job TitlesUX Roles and Job Titles
UX Roles and Job Titles
 
2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
 
Winning hearts and minds: how to embed UX from scratch in a large organisation
Winning hearts and minds: how to embed UX from scratch in a large organisationWinning hearts and minds: how to embed UX from scratch in a large organisation
Winning hearts and minds: how to embed UX from scratch in a large organisation
 
INDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
INDIAHCI2016_DesignThinking&Innovation_Workshops_AboliINDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
INDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
 

Similar to Prototyping is the panacea

How Do I UX?
How Do I UX?How Do I UX?
How Do I UX?
Dave Stadler
 
UX101
UX101UX101
Principles Of Good Design.
Principles Of Good Design.Principles Of Good Design.
Principles Of Good Design.
Bala Ganesh
 
Prototyping invision vs axure
Prototyping invision vs axurePrototyping invision vs axure
Prototyping invision vs axure
Andrii Rusakov
 
Aurelia Friska Resume
Aurelia Friska ResumeAurelia Friska Resume
Aurelia Friska Resume
Aurelia Friska
 
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
Srijan Technologies
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
guest1bcbc9
 
Wireframing for Mobile App Developers
Wireframing for Mobile App DevelopersWireframing for Mobile App Developers
Wireframing for Mobile App Developers
Veiko Raime
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
qixingz
 
Joe Johnston - FLEXperience - putting the Flex in UX
Joe Johnston - FLEXperience - putting the Flex in UXJoe Johnston - FLEXperience - putting the Flex in UX
Joe Johnston - FLEXperience - putting the Flex in UX
360|Conferences
 
What's Next For UX?
What's Next For UX?What's Next For UX?
What's Next For UX?
Brad Gerstein
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
Emerentiana Meicy
 
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
Nur Fadli Utomo
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
Chris Bernard
 
UX Army of One
UX Army of OneUX Army of One
UX Army of One
Janna Hill
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
Kshitiz Anand
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
tec
 
Ni week no designer, no problem
Ni week no designer, no problem Ni week no designer, no problem
Ni week no designer, no problem
Jenica Welch
 
UX Pres MIni version!
UX Pres MIni version!UX Pres MIni version!
UX Pres MIni version!
Jessi Baker
 
FLEXperience
FLEXperienceFLEXperience
FLEXperience
Joe Johnston
 

Similar to Prototyping is the panacea (20)

How Do I UX?
How Do I UX?How Do I UX?
How Do I UX?
 
UX101
UX101UX101
UX101
 
Principles Of Good Design.
Principles Of Good Design.Principles Of Good Design.
Principles Of Good Design.
 
Prototyping invision vs axure
Prototyping invision vs axurePrototyping invision vs axure
Prototyping invision vs axure
 
Aurelia Friska Resume
Aurelia Friska ResumeAurelia Friska Resume
Aurelia Friska Resume
 
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
 
Wireframing for Mobile App Developers
Wireframing for Mobile App DevelopersWireframing for Mobile App Developers
Wireframing for Mobile App Developers
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
 
Joe Johnston - FLEXperience - putting the Flex in UX
Joe Johnston - FLEXperience - putting the Flex in UXJoe Johnston - FLEXperience - putting the Flex in UX
Joe Johnston - FLEXperience - putting the Flex in UX
 
What's Next For UX?
What's Next For UX?What's Next For UX?
What's Next For UX?
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
UX Army of One
UX Army of OneUX Army of One
UX Army of One
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
Ni week no designer, no problem
Ni week no designer, no problem Ni week no designer, no problem
Ni week no designer, no problem
 
UX Pres MIni version!
UX Pres MIni version!UX Pres MIni version!
UX Pres MIni version!
 
FLEXperience
FLEXperienceFLEXperience
FLEXperience
 

Recently uploaded

SlideEgg_200767-ICC Mens T20 World Cup 2024.pptx
SlideEgg_200767-ICC Mens T20 World Cup 2024.pptxSlideEgg_200767-ICC Mens T20 World Cup 2024.pptx
SlideEgg_200767-ICC Mens T20 World Cup 2024.pptx
NandakumarP24
 
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
ffg01100
 
一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理
一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理
一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理
taqyea
 
@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here
@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here
@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here
Disha Mukharji
 
Tama Tonga MFT T shirts Tama Tonga MFT T shirts
Tama Tonga MFT T shirts Tama Tonga MFT T shirtsTama Tonga MFT T shirts Tama Tonga MFT T shirts
Tama Tonga MFT T shirts Tama Tonga MFT T shirts
exgf28
 
Lincoln University degree offer diploma Transcript
Lincoln University degree offer diploma TranscriptLincoln University degree offer diploma Transcript
Lincoln University degree offer diploma Transcript
ubufe
 
202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧
202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧
202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧
ffg01100
 
一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理
一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理
一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理
taqyea
 
Common Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdfCommon Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdf
Serva AppLabs
 
Carrington degree offer diploma Transcript
Carrington degree offer diploma TranscriptCarrington degree offer diploma Transcript
Carrington degree offer diploma Transcript
ubufe
 
一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理
一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理
一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理
taqyea
 
一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理
taqyea
 
Pune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay later
Pune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay laterPune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay later
Pune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay later
samyanvichadda
 
( Call  ) Girls South Ex 9873777170 High Profile beauty lady
( Call  ) Girls South Ex 9873777170 High Profile beauty lady( Call  ) Girls South Ex 9873777170 High Profile beauty lady
( Call  ) Girls South Ex 9873777170 High Profile beauty lady
Hyderabad Escorts Agency
 
Steps involved in the implementation of EDI in a company
Steps involved in the implementation of EDI in a companySteps involved in the implementation of EDI in a company
Steps involved in the implementation of EDI in a company
sivaraman163206
 
Nariman point @Call @Girls Whatsapp 9833363713 With High Profile Offer
Nariman point @Call @Girls Whatsapp 9833363713 With High Profile OfferNariman point @Call @Girls Whatsapp 9833363713 With High Profile Offer
Nariman point @Call @Girls Whatsapp 9833363713 With High Profile Offer
kmohit1234521
 
sophos-xgs-series-firewall-datasheet.pdf
sophos-xgs-series-firewall-datasheet.pdfsophos-xgs-series-firewall-datasheet.pdf
sophos-xgs-series-firewall-datasheet.pdf
Thanksoan
 
Kharghar @Call @Girls Whatsapp 9930687706 With High Profile Offer
Kharghar @Call @Girls Whatsapp 9930687706 With High Profile OfferKharghar @Call @Girls Whatsapp 9930687706 With High Profile Offer
Kharghar @Call @Girls Whatsapp 9930687706 With High Profile Offer
sonamgerg
 
PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024
Bestdesign2hub
 
@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...
@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...
@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...
RACHANA GUPTA
 

Recently uploaded (20)

SlideEgg_200767-ICC Mens T20 World Cup 2024.pptx
SlideEgg_200767-ICC Mens T20 World Cup 2024.pptxSlideEgg_200767-ICC Mens T20 World Cup 2024.pptx
SlideEgg_200767-ICC Mens T20 World Cup 2024.pptx
 
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
 
一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理
一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理
一比一原版美国休斯敦大学毕业证(uh毕业证书)如何办理
 
@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here
@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here
@Call @Girls Worli phone 9920874524 You Are Serach A Beautyfull Dolle come here
 
Tama Tonga MFT T shirts Tama Tonga MFT T shirts
Tama Tonga MFT T shirts Tama Tonga MFT T shirtsTama Tonga MFT T shirts Tama Tonga MFT T shirts
Tama Tonga MFT T shirts Tama Tonga MFT T shirts
 
Lincoln University degree offer diploma Transcript
Lincoln University degree offer diploma TranscriptLincoln University degree offer diploma Transcript
Lincoln University degree offer diploma Transcript
 
202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧
202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧
202254.com免费观看《长相思第二季》免费观看高清,长相思第二季线上看,《长相思第二季》最新电视剧在线观看,杨紫最新电视剧
 
一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理
一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理
一比一原版(greenwich毕业证书)英国格林威治大学毕业证如何办理
 
Common Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdfCommon Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdf
 
Carrington degree offer diploma Transcript
Carrington degree offer diploma TranscriptCarrington degree offer diploma Transcript
Carrington degree offer diploma Transcript
 
一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理
一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理
一比一原版(kcl毕业证书)英国伦敦国王学院毕业证如何办理
 
一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)爱丁堡大学毕业证如何办理
 
Pune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay later
Pune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay laterPune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay later
Pune @Call @Girls 🛴 XXXXXXXXXX 🛴 available 24*7 cash payment book now pay later
 
( Call  ) Girls South Ex 9873777170 High Profile beauty lady
( Call  ) Girls South Ex 9873777170 High Profile beauty lady( Call  ) Girls South Ex 9873777170 High Profile beauty lady
( Call  ) Girls South Ex 9873777170 High Profile beauty lady
 
Steps involved in the implementation of EDI in a company
Steps involved in the implementation of EDI in a companySteps involved in the implementation of EDI in a company
Steps involved in the implementation of EDI in a company
 
Nariman point @Call @Girls Whatsapp 9833363713 With High Profile Offer
Nariman point @Call @Girls Whatsapp 9833363713 With High Profile OfferNariman point @Call @Girls Whatsapp 9833363713 With High Profile Offer
Nariman point @Call @Girls Whatsapp 9833363713 With High Profile Offer
 
sophos-xgs-series-firewall-datasheet.pdf
sophos-xgs-series-firewall-datasheet.pdfsophos-xgs-series-firewall-datasheet.pdf
sophos-xgs-series-firewall-datasheet.pdf
 
Kharghar @Call @Girls Whatsapp 9930687706 With High Profile Offer
Kharghar @Call @Girls Whatsapp 9930687706 With High Profile OfferKharghar @Call @Girls Whatsapp 9930687706 With High Profile Offer
Kharghar @Call @Girls Whatsapp 9930687706 With High Profile Offer
 
PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024
 
@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...
@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...
@Call @Girls Vile Parle phone 9920874524 You Are Serach A Beautyfull Dolle co...
 

Prototyping is the panacea

  • 1. Prototyping is the panacea Less talking. Less documentation. More results. Michael Meikson User Experience Consultant mike@meikson.com
  • 2. About me • UX Consultant in NYC • Clients are startups, enterprises and agencies • Broad range of industry expertise • Started career as a visual designer • UX teacher and speaker Launch portfolio site View LinkedIn Profile
  • 3. UX is all things to all people • It’s still a relatively new field • Many disciplines are involved • Preponderance of jargon, process and documentation What so many UX designers would like you to remember is that UX is not just UI design. Field research Face to face interviewing Creation of user tests Gathering and organizing statistics Creating personas Product design Feature writing Requirement writing Graphic arts Interaction design Information architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copywriting Presenting and speaking Working tightly with programmers Brainstorm coordination Design culture evangelism Field research Face to face interviewing Creation of user tests Gathering and organizing statistics Creating personas Product design Feature writing Requirement writing Graphic arts Interaction design Information architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copywriting Presenting and speaking Working tightly with programmers Brainstorm coordination Design culture evangelism HOW UX WANTS TO BE SEEN HOW UX IS TYPICALLY SEEN “UX is the intangible design of a strategy that brings us to a solution.”
  • 4. “Prototypes create this dramatic shift in the conversation - suddenly it becomes tangible and the silence goes away.” Jony Ive, Apple
  • 5. Why I focus on prototyping • User research is (mostly) useless • Documentation is be overwhelming and inefficient • Prototypes get you to consensus faster than any other method What so many UX designers would like you to remember is that UX is not just UI design. Field research Face to face interviewing Creation of user tests Gathering and organizing statistics Creating personas Product design Feature writing Requirement writing Graphic arts Interaction design Information architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copywriting Presenting and speaking Working tightly with programmers Brainstorm coordination Design culture evangelism Field research Face to face interviewing Creation of user tests Gathering and organizing statistics Creating personas Product design Feature writing Requirement writing Graphic arts Interaction design Information architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copywriting Presenting and speaking Working tightly with programmers Brainstorm coordination Design culture evangelism HOW UX WANTS TO BE SEEN HOW UX IS TYPICALLY SEEN “UX is the intangible design of a strategy that brings us to a solution.”
  • 6. Prototyping is model-making The closer it is to the finished product, the easier it is to get good feedback.
 Closeness to finished is called “fidelity.”
  • 7. Models are typically made from different material than the final product… 3D filament Styrofoam Wood
  • 8. …but software prototypes are made with software
  • 9. Choose your tools wisely Most design tools work in basically the same way. Not so for prototyping tools — they vary widely in functionality and approach. Want the short version? Axure is the best.
  • 10. Classes of prototyping tools Pen & Paper Pen & Paper Everyone Slideshows with links Keynote & Powerpoint Non-design professionals Hotspots on top of your designs Invision, Flinto, etc. Visual designers Component-based prototyping Axure, Justinmind, UXpin, Proto.io UX designers Light developer tools Swift, Framer Developers
  • 11. Pen & paper Ease of learning Visual Fidelity Functional Fidelity Portability across devices Speed of workflow • Everyone can draw basic boxes and arrows • Best used during the earliest stages of the process to quickly describe high-level concepts • Can be useful in workshops and group contexts due to its immediacy
  • 12. Keynote & Powerpoint Ease of learning Visual Fidelity Functional Fidelity Portability across devices Speed of workflow • Commonly used office tools can be adapted to create pretty good prototypes • Keynote in particular has excellent animation and transitions • Keynotopia is a great resource • Learning interactions is more advanced, and even when used properly doesn’t allow for much complexity
  • 13. Invision, Flinto, etc. Ease of learning Visual Fidelity Functional Fidelity Portability across devices Speed of workflow (factoring in external design) • Design your screens in Photoshop, Sketch or whatever, then upload an create clickable hotspots • Easy learning curve for designers • Designs look as good as possible • No ability to define interactions beyond simple transitions from one screen to another
  • 14. Axure, UXpin, etc. Ease of learning Visual Fidelity Functional Fidelity Portability across devices Speed of workflow • Component-based design tools that enable non-coders to define complex interactions for each page element • The result is rendered in HTML and viewable on any browser or device • Not great for visual design • Avoid the web-based tools (UXpin, Proto.io). The workflow is just too heavy. Would you use a web- based Photoshop?
  • 15. Swift, Framer Ease of learning Visual Fidelity (varies) Functional Fidelity Portability across devices Speed of workflow • These are streamlined, condensed development environments (Swift is iOS, Framer is Javascript) • Requires knowledge of code; no different from actual front-end development • Steep learning curve and slower workflow make this impractical for rapid prototyping by non- developers
  • 16. Assessment of prototyping tools Pen & Paper Great for starting off and brainstorming Slideshows with links A useful, easy way for business users to communicate basic ideas to designers Hotspots on top of your designs Easy for visual designers to work with, but it’s really just a glorified slideshow. Plus, you’re working across two apps. Component-based prototyping Axure is the best all-around prototyping solution. Avoid web-based tools as they are janky and unreliable. Light developer tools Awesome if you can do it, but it’s rare to have decent coding chops and design skills to boot. Also, you’re working in two apps.
  • 17. Case studies [Several case studies omitted due to confidentiality]
  • 18. Dashport A concept for replacing the business phone CASE STUDY
  • 19. Tablet UI prototype • Touch-based VoIP & CRM hybrid in custom hardware package • Designed for Android tablets; leverages Google UI standards CASE STUDY View prototype
  • 20. Hardware is fun, too! • This has nothing to do with software prototyping, but it shows the similarities of design processes • This was done on a 3D printer over months of iteration • Tension is provided using a torque hinge, same mechanism that props up your laptop display CASE STUDY
  • 21. Thank you. Michael Meikson User Experience Consultant mike@meikson.com