SlideShare une entreprise Scribd logo
1  sur  35
Télécharger pour lire hors ligne
INCLUSIVE &
ACCESSIBLE

UX PRACTICES
How Low-Fi Artifacts Promote
Whole-Team Collaboration

Balanced Team SF 2013
@brittanyhunter
http://www.atomicobject.com

Monday, November 11, 13
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
Monday, November 11, 13
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m

4

4
POLY-SKILLED
CO-LOCATED
SELF-MANAGING
TEAMS
OF
@br i ttanyhunter

Monday, November 11, 13

MAKERS

@atom icobje ct

http://spin .atomicobject.co m

5

4
Strategy
Scenarios
Sketching
Planning

Coding

Prototypes
IA & IxD Patterns
v
Markup
Validation

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m

Hi-fidelity
Hi-fidelity Design
Design
PRODUCT
BACKBONE

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
PERSONAS
CONTEXT SCENARIOS

DETAILED WIREFRAMES

USER OBSERVATION

USABILITY TESTING
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
tl;dr
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
too perfect
easily misread
time consuming

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
200+
HOURS

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
LOW-FI
STORYBOARDS

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
Easily
Scannable
Format

User
Persona

Key
Interface
Elements

Context

Narrative
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
SOMEWHAT
POLISHED
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
LESS
POLISHED

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
WORKFLOWORIENTED
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
LABELS
DETAIL
SKETCHES

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
TRACING &
REPRODUCING

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
QUICK
REFERENCE

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m

23
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
Wow! I can’t believe how
much we accomplished
this week!
Elements

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
The storyboard document
is unbelievably useful for
communicating with other
decisionmakers at my
company.

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
?
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
High-Fi Mockups of Key Interfaces

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
CLICKABLE
PROTOTYPES

Proto in Browser

v

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
Storyboard with sticky/scribbles on it

MALLEABLE
ARTIFACTS

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m

33
33%
FEWER HOURS

spent on storyboards vs wireframes

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m
THANK
YOU!

@brittanyhunter
http://www.atomicobject.com

Balanced Team SF 2013

@br i ttanyhunter

Monday, November 11, 13

@atom icobje ct

http://spin .atomicobject.co m

Contenu connexe

Tendances

Knowledge Graph and Authorrank iss smx
Knowledge Graph and Authorrank iss smxKnowledge Graph and Authorrank iss smx
Knowledge Graph and Authorrank iss smx
Gianluca Fiorelli
 

Tendances (6)

Atomic designで助かった人たち
Atomic designで助かった人たちAtomic designで助かった人たち
Atomic designで助かった人たち
 
Shan presentation
Shan presentationShan presentation
Shan presentation
 
How to Contribute Without Code - WordCamp Miami 2015
How to Contribute Without Code - WordCamp Miami 2015How to Contribute Without Code - WordCamp Miami 2015
How to Contribute Without Code - WordCamp Miami 2015
 
Cultivating a Community Around Live Video
Cultivating a Community Around Live VideoCultivating a Community Around Live Video
Cultivating a Community Around Live Video
 
Obviously Awesome: Using Context to Take your Product from What? to Wow!
Obviously Awesome: Using Context to Take your Product from What? to Wow!Obviously Awesome: Using Context to Take your Product from What? to Wow!
Obviously Awesome: Using Context to Take your Product from What? to Wow!
 
Knowledge Graph and Authorrank iss smx
Knowledge Graph and Authorrank iss smxKnowledge Graph and Authorrank iss smx
Knowledge Graph and Authorrank iss smx
 

En vedette

Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
Valeria Gasik
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
Hitesh Mehta
 

En vedette (20)

Build Low Fidelity Wireframes
Build Low Fidelity WireframesBuild Low Fidelity Wireframes
Build Low Fidelity Wireframes
 
How to Visualize a Business
How to Visualize a BusinessHow to Visualize a Business
How to Visualize a Business
 
Open Source Thinking Tools in Digital Product Design- VIBE WIRE
Open Source Thinking Tools in Digital Product Design- VIBE WIRE Open Source Thinking Tools in Digital Product Design- VIBE WIRE
Open Source Thinking Tools in Digital Product Design- VIBE WIRE
 
GBL
GBLGBL
GBL
 
Low Fidelity Prototype
Low Fidelity PrototypeLow Fidelity Prototype
Low Fidelity Prototype
 
