Designing a Better Process: 1 Pixel at a Time
•
4 likes•1,153 views
1. The document discusses improving design processes through iterative techniques like prototyping, testing, and analyzing. It emphasizes practicing empathy, making the process easy, being objective, letting go of perfection, adding delight, and continuously iterating the process. 2. Design details are important when they impact usability, and teams must work together throughout the design lifecycle to challenge traditions and traditions that hinder the process. 3. The presentation provides examples of how one organization simplified their cumbersome design process through these techniques.
Recommended
Recommended
More Related Content
Similar to Designing a Better Process: 1 Pixel at a Time
Similar to Designing a Better Process: 1 Pixel at a Time (20)
Recently uploaded
Recently uploaded (14)
Designing a Better Process: 1 Pixel at a Time
- 1. Designing a Better Process Emily Rawitsch | Director of UX Design | @rawitsch 1 PIXEL AT A TIME
- 4. @rawitsch #bigd15 Once upon a time…
- 5. Vince the visual designer @rawitsch #bigd15
- 14. ?
- 16. @rawitsch #bigd15 Photoshop HTML & CSS
- 17. Alignment point Change to #333333 Top align labels! Missing “Remember” checkbox Make sentence case and add round corners ***Overall spacing does not match comp Wrong fonts @rawitsch #bigd15
- 19. 1. Why do design details even matter? 2. How can teams work together more effectively? @rawitsch #bigd15
- 20. “Attractive things work better. Pleasing things are easier to learn and produce a more harmonious result. DON NORMAN @rawitsch #bigd15
- 22. Negative Affect Easy tasks feel difficult Positive Affect Difficult tasks feel easy @rawitsch #bigd15
- 23. 50 milliseconds Lindgaard, Fernandes, Dudek, & Brown, 2006 @rawitsch #bigd15
- 26. Left or Right? @rawitsch #bigd15
- 28. Design details improve USABILITY @rawitsch #bigd15
- 29. Create Account Create Account Create Account Create Account » @rawitsch #bigd15
- 35. Easier to Read Lorem ipsum dolor sit amet, consectetur adipiscing. Praesent in urna non dolor porta feugiat non a sapien. Curabitur semper mollis neque. Nunc fermentum ligula ut lectus bibendum commodo. In dictum mauris eget. Harder to Read Lorem ipsum dolor sit amet, consesur adipiscing elit. Praesent in porta feugiat non a sapien. Curabitur semper mollis neque. Nunc fermentum ligula lectus bibendum commodo. In dium mauris eget arcu aliquet scelerisque. @rawitsch #bigd15
- 37. Proximity Closure Similarity @rawitsch #bigd15
- 39. “Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works. STEVE JOBS @rawitsch #bigd15
- 40. $ $ $ @rawitsch #bigd15British Design Council: Impact of Design on Stock Market Performance, 2004
- 41. Effective users of design outperformed the FTSE 100 Index by 200% @rawitsch #bigd15British Design Council: Impact of Design on Stock Market Performance, 2004
- 42. @rawitsch #bigd15The DMI: Review, 24:4, February 2014
- 43. Design-driven companies outperformed the S&P 500 by 228% @rawitsch #bigd15The DMI: Review, 24:4, February 2014
- 47. “That’s the way we’ve always done it. A BAD COMMON SAYING @rawitsch #bigd15
- 48. Hidden Easter Eggs @rawitsch #bigd15
- 54. 1 change per ticket @rawitsch #bigd15 Stopped comparing Question what mattered
- 55. The design process is just as important as design itself. @rawitsch #bigd15
- 56. UX Principles @rawitsch #bigd15 6 TO IMPROVE THE PROCESS
- 63. Make It Easy 2 @rawitsch #bigd15 DESIGN DELIVERABLES
- 70. Be Objective 3 @rawitsch #bigd15 DATA IS MY FRIEND
- 71. Details matter when THEY MATTER @rawitsch #bigd15
- 72. Chrome Desktop 22.4% Firefox Desktop 22.2% Safari iPad 14.9% IE Desktop 14.0% Safari Desktop 9.9% @rawitsch #bigd15
- 75. You’re invited!
- 76. Let It Go 4 @rawitsch #bigd15
- 77. DONEis better than perfect @rawitsch #bigd15
- 78. People rarely die because something is a pixel off. @rawitsch #bigd15
- 82. “Let it go…” @rawitsch #bigd15
- 83. Add Delight 5 @rawitsch #bigd15 TO YOUR PROCESS
- 91. :) Good morning. What do you think? Please. Thank you! @rawitsch #bigd15
- 95. Iterate the Process 6 @rawitsch #bigd15
- 98. @rawitsch #bigd15 simplified a cumbersome process
- 99. What traditions can you challenge? @rawitsch #bigd15
- 100. 1. Design details do matter (when they matter) 2. Teams must work together to iterate their process @rawitsch #bigd15
- 101. Practice Empathy Make It Easy Be Objective Let It Go Add Delight Iterate the Process
- 103. @rawitsch #bigd15
- 104. @rawitsch #bigd15
- 105. + @rawitsch #bigd15