ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
You Can UX Too:
Avoiding the Programmer's
User Interface
Eryn O'Neil
Northeast PHP ¨C Boston (Cambridge!), MA
August 16, 2013
Hi, I'm Eryn.
I make websites.
I'm not a UX professional.
Why me?
Because programmers need to
care¨Cdeeply¨Cabout the
interfaces they write.
Why me?
Front End
vs.
Back End
You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013
Today, we'll talk about:
¡ñ Practical ways to make your
UX experience better
¡ñ How to work with the UX
professional in your life
¡ñ Why you should care!
What is the
¡°programmer's interface¡±
anyway?
You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013
You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013
You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013
You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013
Why care?
The best software happens
when everyone on the team
feels ownership of the user
interface.
How can we do better?
How can we do better?
The programmer's interface
happens when you try to design
an interface at the same time
that you're writing it.
How can we do better?
UX First.
How can we do better?
UX First.
And third... and fifth...
How can we do better?
User-Centered Design
¡°A process in which the needs,
wants, and limitations of end users of
a product are given extensive
attention at each stage of the design
process.¡±
Wikipedia, ¡°User-Centered Design¡± http://en.wikipedia.org/wiki/User-centered_design
How can we do better?
User-Centered Design
There is no one true universal UX.
Facebook:
¡ñ Universal
¡ñ Human
¡ñ Clean
¡ñ Consistent
¡ñ Useful
¡ñ Fast
¡ñ Transparent
HTC One:
¡ñ Make it Mine
¡ñ Stay Close
¡ñ Discover the Unexpected
Luke Wroblewski, ¡°Developing Design Principles¡±, http://www.lukew.com/ff/entry.asp?854
How can we do better?
Don't Reinvent the Wheel.
How can we do better?
Pattern match.
Pattern Match Usefully.
Pattern Match Usefully.
Llama
Lemon
Lemur
Orange
Olive
Orangutan
Ocelot
Licorice
Octopus
Labrador
Lollipop
Lynx
Pattern Match Usefully.
Llama
Lynx
Lemur
Ocelot
Labrador
Orangutan
Olive
Licorice
Octopus
Orange
Lollipop
Lemon
How can we do better?
Protect your users.
How can we do better?
Don't expect people to read.
How can we do better?
Avoid Surprising Behavior.
How can we do better?
Watch people use your software.
How can we do better?
Watch people use your software.
...and believe your users.
How can we work better with the
UX professionals in our lives?
The developer's job is to think
about how the implementation
will affect the UX.
How can we work with UX pros?
¡°Yes, But.¡±
How can we work with UX pros?
Know your limits. Defer.
How can we work with UX pros?
Know your limits. Defer.
(Don't have UX people? Usertesting.com)
Thanks!

More Related Content

Similar to You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013 (20)

What is UX v1
What is UX v1What is UX v1
What is UX v1
Mike Gallers
?
11 lessons on UX in the UAE
11 lessons on UX in the UAE11 lessons on UX in the UAE
11 lessons on UX in the UAE
Mohammed Abdulmajid Alsiddiq
?
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1
Sebastian Tory-Pratt
?
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
Cyber-Duck
?
Making Effective Prototypes
Making Effective PrototypesMaking Effective Prototypes
Making Effective Prototypes
Matthew Ho
?
The Top 10 things that UX people get obsessed about
The Top 10 things that UX people get obsessed aboutThe Top 10 things that UX people get obsessed about
The Top 10 things that UX people get obsessed about
Andy Marshall
?
A quick introduction to User Experience
A quick introduction to User ExperienceA quick introduction to User Experience
A quick introduction to User Experience
Pierre Sauvignon
?
User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
teaguese
?
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
Float
?
An introduction to User Experience
An introduction to User ExperienceAn introduction to User Experience
An introduction to User Experience
Elena Torr¨®
?
User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report
Michael Rawling
?
How Usable Are You
How Usable Are YouHow Usable Are You
How Usable Are You
Heather O'Neill
?
User Experience for Software Engineers
User Experience for Software EngineersUser Experience for Software Engineers
User Experience for Software Engineers
Dakshika Jayathilaka
?
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
Harsh Wardhan Dave
?
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
?
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
GeneXus
?
Lean UX Workshop
Lean UX WorkshopLean UX Workshop
Lean UX Workshop
UX Consulting Pte Ltd
?
The User is God
The User is GodThe User is God
The User is God
Tim Samoff
?
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
?
We're all wrong about UX
We're all wrong about UXWe're all wrong about UX
We're all wrong about UX
Jon Ruby
?
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1
Sebastian Tory-Pratt
?
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
Cyber-Duck
?
Making Effective Prototypes
Making Effective PrototypesMaking Effective Prototypes
Making Effective Prototypes
Matthew Ho
?
The Top 10 things that UX people get obsessed about
The Top 10 things that UX people get obsessed aboutThe Top 10 things that UX people get obsessed about
The Top 10 things that UX people get obsessed about
Andy Marshall
?
A quick introduction to User Experience
A quick introduction to User ExperienceA quick introduction to User Experience
A quick introduction to User Experience
Pierre Sauvignon
?
User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
teaguese
?
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
Float
?
An introduction to User Experience
An introduction to User ExperienceAn introduction to User Experience
An introduction to User Experience
Elena Torr¨®
?
User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report
Michael Rawling
?
User Experience for Software Engineers
User Experience for Software EngineersUser Experience for Software Engineers
User Experience for Software Engineers
Dakshika Jayathilaka
?
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
Harsh Wardhan Dave
?
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
GeneXus
?
We're all wrong about UX
We're all wrong about UXWe're all wrong about UX
We're all wrong about UX
Jon Ruby
?

Recently uploaded (20)

Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...
Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...
Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...
ScyllaDB
?
AI Revolution unleashed with AI Foundry at AI Tour Brussels
AI Revolution unleashed with AI Foundry at AI Tour BrusselsAI Revolution unleashed with AI Foundry at AI Tour Brussels
AI Revolution unleashed with AI Foundry at AI Tour Brussels
Nathan Bijnens
?
AI-Driven Digital Transformation Using Agentic AI
AI-Driven Digital Transformation Using Agentic AIAI-Driven Digital Transformation Using Agentic AI
AI-Driven Digital Transformation Using Agentic AI
Kris Verlaenen
?
Graphs & GraphRAG - Essential Ingredients for GenAI
Graphs & GraphRAG - Essential Ingredients for GenAIGraphs & GraphRAG - Essential Ingredients for GenAI
Graphs & GraphRAG - Essential Ingredients for GenAI
Neo4j
?
New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025
New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025
New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025
BookNet Canada
?
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
DianaGray10
?
Presentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdfPresentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdf
Mukesh Kala
?
How to manage technology risk and corporate growth
How to manage technology risk and corporate growthHow to manage technology risk and corporate growth
How to manage technology risk and corporate growth
Arlen Meyers, MD, MBA
?
Scalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by UdaiScalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by Udai
Udaiappa Ramachandran
?
The Future is Here ¨C Learn How to Get Started! Ionic App Development
The Future is Here ¨C Learn How to Get Started! Ionic App DevelopmentThe Future is Here ¨C Learn How to Get Started! Ionic App Development
The Future is Here ¨C Learn How to Get Started! Ionic App Development
7Pillars
?
Vibe Coding presentation at Courte University
Vibe Coding presentation at Courte UniversityVibe Coding presentation at Courte University
Vibe Coding presentation at Courte University
RobertMongare3
?
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service SuperpowersWhen Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
Eric D. Schabell
?
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
jackalen173
?
202408_JAWSPANKRATION_Introduction_of_Minaden.pdf
202408_JAWSPANKRATION_Introduction_of_Minaden.pdf202408_JAWSPANKRATION_Introduction_of_Minaden.pdf
202408_JAWSPANKRATION_Introduction_of_Minaden.pdf
NTTDOCOMO-ServiceInnovation
?
Digital Nepal Framework 2.0: A Step Towards a Digitally Empowered Nepal
Digital Nepal Framework 2.0: A Step Towards a Digitally Empowered NepalDigital Nepal Framework 2.0: A Step Towards a Digitally Empowered Nepal
Digital Nepal Framework 2.0: A Step Towards a Digitally Empowered Nepal
ICT Frame Magazine Pvt. Ltd.
?
UiPath Agentic automation with Autopilot for everyone + new features/releases
UiPath Agentic  automation with Autopilot for everyone + new features/releasesUiPath Agentic  automation with Autopilot for everyone + new features/releases
UiPath Agentic automation with Autopilot for everyone + new features/releases
DianaGray10
?
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldAll-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
Safe Software
?
Modern Diagnostic Healthcare with Medical Imaging Solutions.pptx
Modern Diagnostic Healthcare with Medical Imaging Solutions.pptxModern Diagnostic Healthcare with Medical Imaging Solutions.pptx
Modern Diagnostic Healthcare with Medical Imaging Solutions.pptx
Dash Technologies Inc
?
Build with AI on Google Cloud Session #5
Build with AI on Google Cloud Session #5Build with AI on Google Cloud Session #5
Build with AI on Google Cloud Session #5
Margaret Maynard-Reid
?
Building High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdfBuilding High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdf
Rafael Burity
?
Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...
Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...
Securely Serving Millions of Boot Artifacts a Day by Joa?o Pedro Lima & Matt ...
ScyllaDB
?
AI Revolution unleashed with AI Foundry at AI Tour Brussels
AI Revolution unleashed with AI Foundry at AI Tour BrusselsAI Revolution unleashed with AI Foundry at AI Tour Brussels
AI Revolution unleashed with AI Foundry at AI Tour Brussels
Nathan Bijnens
?
AI-Driven Digital Transformation Using Agentic AI
AI-Driven Digital Transformation Using Agentic AIAI-Driven Digital Transformation Using Agentic AI
AI-Driven Digital Transformation Using Agentic AI
Kris Verlaenen
?
Graphs & GraphRAG - Essential Ingredients for GenAI
Graphs & GraphRAG - Essential Ingredients for GenAIGraphs & GraphRAG - Essential Ingredients for GenAI
Graphs & GraphRAG - Essential Ingredients for GenAI
Neo4j
?
New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025
New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025
New from BookNet Canada for 2025: BNC CataList - Tech Forum 2025
BookNet Canada
?
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
DianaGray10
?
Presentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdfPresentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdf
Mukesh Kala
?
How to manage technology risk and corporate growth
How to manage technology risk and corporate growthHow to manage technology risk and corporate growth
How to manage technology risk and corporate growth
Arlen Meyers, MD, MBA
?
Scalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by UdaiScalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by Udai
Udaiappa Ramachandran
?
The Future is Here ¨C Learn How to Get Started! Ionic App Development
The Future is Here ¨C Learn How to Get Started! Ionic App DevelopmentThe Future is Here ¨C Learn How to Get Started! Ionic App Development
The Future is Here ¨C Learn How to Get Started! Ionic App Development
7Pillars
?
Vibe Coding presentation at Courte University
Vibe Coding presentation at Courte UniversityVibe Coding presentation at Courte University
Vibe Coding presentation at Courte University
RobertMongare3
?
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service SuperpowersWhen Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
Eric D. Schabell
?
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
jackalen173
?
Digital Nepal Framework 2.0: A Step Towards a Digitally Empowered Nepal
Digital Nepal Framework 2.0: A Step Towards a Digitally Empowered NepalDigital Nepal Framework 2.0: A Step Towards a Digitally Empowered Nepal
Digital Nepal Framework 2.0: A Step Towards a Digitally Empowered Nepal
ICT Frame Magazine Pvt. Ltd.
?
UiPath Agentic automation with Autopilot for everyone + new features/releases
UiPath Agentic  automation with Autopilot for everyone + new features/releasesUiPath Agentic  automation with Autopilot for everyone + new features/releases
UiPath Agentic automation with Autopilot for everyone + new features/releases
DianaGray10
?
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldAll-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
Safe Software
?
Modern Diagnostic Healthcare with Medical Imaging Solutions.pptx
Modern Diagnostic Healthcare with Medical Imaging Solutions.pptxModern Diagnostic Healthcare with Medical Imaging Solutions.pptx
Modern Diagnostic Healthcare with Medical Imaging Solutions.pptx
Dash Technologies Inc
?
Build with AI on Google Cloud Session #5
Build with AI on Google Cloud Session #5Build with AI on Google Cloud Session #5
Build with AI on Google Cloud Session #5
Margaret Maynard-Reid
?
Building High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdfBuilding High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdf
Rafael Burity
?

You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013