user experience - a mobile journey into the human mind

69
User eXperience - A Mobile Journey into the Human Mind Logic will get you from A to B. Imagination will get you anywhere. - Albert Einstein

Upload: codebyts

Post on 03-Jul-2015

1.136 views

Category:

Technology


0 download

DESCRIPTION

My presentation at Mobile Camp Oz. Borrowing ideas from the User eXperience presentation but with a mobile twist.

TRANSCRIPT

Page 1: User eXperience - A Mobile Journey into the Human Mind

User eXperience - A Mobile Journey into the Human MindLogic will get you from A to B. Imagination will get you anywhere.

- Albert Einstein

Page 2: User eXperience - A Mobile Journey into the Human Mind

TJChief Software Architect -

codebyts

Page 3: User eXperience - A Mobile Journey into the Human Mind

User eXperienceSimplicity

Page 4: User eXperience - A Mobile Journey into the Human Mind

In software world, although UX is related to user interfaces, it goes beyond that.

Page 5: User eXperience - A Mobile Journey into the Human Mind

It’s about making things easier for the user

Page 6: User eXperience - A Mobile Journey into the Human Mind

It’s about making things simpler for the user

Page 7: User eXperience - A Mobile Journey into the Human Mind

… without confusing the user

Page 8: User eXperience - A Mobile Journey into the Human Mind

… or over engineering the solution

Page 9: User eXperience - A Mobile Journey into the Human Mind

It’s about understanding the human-nature

Page 10: User eXperience - A Mobile Journey into the Human Mind

… and psychology

Page 11: User eXperience - A Mobile Journey into the Human Mind

It’s about understanding the human behaviour

Page 12: User eXperience - A Mobile Journey into the Human Mind

User eXperiencePerception

Page 13: User eXperience - A Mobile Journey into the Human Mind

we perceive what we expect

Page 14: User eXperience - A Mobile Journey into the Human Mind

we expect based on past experiences

Page 15: User eXperience - A Mobile Journey into the Human Mind

we expect things that are different to be presented different

Page 16: User eXperience - A Mobile Journey into the Human Mind

we expect things to appear logical and get lost if they don’t

Page 17: User eXperience - A Mobile Journey into the Human Mind

we are programmed to push big buttons

Page 18: User eXperience - A Mobile Journey into the Human Mind

shortest gap of silence we can detect in a sound : 1 millisecond (0.001 second )

Page 19: User eXperience - A Mobile Journey into the Human Mind

perception of cause and effect: 100 milliseconds (0.1 second)

Page 20: User eXperience - A Mobile Journey into the Human Mind

maximum gap expected in a conversation: 1 second

Page 21: User eXperience - A Mobile Journey into the Human Mind

User eXperienceVision

Page 22: User eXperience - A Mobile Journey into the Human Mind

we love structure

Page 23: User eXperience - A Mobile Journey into the Human Mind

… and grouping

Page 24: User eXperience - A Mobile Journey into the Human Mind

… and completion

Page 25: User eXperience - A Mobile Journey into the Human Mind

… and did we say structure?

Page 26: User eXperience - A Mobile Journey into the Human Mind

… and did we say structure?

Page 27: User eXperience - A Mobile Journey into the Human Mind

User eXperienceText and Fonts and Rock and Roll

Page 28: User eXperience - A Mobile Journey into the Human Mind

Uncommon or unfamiliar vocabulary

This is a sample text

Page 29: User eXperience - A Mobile Journey into the Human Mind

noisy background

Page 30: User eXperience - A Mobile Journey into the Human Mind

centered text

Page 31: User eXperience - A Mobile Journey into the Human Mind

Understandable language

Page 32: User eXperience - A Mobile Journey into the Human Mind

User eXperienceBringing It All Together

Page 33: User eXperience - A Mobile Journey into the Human Mind

Less is more

Page 34: User eXperience - A Mobile Journey into the Human Mind

Jeep - 2002

Page 35: User eXperience - A Mobile Journey into the Human Mind

Jeep - 2003

