60
ﻣﻮﺑﺎﯾﻞ ﺑﺮ ﮐﺎ ﺗﺠﺮﺑﻪMOBILE UX ﺑﺎﻏﺴﺘﺎﻧ ﭘﺮﻫﺎThursday, March 7, 13

Mobile UX

Embed Size (px)

Citation preview

Page 1: Mobile UX

تجربه کارربریی ددرر موبایلMOBILE UX

پرهامم باغستان

Thursday, March 7, 13

Page 2: Mobile UX

Thursday, March 7, 13

Page 3: Mobile UX

Thursday, March 7, 13

Page 4: Mobile UX

Thursday, March 7, 13

Page 5: Mobile UX

Thursday, March 7, 13

Page 6: Mobile UX

Thursday, March 7, 13

Page 7: Mobile UX

Thursday, March 7, 13

Page 8: Mobile UX

MOBILE USER EXPERIENCE ELEMENTS

CONTENT

USABILITY

DESIGN

USERINPUT

HELP

MOBILECONTEXT

FEEDBACK

TRUSTWORTHINESS

FUNCTIONALITY

IAMARKETING

SOCIAL

Thursday, March 7, 13

Page 9: Mobile UX

Thursday, March 7, 13

Page 10: Mobile UX

IMPORTANT ELEMENTS OF MOBILE USER

EXPERIENCE

Thursday, March 7, 13

Page 11: Mobile UX

CONTENT

USABILITY

DESIGN

USERINPUT

IMPORTANT ELEMENTS OF MOBILE USER

EXPERIENCE

Thursday, March 7, 13

Page 12: Mobile UX

Thursday, March 7, 13

Page 13: Mobile UX

CONTENT

Thursday, March 7, 13

Page 14: Mobile UX

CONTENT STRATEGY FOR MOBILE

CONTENT

Thursday, March 7, 13

Page 15: Mobile UX

Thursday, March 7, 13

Page 16: Mobile UX

1

YOUR CONTENT, NOW MOBILE

Thursday, March 7, 13

Page 17: Mobile UX

2

CONTENTBEFORE

PLATFORM

1

YOUR CONTENT, NOW MOBILE

Thursday, March 7, 13

Page 18: Mobile UX

CONTENT BEFORE PLATFORM

ما باید ی نرمم اافزاارر موبایل ددااشته باشیم یا ی موبایل ووبب ؟

براایی کداامم پلتفرمم ها باید نرمم اافزاارر آآماددهه کنیم ؟

براایی چه ددیواایس هایی نرمم اافزاارر آآماددهه کنیم ؟ ددستاپپ، تبلت یا فقط موبایل ؟

Thursday, March 7, 13

Page 19: Mobile UX

2

CONTENTBEFORE

PLATFORM

1

YOUR CONTENT, NOW MOBILE

Thursday, March 7, 13

Page 20: Mobile UX

3

STRATEGY AND PLANNING

2

CONTENTBEFORE

PLATFORM

1

YOUR CONTENT, NOW MOBILE

Thursday, March 7, 13

Page 21: Mobile UX

3

STRATEGY AND PLANNING

2

CONTENTBEFORE

PLATFORM

1

YOUR CONTENT, NOW MOBILE

4

PEOPLE AND PROCESS

Thursday, March 7, 13

Page 22: Mobile UX

Thursday, March 7, 13

Page 23: Mobile UX

DESIGN PATTERNS

Thursday, March 7, 13

Page 24: Mobile UX

DESIGN PATTERNS

Thursday, March 7, 13

Page 25: Mobile UX

DESIGN PATTERNS

Navigation

FormsTables

Search

Tools

Charts

Feedback

Invitations

Help

AntiPatterns

Thursday, March 7, 13

Page 26: Mobile UX

USER INPUT

Thursday, March 7, 13

Page 27: Mobile UX

MOBILE GESTURESUSER INPUT

Thursday, March 7, 13

Page 28: Mobile UX

ررفتارر کارربراانن

FirefoxBrowser

forMobile

Thursday, March 7, 13

Page 29: Mobile UX

MOBILEKEYBOARD GESTURES

Thursday, March 7, 13

Page 30: Mobile UX

CLEAR

Thursday, March 7, 13

