the devil is in the details - about the building blocks of a great user experience
DESCRIPTION
A presentation about how the details are the building blocks of experience and how we need to evolve design patterns for a new reality when users goes mobile. Done with my colleague Fredric Marcus (@fm)TRANSCRIPT
![Page 1: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/1.jpg)
The devil is in the detailsA new reality. Beyond the computer.
@andersliljedal
@fm
November 9th 2011, Creuna
![Page 2: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/2.jpg)
What is an experience?
Details are the building blocks.
The experience is the sum of all details. Good and bad.
And some other things...
![Page 3: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/3.jpg)
This is not about...
...The BIG picture!
But perhaps it is the picture?
We mean it!
![Page 4: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/4.jpg)
But, you won’t notice a small detail?
![Page 5: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/5.jpg)
![Page 6: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/6.jpg)
What is a detail?Details is the differentiation.
![Page 7: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/7.jpg)
A couple of details in a couple of minutes!
Look! A detail!
Good and Bad
![Page 8: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/8.jpg)
![Page 9: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/9.jpg)
![Page 10: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/10.jpg)
![Page 11: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/11.jpg)
![Page 12: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/12.jpg)
![Page 13: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/13.jpg)
![Page 14: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/14.jpg)
![Page 15: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/15.jpg)
Gemhållaren
![Page 16: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/16.jpg)
![Page 17: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/17.jpg)
![Page 18: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/18.jpg)
![Page 19: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/19.jpg)
![Page 20: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/20.jpg)
![Page 21: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/21.jpg)
![Page 22: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/22.jpg)
![Page 23: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/23.jpg)
![Page 24: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/24.jpg)
![Page 25: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/25.jpg)
Fast knappt för
dom som ser
![Page 26: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/26.jpg)
![Page 27: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/27.jpg)
Where are you today?
You are here!Users are here!
![Page 28: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/28.jpg)
Why are you stuck?
You don’t invent.
You hang on to the past.
You don’t evolve your design patterns for a new reality.
Ditt företag om ni
inte gör något :-)
![Page 29: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/29.jpg)
An example
Refresh the stuff I’m
looking at, please!
![Page 30: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/30.jpg)
![Page 31: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/31.jpg)
![Page 32: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/32.jpg)
![Page 33: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/33.jpg)
![Page 34: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/34.jpg)
![Page 35: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/35.jpg)
![Page 36: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/36.jpg)
![Page 37: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/37.jpg)
![Page 38: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/38.jpg)
![Page 39: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/39.jpg)
Where are we heading?and where does the details fit in?
![Page 40: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/40.jpg)
![Page 41: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/41.jpg)
![Page 42: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/42.jpg)
![Page 43: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/43.jpg)
![Page 44: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/44.jpg)
Inputdevices:The Mouse
Douglas Engelbart1964
![Page 45: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/45.jpg)
Inputdevices:TouchScreen
E.A. JohnsonRoyal Radar Establishment, Malvern, UK1965
![Page 46: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/46.jpg)
and now ten years later.
![Page 47: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/47.jpg)
![Page 48: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/48.jpg)
![Page 49: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/49.jpg)
![Page 50: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/50.jpg)
Let’s wrap it up.“The details are not the details. They make the design.”
- Charles Eames
![Page 51: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/51.jpg)
Do this
![Page 52: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/52.jpg)
Do thisClarity
![Page 53: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/53.jpg)
Do thisClarity
Typography
![Page 54: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/54.jpg)
Do thisClarity
Typography
Humor
![Page 55: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/55.jpg)
Do thisClarity
Typography
Humor
Movement
![Page 56: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/56.jpg)
Do thisClarity
Typography
Humor
Movement
Sound
![Page 57: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/57.jpg)
Do thisClarity
Typography
Humor
Movement
Sound
Context
![Page 58: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/58.jpg)
Do thisClarity
Typography
Humor
Movement
Sound
Context
Differentiate
¡Muy importante!
![Page 59: The Devil is in the details - About the building blocks of a great user experience](https://reader034.vdocuments.net/reader034/viewer/2022051610/549e7c43b47959a5608b45e0/html5/thumbnails/59.jpg)
Thank you!
@andersliljedal@fm
Follow us, we are nice people
Question?Applause?Protests?