fundamentals of mobile ux - a light introducion

51
19/04/2015 FUNDAMENTALS OF MOBILE UX KEVIN CANNON DUBLIN CITY UNIVERSITY 26/MARCH/2015

Upload: kevin-cannon

Post on 18-Jul-2015

905 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Fundamentals of Mobile UX - A light introducion

19/04/2015

FUNDAMENTALS OF MOBILE UX

KEVIN CANNON DUBLIN CITY UNIVERSITY

26/MARCH/2015

Page 2: Fundamentals of Mobile UX - A light introducion

1. INTRODUCTION 2. FUNDAMENTALS 3. THE EXPERIENCE 4. KNOW YOUR USERS

Page 3: Fundamentals of Mobile UX - A light introducion

INTRODUCTION

Page 4: Fundamentals of Mobile UX - A light introducion

INTERACTION DESIGNER @ FROG DESIGNKEVIN CANNON

@MULTIKEV

Page 5: Fundamentals of Mobile UX - A light introducion

TECHNOLOGYDESIGN

PSYCHOLOGY

Page 6: Fundamentals of Mobile UX - A light introducion

THE FUNDAMENTALS

Page 7: Fundamentals of Mobile UX - A light introducion

CONSISTENCY CONTRAST GROUPING

FOCUS

Page 8: Fundamentals of Mobile UX - A light introducion

CONSISTENCY

Page 9: Fundamentals of Mobile UX - A light introducion
Page 10: Fundamentals of Mobile UX - A light introducion

CONTRAST

Page 11: Fundamentals of Mobile UX - A light introducion
Page 12: Fundamentals of Mobile UX - A light introducion
Page 13: Fundamentals of Mobile UX - A light introducion

Other Actions

Main Area

Page 14: Fundamentals of Mobile UX - A light introducion

HIERARCHY

Page 15: Fundamentals of Mobile UX - A light introducion
Page 16: Fundamentals of Mobile UX - A light introducion

2

1

3

Page 17: Fundamentals of Mobile UX - A light introducion

2

1

3

Page 18: Fundamentals of Mobile UX - A light introducion

PRIMARY ACTION SECONDARY ACTION

TERTIARY ACTIONS

Page 19: Fundamentals of Mobile UX - A light introducion

GROUPING

Page 20: Fundamentals of Mobile UX - A light introducion
Page 21: Fundamentals of Mobile UX - A light introducion

?

?

Page 22: Fundamentals of Mobile UX - A light introducion
Page 23: Fundamentals of Mobile UX - A light introducion

METAPHOR

Page 24: Fundamentals of Mobile UX - A light introducion

FOCUS

Page 25: Fundamentals of Mobile UX - A light introducion

ASK WHAT YOU CAN TAKE OUT, NOT WHAT YOU CAN PUT IN.

Page 26: Fundamentals of Mobile UX - A light introducion

From: Designing Interactions, Bill Moggridge, 2007, ISBN 978-0262134743

Page 27: Fundamentals of Mobile UX - A light introducion

http://www.flickr.com/photos/thedalogs/3196553836/

Page 28: Fundamentals of Mobile UX - A light introducion

Simple Flexible

Risk!

Page 29: Fundamentals of Mobile UX - A light introducion

Simple Flexible

Risk!

Page 30: Fundamentals of Mobile UX - A light introducion

Beginner Expert

Frequent

In-frequent

Page 31: Fundamentals of Mobile UX - A light introducion

Frequent

In-frequent

??

??

Beginner Expert

Page 32: Fundamentals of Mobile UX - A light introducion

Frequent

In-frequent

AEROPLANE COCKPITLOCK & KEY

Beginner Expert

FIRE EXTINGUISHER NUCLEAR POWER PLANT EMERGENCY MANUAL

Page 33: Fundamentals of Mobile UX - A light introducion

GOOD IDEAS YOU SHOULDN’T DOGOOD IDEAS BAD IDEAS

Page 34: Fundamentals of Mobile UX - A light introducion

ERGONOMICS

Page 35: Fundamentals of Mobile UX - A light introducion
Page 36: Fundamentals of Mobile UX - A light introducion
Page 37: Fundamentals of Mobile UX - A light introducion
Page 38: Fundamentals of Mobile UX - A light introducion
Page 39: Fundamentals of Mobile UX - A light introducion

THE EXPERIENCE

Page 40: Fundamentals of Mobile UX - A light introducion

CONTEXT AWARE

Page 41: Fundamentals of Mobile UX - A light introducion
Page 42: Fundamentals of Mobile UX - A light introducion
Page 43: Fundamentals of Mobile UX - A light introducion

THINK ABOUT THE FULL LIFE CYCLE OF YOUR APP

AWARENESS USAGE END

MARKETPLACE APP SITE APP ICON

REPUTATION REVIEWS

STOP USE DELETION

RATING WORD-OF-MOUTH

FIRST USE SUPPORT

NEW FEATURES UPDATE CYCLES

Page 44: Fundamentals of Mobile UX - A light introducion

DEFINE CLEAR GOALS

What it is?

An app to help people save money.

How can people do that?

Track what they spend money on.

How you want them to feel?

Feel in control of their spending.

What it is not?

Not a budget planner or manager.

Page 45: Fundamentals of Mobile UX - A light introducion

GENTLE ALARM CLOCK APP

Page 46: Fundamentals of Mobile UX - A light introducion

TALK TO PEOPLE

Page 47: Fundamentals of Mobile UX - A light introducion

CARD SORTING

Page 48: Fundamentals of Mobile UX - A light introducion

CONCEPT VALIDATION

Page 49: Fundamentals of Mobile UX - A light introducion

USER TESTING

Page 50: Fundamentals of Mobile UX - A light introducion

1. GET THE BASICS DOWN 2. CURATE THE EXPERIENCE 3. UNDERSTAND YOUR USER

Page 51: Fundamentals of Mobile UX - A light introducion

THANKS!

KEVIN CANNON @MULTIKEV