fowa bristol/ leeds- dan rubin

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

Post on 18-Oct-2014

4.994 views

Category:

Sports


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: FOWA Bristol/ Leeds- Dan Rubin

Making Your Interface Invisible

Bristol, June 2009

Dan RubinSidebar Creative

Page 2: FOWA Bristol/ Leeds- Dan Rubin

©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: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Web StandardsCreativity

Dan Rubin(and 9 other guys)

by

Page 4: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Pro CSSTechniques

Jeff CroftIan LloydDan Rubin

by

Page 5: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

What is an invisible interface?

Page 6: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

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

Page 7: FOWA Bristol/ Leeds- Dan Rubin

©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: FOWA Bristol/ Leeds- Dan Rubin

©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: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Designing for Intuition.

Page 10: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Focus on the Experience.

Page 11: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Mimic physical interfaces.

Page 12: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Page 13: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

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

Page 14: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

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

Page 15: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

If your interface needs instructions...

Page 16: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Redesign it.

Page 17: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Page 18: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Page 19: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Page 20: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Page 21: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Intuitive interfaces are invisible.

Page 22: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Learn fromthe desktop.

Page 23: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

vs.

Page 24: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Be consistent.

Page 25: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Navigational elements.

Be Consistent:

Page 26: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Button style and placement.

Be Consistent:

Page 27: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Cursor treatments.

Be Consistent:

Page 28: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

Resources

Page 29: FOWA Bristol/ Leeds- Dan Rubin

©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: FOWA Bristol/ Leeds- Dan Rubin

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

Making Your Interface Invisible Bristol, June 2009

fin.slideshare.net/danrubintwitter: @danrubin