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

Technovation - Intro to UX

Apr 11, 2017

Download

Design

John Carpenter
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Technovation - Intro to UX

2LinesSoftware

1

UX

DESIGNBreaking through the wallsJohn Carpenter, PEng.

Page 2: Technovation - Intro to UX

2LinesSoftware

2

Doors Doors

Page 3: Technovation - Intro to UX

2LinesSoftware

3

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

Page 4: Technovation - Intro to UX

2LinesSoftware

4

Page 5: Technovation - Intro to UX

2LinesSoftware

5

Page 6: Technovation - Intro to UX

2LinesSoftware

6

Page 7: Technovation - Intro to UX

2LinesSoftware

7

UX

Make design choices that help users to their goal

Page 8: Technovation - Intro to UX

2LinesSoftware

8

Five Design Rules

01

02 04

03 05Visibility

Feedback

Affordance

Constraints

Consistency

Page 9: Technovation - Intro to UX

2LinesSoftware

9

Can the user find what they need?

01Visibility

Does your design hide it? Or should it?

Page 10: Technovation - Intro to UX

2LinesSoftware

10

How does the user know something is happening?

02Feedback

Follow the 0.1-1-10 Rule

Page 11: Technovation - Intro to UX

2LinesSoftware

11

Is their use intuitive?

03Affordance

Do your components hint to their usage.

Page 12: Technovation - Intro to UX

2LinesSoftware

12

Convention over Cute

04Constraints

Don’t interrupt the user

Page 13: Technovation - Intro to UX

2LinesSoftware

1305Consistency

Follow Design Guidelines

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

Follow Design Guidelines

Page 14: Technovation - Intro to UX

2LinesSoftware

14

material.io Google Material Design

Resources

developer.apple.com iOS Human Interface Guidelines

smashingmagazine.com UX Magazine

dribbble.com Design Ideas

Page 15: Technovation - Intro to UX

2LinesSoftware

15

[email protected]

medium.com/@johncarpenter

@johncarpenter