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
 

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
 
Is the Freemium Model Right for your Plugin?
Is the Freemium Model Right for your Plugin?Is the Freemium Model Right for your Plugin?
Is the Freemium Model Right for your Plugin?
 
실시간 웹 협업도구 만들기 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
 
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

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Dernier (20)

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 

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