How To Write An Awesome Blog Post
How To Write An Awesome Blog PostHow To Write An Awesome Blog Post
How To Write An Awesome Blog Post
 
Paper to prototype, or.... How I learned to stop worrying and love Science
Paper to prototype, or.... How I learned to stop worrying and love SciencePaper to prototype, or.... How I learned to stop worrying and love Science
Paper to prototype, or.... How I learned to stop worrying and love Science
 
Paper to-prototype
Paper to-prototypePaper to-prototype
Paper to-prototype
 
AgileCamp Silicon Valley 2015: One Dollar Prototype
AgileCamp Silicon Valley 2015: One Dollar PrototypeAgileCamp Silicon Valley 2015: One Dollar Prototype
AgileCamp Silicon Valley 2015: One Dollar Prototype
 
St low fidelity prototype v2
St   low fidelity prototype v2St   low fidelity prototype v2
St low fidelity prototype v2
 
Practical Product Innovation - Sydney CTO Summit
Practical Product Innovation - Sydney CTO SummitPractical Product Innovation - Sydney CTO Summit
Practical Product Innovation - Sydney CTO Summit
 
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
 
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
 
Write awesome personalized donor thank you emails using GlobalGiving and Face...
Write awesome personalized donor thank you emails using GlobalGiving and Face...Write awesome personalized donor thank you emails using GlobalGiving and Face...
Write awesome personalized donor thank you emails using GlobalGiving and Face...
 
Blog-based courses in higher education: experience from Tallinn University
Blog-based courses in higher education: experience from Tallinn UniversityBlog-based courses in higher education: experience from Tallinn University
Blog-based courses in higher education: experience from Tallinn University
 
Sketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity ResultsSketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity Results
 
Personas in Interaction Design
Personas in Interaction DesignPersonas in Interaction Design
Personas in Interaction Design
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
 
Demystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyDemystifying User Experience - General Assembly
Demystifying User Experience - General Assembly
 

Similaire à Inclusive & Accessible UX Practices – How Low-Fidelity Artifacts Promote Whole-Team Collaboration

Bankers Association Communications Conference Deck
 Bankers Association Communications Conference Deck Bankers Association Communications Conference Deck
Bankers Association Communications Conference Deck
Hodges_Digital
 
RIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl osRIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl os
ryancanulla
 
Vinted life embetterment
Vinted life embettermentVinted life embetterment
Vinted life embetterment
Agile Lietuva
 
실시간 웹 협업도구 만들기 V0.3
실시간 웹 협업도구 만들기 V0.3실시간 웹 협업도구 만들기 V0.3
실시간 웹 협업도구 만들기 V0.3
NAVER D2
 
Evolve your toolchains dev/ops with OpenStack
Evolve your toolchains dev/ops with OpenStackEvolve your toolchains dev/ops with OpenStack
Evolve your toolchains dev/ops with OpenStack
Ryan Richard
 

Similaire à Inclusive & Accessible UX Practices – How Low-Fidelity Artifacts Promote Whole-Team Collaboration (20)

Inclusive and Accessible UX Practices: How Low-Fi Artifacts Promote Whole-Tea...
Inclusive and Accessible UX Practices: How Low-Fi Artifacts Promote Whole-Tea...Inclusive and Accessible UX Practices: How Low-Fi Artifacts Promote Whole-Tea...
Inclusive and Accessible UX Practices: How Low-Fi Artifacts Promote Whole-Tea...
 
Architecture: ember.js and AngularJS
Architecture: ember.js and AngularJSArchitecture: ember.js and AngularJS
Architecture: ember.js and AngularJS
 
[Nuxeo World 2013] MARKETPLACE PACKAGES - THIBAUD ARGUILLERE
[Nuxeo World 2013] MARKETPLACE PACKAGES - THIBAUD ARGUILLERE[Nuxeo World 2013] MARKETPLACE PACKAGES - THIBAUD ARGUILLERE
[Nuxeo World 2013] MARKETPLACE PACKAGES - THIBAUD ARGUILLERE
 
Bankers Association Communications Conference Deck
 Bankers Association Communications Conference Deck Bankers Association Communications Conference Deck
Bankers Association Communications Conference Deck
 
Makers Go Pro
Makers Go ProMakers Go Pro
Makers Go Pro
 
User experience design & education
User experience design & educationUser experience design & education
User experience design & education
 
