technovation - intro to ux

15
2LinesSoftware 1 UX DESIGN Breaking through the walls John Carpenter, PEng.

Upload: john-carpenter

Post on 11-Apr-2017

130 views

Category:

Design


1 download

TRANSCRIPT

2LinesSoftware

1

UX

DESIGNBreaking through the wallsJohn Carpenter, PEng.

2LinesSoftware

2

Doors Doors

2LinesSoftware

3

Optimal way to get from one side of a wall to the other

2LinesSoftware

4

2LinesSoftware

5

2LinesSoftware

6

2LinesSoftware

7

UX

Make design choices that help users to their goal

2LinesSoftware

8

Five Design Rules

01

02 04

03 05Visibility

Feedback

Affordance

Constraints

Consistency

2LinesSoftware

9

Can the user find what they need?

01Visibility

Does your design hide it? Or should it?

2LinesSoftware

10

How does the user know something is happening?

02Feedback

Follow the 0.1-1-10 Rule

2LinesSoftware

11

Is their use intuitive?

03Affordance

Do your components hint to their usage.

2LinesSoftware

12

Convention over Cute

04Constraints

Don’t interrupt the user

2LinesSoftware

1305Consistency

Follow Design Guidelines

Jakobs Law, users will spend most of their time with other apps.

Follow Design Guidelines

2LinesSoftware

14

material.io Google Material Design

Resources

developer.apple.com iOS Human Interface Guidelines

smashingmagazine.com UX Magazine

dribbble.com Design Ideas

2LinesSoftware

15

[email protected]

medium.com/@johncarpenter

@johncarpenter