making your interface invisible - fowa tour 2009 - bristol
DESCRIPTION
A short session (~30 minutes) for Carsonified's FOWA Tour.Application design is about the experience: allowing users to perform specific tasks quickly and easily. When this is done correctly, the interface becomes transparent — users only notice your application's interface when it gets in their way.By taking cues from the world of product design, and testing with real people throughout the design process, we can create interfaces that users never even notice.TRANSCRIPT
![Page 1: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/1.jpg)
Making Your Interface Invisible
Bristol, June 2009
Dan RubinSidebar Creative
![Page 2: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/2.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Me, according to nGen works @ http://happywebbies.com/
Hi!Dan Rubinsuperfluousbanter.org@danrubin
![Page 3: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/3.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Web StandardsCreativity
Dan Rubin(and 9 other guys)
by
![Page 4: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/4.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Pro CSSTechniques
Jeff CroftIan LloydDan Rubin
by
![Page 5: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/5.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
What is an invisible interface?
![Page 6: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/6.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
“Invisible” doesn’t mean “not there.”
![Page 7: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/7.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
“The better the design, the more invisible It becomes.”
— Jared M. Spool
![Page 8: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/8.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
“What makes a design visible is the frustration it brings.”
— Jared M. Spool
![Page 9: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/9.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Designing for Intuition.
![Page 10: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/10.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Focus on the Experience.
![Page 11: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/11.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Mimic physical interfaces.
![Page 12: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/12.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
![Page 13: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/13.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)
![Page 14: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/14.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
![Page 15: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/15.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
If your interface needs instructions...
![Page 16: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/16.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Redesign it.
![Page 17: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/17.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
![Page 18: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/18.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
![Page 19: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/19.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
![Page 20: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/20.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
![Page 21: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/21.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Intuitive interfaces are invisible.
![Page 22: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/22.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Learn fromthe desktop.
![Page 23: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/23.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
vs.
![Page 24: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/24.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Be consistent.
![Page 25: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/25.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Navigational elements.
Be Consistent:
![Page 26: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/26.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Button style and placement.
Be Consistent:
![Page 27: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/27.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Cursor treatments.
Be Consistent:
![Page 28: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/28.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
Resources
![Page 29: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/29.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
VirtualGreat Designs Should Be Experienced and Not Seen –
Jared M. Spoolhttp://www.uie.com/articles/experiencedesign/
PhysicalDon’t Make Me Think – Steve Krug
The Design of Everyday Things – Donald Norman
![Page 30: Making Your Interface Invisible - FOWA Tour 2009 - Bristol](https://reader034.vdocuments.net/reader034/viewer/2022051608/5456f337b1af9fc15d8b474c/html5/thumbnails/30.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Making Your Interface Invisible Bristol, June 2009
fin.slideshare.net/danrubintwitter: @danrubin