Your SlideShare is downloading. ×
0
Making Your
Interface Invisible
           Bristol, June 2009

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




   Hi!
    Dan Rubin
    superfluousbanter.org
    @danrubin




  ...
Making Your Interface Invisible Bristol, June 2009




      Web
      Standards
      Creativity
       by Dan Rubin
    ...
Making Your Interface Invisible Bristol, June 2009




      Pro CSS
      Techniques
       by Jeff Croft
          Ian L...
Making Your Interface Invisible Bristol, June 2009




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




   “Invisible”
   doesn’t mean
   “not there.”
©2009 Dan Rubin » ht...
Making Your Interface Invisible Bristol, June 2009




   “The better the
   design, the more
   invisible It
   becomes.”...
Making Your Interface Invisible Bristol, June 2009




   “What makes a
   design visible is
   the frustration it
   brin...
Making Your Interface Invisible Bristol, June 2009




   Designing for
   Intuition.

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




   Focus on the
   Experience.

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




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




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




                                                Photo: Pascal Monts...
Making Your Interface Invisible Bristol, June 2009




                                                Photo: Ivaylo Georg...
Making Your Interface Invisible Bristol, June 2009




   If your
   interface needs
   instructions...
©2009 Dan Rubin » ...
Making Your Interface Invisible Bristol, June 2009




   Redesign it.

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




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




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




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




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




   Intuitive
   interfaces are
   invisible.
©2009 Dan Rubin » http...
Making Your Interface Invisible Bristol, June 2009




   Learn from
   the desktop.

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




                                               vs.


©2009 Dan Rubi...
Making Your Interface Invisible Bristol, June 2009




   Be consistent.

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




    Be Consistent:

   Navigational
   elements.

©2009 Dan Rubin »...
Making Your Interface Invisible Bristol, June 2009




    Be Consistent:

   Button style
   and placement.

©2009 Dan Ru...
Making Your Interface Invisible Bristol, June 2009




    Be Consistent:

   Cursor
   treatments.

©2009 Dan Rubin » htt...
Making Your Interface Invisible Bristol, June 2009




     Resources

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




     Virtual
     Great Designs Should Be Experienced and Not Seen ...
Making Your Interface Invisible Bristol, June 2009




   fin.
   slideshare.net/danrubin
   twitter: @danrubin




©2009 ...
Upcoming SlideShare
Loading in...5
×

FOWA Bristol/ Leeds- Dan Rubin

3,375

Published on

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

Published in: Sports, Travel
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,375
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
22
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Transcript of "FOWA Bristol/ Leeds- Dan Rubin"

  1. 1. Making Your Interface Invisible Bristol, June 2009 Dan Rubin Sidebar Creative
  2. 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. 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. 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. 5. Making Your Interface Invisible Bristol, June 2009 What is an invisible interface? ©2009 Dan Rubin » http://sidebarcreative.com
  6. 6. Making Your Interface Invisible Bristol, June 2009 “Invisible” doesn’t mean “not there.” ©2009 Dan Rubin » http://sidebarcreative.com
  7. 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. 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. 9. Making Your Interface Invisible Bristol, June 2009 Designing for Intuition. ©2009 Dan Rubin » http://sidebarcreative.com
  10. 10. Making Your Interface Invisible Bristol, June 2009 Focus on the Experience. ©2009 Dan Rubin » http://sidebarcreative.com
  11. 11. Making Your Interface Invisible Bristol, June 2009 Mimic physical interfaces. ©2009 Dan Rubin » http://sidebarcreative.com
  12. 12. Making Your Interface Invisible Bristol, June 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  13. 13. Making Your Interface Invisible Bristol, June 2009 Photo: Pascal Montsma (http://www.sxc.hu/photo/230015) ©2009 Dan Rubin » http://sidebarcreative.com
  14. 14. Making Your Interface Invisible Bristol, June 2009 Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359) ©2009 Dan Rubin » http://sidebarcreative.com
  15. 15. Making Your Interface Invisible Bristol, June 2009 If your interface needs instructions... ©2009 Dan Rubin » http://sidebarcreative.com
  16. 16. Making Your Interface Invisible Bristol, June 2009 Redesign it. ©2009 Dan Rubin » http://sidebarcreative.com
  17. 17. Making Your Interface Invisible Bristol, June 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  18. 18. Making Your Interface Invisible Bristol, June 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  19. 19. Making Your Interface Invisible Bristol, June 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  20. 20. Making Your Interface Invisible Bristol, June 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  21. 21. Making Your Interface Invisible Bristol, June 2009 Intuitive interfaces are invisible. ©2009 Dan Rubin » http://sidebarcreative.com
  22. 22. Making Your Interface Invisible Bristol, June 2009 Learn from the desktop. ©2009 Dan Rubin » http://sidebarcreative.com
  23. 23. Making Your Interface Invisible Bristol, June 2009 vs. ©2009 Dan Rubin » http://sidebarcreative.com
  24. 24. Making Your Interface Invisible Bristol, June 2009 Be consistent. ©2009 Dan Rubin » http://sidebarcreative.com
  25. 25. Making Your Interface Invisible Bristol, June 2009 Be Consistent: Navigational elements. ©2009 Dan Rubin » http://sidebarcreative.com
  26. 26. Making Your Interface Invisible Bristol, June 2009 Be Consistent: Button style and placement. ©2009 Dan Rubin » http://sidebarcreative.com
  27. 27. Making Your Interface Invisible Bristol, June 2009 Be Consistent: Cursor treatments. ©2009 Dan Rubin » http://sidebarcreative.com
  28. 28. Making Your Interface Invisible Bristol, June 2009 Resources ©2009 Dan Rubin » http://sidebarcreative.com
  29. 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. 30. Making Your Interface Invisible Bristol, June 2009 fin. slideshare.net/danrubin twitter: @danrubin ©2009 Dan Rubin » http://sidebarcreative.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×