Page 31: Mobile UX

vimeo.com/51690799

Thursday, March 7, 13

Page 32: Mobile UX

PATH

Thursday, March 7, 13

Page 33: Mobile UX

Thursday, March 7, 13

Page 34: Mobile UX

Thursday, March 7, 13

Page 35: Mobile UX

MOBILE UX TRENDS

Thursday, March 7, 13

Page 36: Mobile UX

Thursday, March 7, 13

Page 37: Mobile UX

“I WANT TO MAKE A TABLET, AND IT CAN’T HAVE A KEYBOARD OR A STYLUS.”

-STEVE JOBS

Steve Jobs byWalter Isaacson

Thursday, March 7, 13

Page 38: Mobile UX

Thursday, March 7, 13

Page 39: Mobile UX

“SO COULD YOU GUYS COME UP WITH A MULTI-TOUCH, TOUCH-SENSITIVE DISPLAY FOR ME?”

-STEVE JOBS

Steve Jobs byWalter Isaacson

Thursday, March 7, 13

Page 40: Mobile UX

HIDDEN LEFT SIDEBAR

Thursday, March 7, 13

Page 41: Mobile UX

Thursday, March 7, 13

Page 42: Mobile UX

FREQUENT ACTIONS IN

THE BOTTOM OF THE SCREEN

Thursday, March 7, 13

Page 43: Mobile UX

GESTURES, NOT

BUTTONS

Thursday, March 7, 13

Page 44: Mobile UX

FLOATING HEADER

Thursday, March 7, 13

Page 45: Mobile UX

MINIMAL APPS

Thursday, March 7, 13

Page 46: Mobile UX

UX / UI TOOLS

Thursday, March 7, 13

Page 47: Mobile UX

SKETCH SHEETS

Thursday, March 7, 13

Page 48: Mobile UX

STENCIL KITS

Thursday, March 7, 13

Page 49: Mobile UX

SOFTWARES AND TOOLS

Thursday, March 7, 13

Page 50: Mobile UX

PLUNK APPplunkapp.com

Thursday, March 7, 13

Page 51: Mobile UX

Thursday, March 7, 13

Page 52: Mobile UX

MOBILEUSABILITY

Thursday, March 7, 13

Page 53: Mobile UX

LEARNABILTY

آآموختن نحوهه ااستفاددهه اازز محصولل چقدرر آآسانن ااست

آآموززشش پذیریی

Thursday, March 7, 13

Page 54: Mobile UX

MEMORABILITY

به خاطر آآووررددنن نحوهه ااستفاددهه اازز ی محصولل چقدرر آآسانن ااست

به طورر مثالل گزینه هایی تنظیماتت

یاددآآوورر پذیریی

Thursday, March 7, 13

Page 55: Mobile UX

UTILITY ااماناتت

اایجادد میانبرها براایی ااستفاددهه سریعتر

قابلیت شخص ساززیی

ااستفاددهه اازز حرکاتت ددست

Thursday, March 7, 13

Page 56: Mobile UX

EFFICIENCY

موبایل یا نرمم اافزاارر چقدرر کممیند تا عملیاتت مورردد نظر رراا

ددرر سریع ترین ززمانن ممن اانجامم ددهیم

کاررآآیی (بهرهه وورریی)

Thursday, March 7, 13

Page 57: Mobile UX

FINDABILITY

پیداا کرددنن گزینه ها آآسانن وو ررااحت باشد

ااندااززهه

شل

ررنگ

موقعیت

یافت پذیریی

Thursday, March 7, 13

Page 58: Mobile UX

ACCESSIBILITY

ددسترس براایی اافراادد با تواانایی هایی مختلف آآسانن باشد

به طورر مثالل موبایل، سیستم عامل وو یا نرمم اافزاارر اامانن تنظیمات براایی ررنگ

وو سایز فونت ددااشته باشند

ددسترس پذیریی

Thursday, March 7, 13

Page 59: Mobile UX

ددرر پایانن

نهایتا منجر به تهیه Guideline ها شد

Thursday, March 7, 13

Page 60: Mobile UX

با تشر اازز توجه شما

userexperience.ir

@parhambparhamb.com

[email protected]

Thursday, March 7, 13