Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...
-
Upload
bonnie-floyd -
Category
Documents
-
view
225 -
download
0
Transcript of Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...
![Page 1: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/1.jpg)
Juhan’s Weight vs Freq of Sex
![Page 2: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/2.jpg)
![Page 3: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/3.jpg)
lots of books on design guidelines, apis, usability, forms, css...
![Page 4: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/4.jpg)
We need an INTERFACE DESIGN field guide. for the craftsman
less words, more visualsreal examplesfreeconstantly evolving<100 pages
![Page 5: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/5.jpg)
DataLet data screamReality Bites
FeedbackPrototype like crazyPixel PerfectBitch! Loud and oftenEat your own dog foodDate your users
LayoutGrid itType less + less typeColor carefully
InteractionWhat interface?Repeat customers ROCKDeja vu all over again
••
•••••
•••
•••
INTERFACE DESIGN TENETS
![Page 6: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/6.jpg)
Let data
scream
![Page 7: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/7.jpg)
Just say no.
Ink and lines screamData disappearsLow data-to-ink ratio
![Page 8: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/8.jpg)
Clear, data-dense display
NYTimes
![Page 9: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/9.jpg)
![Page 10: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/10.jpg)
38%
![Page 11: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/11.jpg)
http://regex.info/i/LightroomIchigo.jpg
![Page 12: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/12.jpg)
Fake data = fake design
Use real dataBan Lorem Ipsum
Text is InterfaceDon’t fake it
![Page 13: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/13.jpg)
What interface?
![Page 14: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/14.jpg)
Manipulate the data, not the interface
Over time, you don’t notice the interface
What interface?
![Page 15: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/15.jpg)
Repeat customers ROCK
![Page 16: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/16.jpg)
Make a service ROCK:
for the repeat, more experienced user,
for the novice, and finally
for inexperienced users.
1st
2nd
3rd
you want experienced users to:• tell their friends about it• demand other services to hook into it• make their work products better• make users happy (by being efficient)• purchase upgrades, future products
![Page 17: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/17.jpg)
Users’ voice is a part of Design... whether you like it or not.
Learn to bitchLearn to listen
Loud and often
Bitch!
![Page 18: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/18.jpg)
Bitch! Loud and oftenRescue Time
![Page 19: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/19.jpg)
Health
Open sourceEnergy
Voting
![Page 20: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/20.jpg)
Interface to Energy
Out of sight, out of mind
photo by Adventure Ken
![Page 21: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/21.jpg)
![Page 22: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/22.jpg)
DataLet data screamReality Bites
FeedbackPrototype like crazyPixel PerfectBitch! Loud and oftenEat your own dog foodDate your users
LayoutGrid itType less + less typeColor carefully
InteractionWhat interface?Repeat customers ROCKDeja vu all over again
••
•••••
•••
•••
INTERFACE DESIGN TENETS
![Page 23: Juhan’s Weight vs Freq of Sex. lots of books on design guidelines, apis, usability, forms, css...](https://reader035.fdocuments.net/reader035/viewer/2022062305/5697c0211a28abf838cd291a/html5/thumbnails/23.jpg)
interfacedesigntenets.wikia.org
Juhan [email protected]
BE A CO-AUTHOR
Chris JohnsonPaul KroftMike NosalJenn ReedHarry SleeperJuhan SoninBrian Staats