obvious user interface

26
Obvious UI Understanding how critical and obvious the right interface needs to be. MODE EFFECT

Upload: cody-landefeld

Post on 20-Feb-2017

627 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Obvious User Interface

Obvious UIUnderstanding how critical and obvious

the right interface needs to be.

MODE EFFECT

Page 2: Obvious User Interface

A Story about a

A Critical User Interface

@codyL #wclax

Page 3: Obvious User Interface

Taken from medium.com

Page 4: Obvious User Interface

What if bad UI resulted in a major disaster?

Page 5: Obvious User Interface

What solution could a good

User Interface

provide in this critical case?

@codyL #wclax

Page 6: Obvious User Interface

Confusion over what is

User Interface

@codyL #wclax

Page 7: Obvious User Interface

User interface is not User Experience.

UI is the saddle, the stirrups, and the reigns.

UX is the feeling you get being able to ride the horse, and rope your cattle.

(from webdesignerdepot.com)

@codyL #wclax

Page 8: Obvious User Interface

Image from vmturbo.com

Page 9: Obvious User Interface

User interface isn’t always design.

The best user interface is no user interface at all…

@codyL #wclax

Page 10: Obvious User Interface

What’s the definition of User Interface?

User interface is where users and systems interact producing an end result.

@codyL #wclax

Page 11: Obvious User Interface

Do you remember the last time you used a website or an object with a screen and didn’t

notice the interface?

@codyL #wclax

Page 12: Obvious User Interface
Page 13: Obvious User Interface
Page 14: Obvious User Interface

How many clicks does it take to get to the destination?

Do buttons look like buttons?

Do I know intuitively what to do next by just seeing the UI?

@codyL #wclax

Page 15: Obvious User Interface

Why is UI important for the web & other screens?

Because we need to do really important things regarding our life and do them more efficiently.

@codyL #wclax

Page 16: Obvious User Interface
Page 17: Obvious User Interface
Page 18: Obvious User Interface
Page 19: Obvious User Interface
Page 20: Obvious User Interface

What about accessibility for User Interfaces?

@codyL #wclax

Page 21: Obvious User Interface

What about color-blind users?

Blind users or elderly users?

@codyL #wclax

Page 22: Obvious User Interface

What if bad UI resulted in a major disaster?

for colorblind users

Page 23: Obvious User Interface

What if bad UI resulted in a major disaster?

for accessibility challenged users

Page 24: Obvious User Interface

How can you create a good user interface?

Hire a good designer who designs for the web.

Use a theme that has been critiqued in-depth.

Ask for help. Know your weaknesses.

@codyL #wclax

Page 25: Obvious User Interface

In conclusion…

User interface is not user experience.

User interface isn’t always design.

The definition of user interface.

Why user interface for the web is important.

How to create good user interface.

@codyL #wclax

Page 26: Obvious User Interface

What if bad UI resulted in a major disaster?

Cody LandefeldFounder at Mode Effect

modeeffect.com @codyL