WebRTC: What? How? Why? - ClueCon 2013
WebRTC: What? How? Why? - ClueCon 2013WebRTC: What? How? Why? - ClueCon 2013
WebRTC: What? How? Why? - ClueCon 2013
 
Telco: Voice-Command Personal Agent Service with AWS Cloud (MBL202) | AWS re:...
Telco: Voice-Command Personal Agent Service with AWS Cloud (MBL202) | AWS re:...Telco: Voice-Command Personal Agent Service with AWS Cloud (MBL202) | AWS re:...
Telco: Voice-Command Personal Agent Service with AWS Cloud (MBL202) | AWS re:...
 
RIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl osRIA Unleashed - Developing for the TV with litl os
RIA Unleashed - Developing for the TV with litl os
 
Drupal and Cloud Containers
Drupal and Cloud ContainersDrupal and Cloud Containers
Drupal and Cloud Containers
 
Going to War Over UX
Going to War Over UXGoing to War Over UX
Going to War Over UX
 
Vinted life embetterment
Vinted life embettermentVinted life embetterment
Vinted life embetterment
 
Infrastructure as Code with Chef / Puppet
Infrastructure as Code with Chef / PuppetInfrastructure as Code with Chef / Puppet
Infrastructure as Code with Chef / Puppet
 
Martin Splitt "Creating virtual worlds in the browser"
Martin Splitt "Creating virtual worlds in the browser"Martin Splitt "Creating virtual worlds in the browser"
Martin Splitt "Creating virtual worlds in the browser"
 
Proyecto OP^2: Open Pi Phone
Proyecto OP^2: Open Pi PhoneProyecto OP^2: Open Pi Phone
Proyecto OP^2: Open Pi Phone
 
실시간 웹 협업도구 만들기 V0.3
실시간 웹 협업도구 만들기 V0.3실시간 웹 협업도구 만들기 V0.3
실시간 웹 협업도구 만들기 V0.3
 
DIY Synthetic: Private WebPagetest Magic
DIY Synthetic: Private WebPagetest MagicDIY Synthetic: Private WebPagetest Magic
DIY Synthetic: Private WebPagetest Magic
 
Evolve your toolchains dev/ops with OpenStack
Evolve your toolchains dev/ops with OpenStackEvolve your toolchains dev/ops with OpenStack
Evolve your toolchains dev/ops with OpenStack
 
Educause - Building a Responsive Website for the Presidential Debate
Educause - Building a Responsive Website for the Presidential DebateEducause - Building a Responsive Website for the Presidential Debate
Educause - Building a Responsive Website for the Presidential Debate
 
10 Easy-to-Implement Usability Findings
10 Easy-to-Implement Usability Findings10 Easy-to-Implement Usability Findings
10 Easy-to-Implement Usability Findings
 

Plus de Atomic Object

Integrating Design & Development
Integrating Design & DevelopmentIntegrating Design & Development
Integrating Design & Development
Atomic Object
 

Plus de Atomic Object (8)

How to Make Data Make Sense: Choosing the Right Visualization
How to Make Data Make Sense: Choosing the Right VisualizationHow to Make Data Make Sense: Choosing the Right Visualization
How to Make Data Make Sense: Choosing the Right Visualization
 
Design for the Design Illiterate
Design for the Design IlliterateDesign for the Design Illiterate
Design for the Design Illiterate
 
5 Design Techniques You Can Try Without "Design" Experience
5 Design Techniques You Can Try Without "Design" Experience5 Design Techniques You Can Try Without "Design" Experience
5 Design Techniques You Can Try Without "Design" Experience
 
The Right Kind of Startups
The Right Kind of StartupsThe Right Kind of Startups
The Right Kind of Startups
 
Craftsmanship as Competitive Advantage
Craftsmanship as Competitive AdvantageCraftsmanship as Competitive Advantage
Craftsmanship as Competitive Advantage
 
Ruby, Meet iPhone
Ruby, Meet iPhoneRuby, Meet iPhone
Ruby, Meet iPhone
 
Nurturing Top-Notch Teams
Nurturing Top-Notch TeamsNurturing Top-Notch Teams
Nurturing Top-Notch Teams
 
Integrating Design & Development
Integrating Design & DevelopmentIntegrating Design & Development
Integrating Design & Development
 

Dernier

Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
FIDO Alliance
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
 

Dernier (20)

Top 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTop 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development Companies
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 

Inclusive & Accessible UX Practices – How Low-Fidelity Artifacts Promote Whole-Team Collaboration