Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX
-
Upload
zach-pousman -
Category
Internet
-
view
840 -
download
2
Transcript of Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX
![Page 2: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/2.jpg)
![Page 3: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/3.jpg)
3
FIRST, A STORY…
![Page 4: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/4.jpg)
![Page 5: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/5.jpg)
![Page 6: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/6.jpg)
HI, I’M ZACH POUSMAN
Zach Pousman @thinky
![Page 7: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/7.jpg)
DIGITAL PRODUCT STRATEGY
U NSC RAMBL
Zach Pousman @thinky
![Page 8: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/8.jpg)
Zach Pousman @thinky
![Page 9: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/9.jpg)
Zach Pousman @thinky
![Page 10: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/10.jpg)
Zach Pousman @thinky
![Page 11: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/11.jpg)
A DEFINITION OF ELEGANCE
![Page 12: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/12.jpg)
Simple Powerful Coherent
comfortable
Hat tip to Michael Zuschlag, 2011 & Matthew May ‘In Pursuit of Elegance’, 2012 Zach Pousman @thinky
![Page 13: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/13.jpg)
HOW TO PURSUE ELEGANCE
![Page 14: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/14.jpg)
Noticing elegance
Dealing with constraints Dealing with the product ecology
Dealing with cadence
Zach Pousman @thinky
![Page 15: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/15.jpg)
Constraints can be: intrinsic Dictated imposed
self-imposedHat tip to Elster, 2000 Zach Pousman @thinky
![Page 16: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/16.jpg)
label your constraints
Visual Design
Machine Learning
People’s Vanity
Monetization
Support multiple devices
![Page 17: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/17.jpg)
label your constraints
Visual Design
Machine Learning
People’s Vanity
Monetization
Support multiple devices
![Page 18: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/18.jpg)
label your constraints
Visual Design
Machine Learning
People’s Vanity
Monetization
Support multiple devices
![Page 19: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/19.jpg)
label your constraints
Machine People’s Vanity
Monetization
Support multiple devices
Zach Pousman @thinky
![Page 20: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/20.jpg)
label your constraints get to ‘know’ them revisit them often
Zach Pousman @thinky
![Page 21: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/21.jpg)
label your constraints get to ‘know’ them revisit them often
Zach Pousman @thinky
you can’t beat the constraints into submission … You can, but it’s inelegant.
![Page 22: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/22.jpg)
KNOW YOUR PRODUCT ECOLOGYP
P
P
P
P
PYOUR
PRODUCT
Functional
Emotional
Aesthetic
Symbolic
P
P
Others who see you use the product
Social clusters
Forlizzi, J. (2008). The Product Ecology: Understanding Social Product Use and Supporting
Design Culture. International Journal of Design vol. 2, no. 1.
Product use
Zach Pousman @thinky
![Page 23: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/23.jpg)
Elegance means taking cadence seriously.
A PART OF LIFEBEGINNER-TO-EXPERT
ROUTINE(S)USAGE
A SESSIONAN INTERACTIONMENU ANIMATION
Hat tip to Berryman & Pousman, 2013
![Page 24: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/24.jpg)
SMS
Mapping cadence can help you achieve elegance
Hat tip to Berryman & Pousman, 2013
![Page 25: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/25.jpg)
Elegance across CLi, gui, nui, gestural &
conversational paradigms
25 Zach Pousman @thinky
![Page 26: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/26.jpg)
Potentially concerning
Zach Pousman @thinky
![Page 27: Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX](https://reader031.fdocuments.net/reader031/viewer/2022030219/588535681a28ab26518b5cb5/html5/thumbnails/27.jpg)
Zach Pousman @thinky
Potentially concerning