Tools for Mobile UX Design

Post on 13-May-2015

1.892 views 2 download

Tags:

description

Presented at ConveyUX in Seattle, 7 Feb 2014 There is a gap between the most discussed and trendy practices in design, and the way many UX professional do their work. Sketching in the browser is fine for those who only design websites (and have a coding background) but what about apps, messaging, services and systems? In this workshop Steven will outline some of the basic principles of good tools, and demonstrate with simple hands-on exercises how to use your existing software, and other simple techniques to design for multiple screen sizes, multiple contexts and every platform. You will learn: - How to consider scale, and really understand portability and touch. - Design with adaptive and responsive needs in mind. - Specifying design, so UX speaks the language of implementation. - Service and systems design techniques. - Quick techniques to assure that your designs will work in context.

Transcript of Tools for Mobile UX Design

1

@shoobe01#ConveyUX

Tools for Mobile UX DesignEmpathy, ecosystems, and scale

@shoobe01#ConveyUX

2

@shoobe01#ConveyUX@shoobe01#ConveyUX

3

@shoobe01#ConveyUX

4

@shoobe01#ConveyUX

5

@shoobe01#ConveyUX@shoobe01#ConveyUX

6

@shoobe01#ConveyUX

Understand user context.

7

@shoobe01#ConveyUX

To design mobile:

• Don’t draw• Ecosystems first• Experience mobile daily• Work at scale• Annotate, describe, understand• Evaluate, and validate

8

@shoobe01#ConveyUX

First: don’t draw.

9

@shoobe01#ConveyUX

Define, then design.

10

@shoobe01#ConveyUX@shoobe01#ConveyUX

11

@shoobe01#ConveyUX

11

@shoobe01#ConveyUX

12

@shoobe01#ConveyUX@shoobe01#ConveyUX

13

@shoobe01#ConveyUX

14

@shoobe01#ConveyUX

15

@shoobe01#ConveyUX

Ecosystems first.

16

@shoobe01#ConveyUX@shoobe01#ConveyUX

17

@shoobe01#ConveyUX

Is there an ecosystem developer in the house?

18

@shoobe01#ConveyUX

Experience mobile daily.

19

@shoobe01#ConveyUX

Thing

@shoobe01#ConveyUX

20

@shoobe01#ConveyUX

Work at scale.

21

@shoobe01#ConveyUX@shoobe01#ConveyUX

22

@shoobe01#ConveyUX

23

@shoobe01#ConveyUX

24

@shoobe01#ConveyUX

Describe to understand.

25

@shoobe01#ConveyUX

Sharpie® == opportunity.

26

@shoobe01#ConveyUX

27

@shoobe01#ConveyUX

28

@shoobe01#ConveyUX

Evaluate.

29

@shoobe01#ConveyUX

Quickest evaluation:

• Does the IA make sense?• What about errors?• What happy path?• Are you lying?

30

@shoobe01#ConveyUX

31

@shoobe01#ConveyUX

Whatever works.

32

@shoobe01#ConveyUX

Contact me for consulting, design, to

follow up on this deck, or just to talk:

Steven Hoober

steven@4ourth.com

+1 816 210 045

@shoobe01

shoobe01 on:

www.4ourth.com