Page 36: User eXperience - A Mobile Journey into the Human Mind

Jeep - 2007

Page 37: User eXperience - A Mobile Journey into the Human Mind

Less is more (before)

Page 38: User eXperience - A Mobile Journey into the Human Mind

Less is more (after)

Page 39: User eXperience - A Mobile Journey into the Human Mind

Think outside of the box (before)

Page 40: User eXperience - A Mobile Journey into the Human Mind

Think outside of the box (after)

Page 41: User eXperience - A Mobile Journey into the Human Mind

User eXperienceYour Users

Page 42: User eXperience - A Mobile Journey into the Human Mind

Experts

Page 43: User eXperience - A Mobile Journey into the Human Mind

Willing Adopters

Page 44: User eXperience - A Mobile Journey into the Human Mind

Mainstreamers

Page 45: User eXperience - A Mobile Journey into the Human Mind

User eXperienceUser Experience is about Control

Page 46: User eXperience - A Mobile Journey into the Human Mind

Control, control, control

Page 47: User eXperience - A Mobile Journey into the Human Mind

simple means the user is in control

Page 48: User eXperience - A Mobile Journey into the Human Mind

Easy navigation is preferable to search

Page 49: User eXperience - A Mobile Journey into the Human Mind

User eXperienceDesign for the Mobile

Page 50: User eXperience - A Mobile Journey into the Human Mind

The comfort zone for the thumb

Page 51: User eXperience - A Mobile Journey into the Human Mind

The comfort zone for the thumb

Page 52: User eXperience - A Mobile Journey into the Human Mind

Right-handed vs. Left-Handed design

Page 53: User eXperience - A Mobile Journey into the Human Mind

Bigger buttons tell the user what’s important

Page 54: User eXperience - A Mobile Journey into the Human Mind

Size of fingertip is 44 pixels (source: Apple)

Page 55: User eXperience - A Mobile Journey into the Human Mind

Following the 44-pixel rule

Page 56: User eXperience - A Mobile Journey into the Human Mind

Top to bottom design

Page 57: User eXperience - A Mobile Journey into the Human Mind

Scrolls are bad… well, sometimes.

Page 58: User eXperience - A Mobile Journey into the Human Mind

Divide scrollable info into multiple non-scrollable screens

Page 59: User eXperience - A Mobile Journey into the Human Mind

If you can break up the information, break it up.

Page 60: User eXperience - A Mobile Journey into the Human Mind

Even if you use scrolling, the interface should be clear.

Page 61: User eXperience - A Mobile Journey into the Human Mind

Design to avoid confirmations

Page 62: User eXperience - A Mobile Journey into the Human Mind

Avoid confusion by using publicly accepted images on buttons

Page 63: User eXperience - A Mobile Journey into the Human Mind

App’s Personality

Page 64: User eXperience - A Mobile Journey into the Human Mind

More info

Page 65: User eXperience - A Mobile Journey into the Human Mind

Please express interest by filling out a form, talking to TJ or visiting www.codebyts.com

Day of the Hybrid

• Design Course for the Developers• Detailed Human Psychological Analysis• Design Focus on different platforms individually (iOS, Android, WM7)• Tools of the trade• 1 day• Starts after June 2011

Page 66: User eXperience - A Mobile Journey into the Human Mind

Please express interest by filling out a form, talking to TJ or visiting www.codebyts.com

MonoTouch - MonoDroid

• Mono technologies course with 2 different tracks• MonoTouch for iOS Development• MonoDroid for Android Development

• 3 days• Starts on beg July 2011

Page 67: User eXperience - A Mobile Journey into the Human Mind

Please express interest by filling out a form, talking to TJ or visiting www.codebyts.com

WM7

• Build WM7 applications with Silverlight• Focus on standard out of the box and Telerik WM7 controls• 3 days• Starts on beg June 2011

Page 68: User eXperience - A Mobile Journey into the Human Mind

tjsblog.net

[email protected]

@tjgokcen (twitter)

Questions?

Page 69: User eXperience - A Mobile Journey into the Human Mind