Future of Web Apps Bristol & Leeds presents "Making Your Interface Invisible" by Dan Rubin

1. Making Your
Interface Invisible
Bristol, June 2009
Dan Rubin
Sidebar Creative

2. Making Your Interface Invisible Bristol, June 2009
Hi!
Dan Rubin
superfluousbanter.org
@danrubin
Me, according to nGen works @ http://happywebbies.com/
©2009 Dan Rubin » http://sidebarcreative.com

3. Making Your Interface Invisible Bristol, June 2009
Web
Standards
Creativity
by Dan Rubin
(and 9
other guys)
©2009 Dan Rubin » http://sidebarcreative.com

4. Making Your Interface Invisible Bristol, June 2009
Pro CSS
Techniques
by Jeff Croft
Ian Lloyd
Dan Rubin
©2009 Dan Rubin » http://sidebarcreative.com

5. Making Your Interface Invisible Bristol, June 2009
What is an
invisible
interface?
©2009 Dan Rubin » http://sidebarcreative.com

6. Making Your Interface Invisible Bristol, June 2009
“Invisible”
doesn’t mean
“not there.”
©2009 Dan Rubin » http://sidebarcreative.com

7. Making Your Interface Invisible Bristol, June 2009
“The better the
design, the more
invisible It
becomes.”
— Jared M. Spool
©2009 Dan Rubin » http://sidebarcreative.com

8. Making Your Interface Invisible Bristol, June 2009
“What makes a
design visible is
the frustration it
brings.”
— Jared M. Spool
©2009 Dan Rubin » http://sidebarcreative.com

9. Making Your Interface Invisible Bristol, June 2009
Designing for
Intuition.
©2009 Dan Rubin » http://sidebarcreative.com

10. Making Your Interface Invisible Bristol, June 2009
Focus on the
Experience.
©2009 Dan Rubin » http://sidebarcreative.com

11. Making Your Interface Invisible Bristol, June 2009
Mimic
physical
interfaces.
©2009 Dan Rubin » http://sidebarcreative.com

12. Making Your Interface Invisible Bristol, June 2009
©2009 Dan Rubin » http://sidebarcreative.com

13. Making Your Interface Invisible Bristol, June 2009
Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)
©2009 Dan Rubin » http://sidebarcreative.com

14. Making Your Interface Invisible Bristol, June 2009
Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
©2009 Dan Rubin » http://sidebarcreative.com

15. Making Your Interface Invisible Bristol, June 2009
If your
interface needs
instructions...
©2009 Dan Rubin » http://sidebarcreative.com

16. Making Your Interface Invisible Bristol, June 2009
Redesign it.
©2009 Dan Rubin » http://sidebarcreative.com

17. Making Your Interface Invisible Bristol, June 2009
©2009 Dan Rubin » http://sidebarcreative.com

18. Making Your Interface Invisible Bristol, June 2009
©2009 Dan Rubin » http://sidebarcreative.com

19. Making Your Interface Invisible Bristol, June 2009
©2009 Dan Rubin » http://sidebarcreative.com

20. Making Your Interface Invisible Bristol, June 2009
©2009 Dan Rubin » http://sidebarcreative.com

21. Making Your Interface Invisible Bristol, June 2009
Intuitive
interfaces are
invisible.
©2009 Dan Rubin » http://sidebarcreative.com

22. Making Your Interface Invisible Bristol, June 2009
Learn from
the desktop.
©2009 Dan Rubin » http://sidebarcreative.com

23. Making Your Interface Invisible Bristol, June 2009
vs.
©2009 Dan Rubin » http://sidebarcreative.com

24. Making Your Interface Invisible Bristol, June 2009
Be consistent.
©2009 Dan Rubin » http://sidebarcreative.com

25. Making Your Interface Invisible Bristol, June 2009
Be Consistent:
Navigational
elements.
©2009 Dan Rubin » http://sidebarcreative.com

26. Making Your Interface Invisible Bristol, June 2009
Be Consistent:
Button style
and placement.
©2009 Dan Rubin » http://sidebarcreative.com

27. Making Your Interface Invisible Bristol, June 2009
Be Consistent:
Cursor
treatments.
©2009 Dan Rubin » http://sidebarcreative.com

28. Making Your Interface Invisible Bristol, June 2009
Resources
©2009 Dan Rubin » http://sidebarcreative.com

29. Making Your Interface Invisible Bristol, June 2009
Virtual
Great Designs Should Be Experienced and Not Seen –
Jared M. Spool
http://www.uie.com/articles/experiencedesign/
Physical
Don’t Make Me Think – Steve Krug
The Design of Everyday Things – Donald Norman
©2009 Dan Rubin » http://sidebarcreative.com

30. Making Your Interface Invisible Bristol, June 2009
fin.
slideshare.net/danrubin
twitter: @danrubin
©2009 Dan Rubin » http://sidebarcreative.com