making your-interface-invisible

28
Making Your Interface Invisible Leeds, May 2009 Dan Rubin Sidebar Creative

Upload: -

Post on 01-Nov-2014

314 views

Category:

Education


1 download

DESCRIPTION

http://noteandpoint.com/, http://presportal.ru/, http://presuniversity.com/ Портал Как сделать презентацию, Международная Высшая Школа Презентаций и Коммуникаций. Обучение презентациям. Тренинги по презентациям.

TRANSCRIPT

Page 1: Making your-interface-invisible

Making Your Interface Invisible

Leeds, May 2009

Dan RubinSidebar Creative

Page 2: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Me, according to nGen works @ http://happywebbies.com/

Hi!Dan Rubinsuperfluousbanter.org@danrubin

Page 3: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Web StandardsCreativity

Dan Rubin(and 9 other guys)

by

Page 4: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Pro CSSTechniques

Jeff CroftIan LloydDan Rubin

by

Page 5: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

What is an invisible interface?

Page 6: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

“Invisible” doesn’t mean “not there.”

Page 7: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

“The better the design, the more invisible It becomes.”

— Jared M. Spool

Page 8: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

“What makes a design visible is the frustration it brings.”

— Jared M. Spool

Page 9: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Designing for Intuition.

Page 10: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Focus on the Experience.

Page 11: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Mimic physical interfaces.

Page 12: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Page 13: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)

Page 14: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)

Page 15: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

If your interface needs instructions...

Page 16: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Redesign it.

Page 17: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Page 18: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Page 19: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Intuitive interfaces are invisible.

Page 20: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Learn fromthe desktop.

Page 21: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

vs.

Page 22: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Be consistent.

Page 23: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Navigational elements.

Be Consistent:

Page 24: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Button style and placement.

Be Consistent:

Page 25: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Cursor treatments.

Be Consistent:

Page 26: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

Resources

Page 27: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 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 28: Making your-interface-invisible

©2009 Dan Rubin » http://sidebarcreative.com

Making Your Interface Invisible Leeds, May 2009

fin.slideshare.net/danrubintwitter: @danrubin