You Can UX Too:
Avoiding the Programmer's
User Interface
Eryn O'Neil
Northeast PHP – Boston (Cambridge!), MA
August 16, 20...
Hi, I'm Eryn.
I make websites.
I'm not a UX professional.
Why me?
Because programmers need to
care–deeply–about the
interfaces they write.
Why me?
Front End
vs.
Back End
Today, we'll talk about:
● Practical ways to make your
UX experience better
● How to work with the UX
professional in your...
What is the
“programmer's interface”
anyway?
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 ...
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...
How can we do better?
User-Centered Design
There is no one true universal UX.
Facebook:
● Universal
● Human
● Clean
● Consistent
● Useful
● Fast
● Transparent
HTC On...
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!
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
You Can UX Too: Avoiding the Programmer's User Interface @ NEPHP 2013
Upcoming SlideShare
Loading in...5
×

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

2,112

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,112
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. You Can UX Too: Avoiding the Programmer's User Interface Eryn O'Neil Northeast PHP – Boston (Cambridge!), MA August 16, 2013
  2. 2. Hi, I'm Eryn.
  3. 3. I make websites.
  4. 4. I'm not a UX professional.
  5. 5. Why me?
  6. 6. Because programmers need to care–deeply–about the interfaces they write. Why me?
  7. 7. Front End vs. Back End
  8. 8. 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!
  9. 9. What is the “programmer's interface” anyway?
  10. 10. Why care?
  11. 11. The best software happens when everyone on the team feels ownership of the user interface.
  12. 12. How can we do better?
  13. 13. 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.
  14. 14. How can we do better? UX First.
  15. 15. How can we do better? UX First. And third... and fifth...
  16. 16. 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
  17. 17. How can we do better? User-Centered Design
  18. 18. 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
  19. 19. How can we do better? Don't Reinvent the Wheel.
  20. 20. How can we do better? Pattern match.
  21. 21. Pattern Match Usefully.
  22. 22. Pattern Match Usefully. Llama Lemon Lemur Orange Olive Orangutan Ocelot Licorice Octopus Labrador Lollipop Lynx
  23. 23. Pattern Match Usefully. Llama Lynx Lemur Ocelot Labrador Orangutan Olive Licorice Octopus Orange Lollipop Lemon
  24. 24. How can we do better? Protect your users.
  25. 25. How can we do better? Don't expect people to read.
  26. 26. How can we do better? Avoid Surprising Behavior.
  27. 27. How can we do better? Watch people use your software.
  28. 28. How can we do better? Watch people use your software. ...and believe your users.
  29. 29. How can we work better with the UX professionals in our lives?
  30. 30. The developer's job is to think about how the implementation will affect the UX.
  31. 31. How can we work with UX pros? “Yes, But.”
  32. 32. How can we work with UX pros? Know your limits. Defer.
  33. 33. How can we work with UX pros? Know your limits. Defer. (Don't have UX people? Usertesting.com)
  34. 34. Thanks!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×