vince baskerville: designing an awesome mobile user experience

36
UXD 27 27 18 38 4

Upload: appcelerator-inc

Post on 13-Jun-2015

531 views

Category:

Technology


0 download

DESCRIPTION

This presentation will give an overview of some of the many accepted methods of creating a great User Experience on mobile devices. While developing an application for a mobile device, we recognize many of the ‘physical’ differences, ie. a smaller visual real estate, size of text and buttons, etc but we should be cognizant of creating a great experience too. Designing for mobile devices brings some unique situations and challenges, it requires a strategic approach for the User Experience (UX) and User Interface (UI) composition. This presentation will talk about current trends, challenges, tips to take advantage of while working with Titanium. What to Expect: - Using .jss - Use-cases for animations - Tips on keeps things simple - User Interface & User Experience tips - Buttons!! - Lessons Learned Vince Baskerville is VP of Production at TripLingo.

TRANSCRIPT

Page 1: Vince Baskerville: Designing an Awesome Mobile User Experience

UXD

27

2718

38

4

Page 2: Vince Baskerville: Designing an Awesome Mobile User Experience

DESIGNING AN AWESOME MOBILE USER EXPERIENCE : |

W/ APPCELERATOR TITANIUM

Page 3: Vince Baskerville: Designing an Awesome Mobile User Experience

WHAT UXD

IS!+=

Page 4: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

USER EXPERIENCE DESIGN (UXD) - .

, ,

Page 5: Vince Baskerville: Designing an Awesome Mobile User Experience

!confusion and clutter are the failure of design, not

the attributes of information."-EDWARD TUFTE

VINCENT BASKERVILLE | VP OF PRODUCTION

Page 6: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

1. 2. 3. ' 4. ; 5.

Page 7: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

,

.

Page 8: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

 

Page 9: Vince Baskerville: Designing an Awesome Mobile User Experience

CURRENT

TRENDS

Page 10: Vince Baskerville: Designing an Awesome Mobile User Experience

CONVERTERBOT

VINCENT BASKERVILLE | VP OF PRODUCTION

Page 11: Vince Baskerville: Designing an Awesome Mobile User Experience

LATE NIGHT*

VINCENT BASKERVILLE | VP OF PRODUCTION

• -

Page 12: Vince Baskerville: Designing an Awesome Mobile User Experience

FOURSQUARE

VINCENT BASKERVILLE | VP OF PRODUCTION

• ,

Page 13: Vince Baskerville: Designing an Awesome Mobile User Experience

WUNDERLIST*

VINCENT BASKERVILLE | VP OF PRODUCTION

• ,

Page 14: Vince Baskerville: Designing an Awesome Mobile User Experience

TRIPLINGO*

VINCENT BASKERVILLE | VP OF PRODUCTION

Page 15: Vince Baskerville: Designing an Awesome Mobile User Experience

TUMBLR

VINCENT BASKERVILLE | VP OF PRODUCTION

SCOUTMOB* EVERNOTE

Page 16: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

. . .

.

Page 17: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

!if i asked people what they wanted, they would have said faster horses"

-HENRY FORD

Page 18: Vince Baskerville: Designing an Awesome Mobile User Experience

Title:Scene:

Date:

Seq.:

Page:

AN IM AT

E IT!

Page 19: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

; , -.

Page 20: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

.•

• ...

Page 21: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

.• ,

• ,

Page 22: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

; .

Page 23: Vince Baskerville: Designing an Awesome Mobile User Experience

.UI THAT SHIZZ!

applean

droid

Page 24: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

. . .; , . ..

Page 27: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

. , π.

, —

Page 28: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTIONVINCENT BASKERVILLE | VP OF PRODUCTION

, •

• , =>

• =>

• ... ,

• ,

Page 29: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

• -

• -

. .

Page 30: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

. .

Page 31: Vince Baskerville: Designing an Awesome Mobile User Experience

STAY CLASSY

Page 32: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

, . .

.

Page 33: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

1. 2. 3. 4. 5. ,

Page 34: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

6. ; 7. -8. 9. = 10. ,

Page 35: Vince Baskerville: Designing an Awesome Mobile User Experience

VINCENT BASKERVILLE | VP OF PRODUCTION

!a modern paradox is that it#s simpler to create

complex interfaces because it#s so complex to

simplify them."-PÄR ALMQVIST