Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Simple Usability Testing for Designers

Avatar for Christopher Butler Christopher Butler
December 13, 2012
Design
1
100

Simple Usability Testing for Designers

I gave this HOW Designcast on December 13, 2012.

Avatar for Christopher Butler

Christopher Butler

December 13, 2012
Tweet

More Decks by Christopher Butler

See All by Christopher Butler
How to See What a User Sees
Avatar for Christopher Butler chrbutler
1
190
Master (mind)ing the Process
Avatar for Christopher Butler chrbutler
1
180
You, the Other Kind of Business Leader
Avatar for Christopher Butler chrbutler
0
64
Finding Design in the Process
Avatar for Christopher Butler chrbutler
4
260
Responsive Design on the Ground
Avatar for Christopher Butler chrbutler
6
420
Responsive Design at 10,000 Feet
Avatar for Christopher Butler chrbutler
4
470
Getting Feedback
Avatar for Christopher Butler chrbutler
1
69
Google Analytics for Designers
Avatar for Christopher Butler chrbutler
1
130
Human Progress Landscape
Avatar for Christopher Butler chrbutler
0
46

Other Decks in Design

See All in Design
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
230
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4k
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
160
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
160
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
150
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
2.1k
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
520
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
580
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
810
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
200

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
810
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.9k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k

Transcript

  1. None

  2. People are weird u

  3. People are weird unpredictable.

  4. People are weird change.

  5. We need their feedback. “

  6. “You don’t learn anything until you start showing it to

    people.” ! -David Kelly, IDEO

  7. So, how do we do that?

  8. Usability Testing

  9. Usability Testing Simple

  10. Not this.

  11. Or this.

  12. None

  13. → A quiet space

  14. ↓ A computer

  15. → A webcam

  16. → Screen- capture software

  17. ↓ A volunteer

  18. ← A moderator

  19. A test plan ↑

  20. Goal-Focused Testing

  21. ← Homepage Orientation Step 1. Details: ! 1-2 minutes No

    clicking! ! Question: ! What is this website about?

  22. ← 2-3 Goal- Focused Tasks Step 2. Details: ! 1-2

    minutes each ! !

  23. Biases!

  24. None

  25. Ten-Second Tests

  26. ← 0:10 to view, then hide page Process : Questions:

    ! What was the page about? ! Was the page trustworthy? ! What stood out? ! !
  27. None

  28. Design can be a Welcome or an Exit sign.

  29. ...uh, mobile? Hello...

  30. None
  31. None
  32. None

  33. Great, so how do I convince my boss?

  34. Thank You! Get in touch: @ chrbutler newfangled.com/signup → Also,

    I have a book