طراحی تجربه کاربری چیست؟

29
UX کاربــزی طزاحـی تجزبUser Experience Design ضادیالحغحیذ اب

Transcript of طراحی تجربه کاربری چیست؟

Page 1: طراحی تجربه کاربری چیست؟

UX طزاحـی تجزب کاربــزیU s e r E x p e r i e n c e D e s i g n

حیذ ابالحغی ضاد

Page 2: طراحی تجربه کاربری چیست؟

تجزب کاربزی

کاربزی ؽزح هی دذ ک کاربز در سهاى اعتفاد اس یک هحصل چ تجزب

.احغاعی دارد

...اپلیکیؾي هبایل، ب عایت، زم افشار رهیشی

UX = User Experience

Page 3: طراحی تجربه کاربری چیست؟

تجزب کاربزی چیغت؟

تجزب کاربزی هخصؿ کاربز اعت طزاح

تجارب کاربزی خب دیذ وی ؽد

تجارب کاربزی در لحظ ایجاد وی ؽد

تجارب کاربزی خب در هرد در اختیار داؽتي اعت

.تجارب کاربزی بشرگ عاد غتذ

ارتباط د طزف یک تجزب کاربزی خب اعت

Page 4: طراحی تجربه کاربری چیست؟

طزاح تجزب کاربزی

خلق یک حظ خب بزای کاربزاى گام اعتفاد اس هحصل

Page 5: طراحی تجربه کاربری چیست؟

:ظیف یک طزاح تجزب کاربزی عاخت هحصلی

.اعت

Page 6: طراحی تجربه کاربری چیست؟

تجزب کاربزی؟چزا

UX خب اعتفاد اس تکلصی را آعاى تز هی کذ

UX خب باعث افشایؼ اعتفاد ها اس تکلصی خاذ ؽذ

ای تعع هحصل کاؼ شی

اعتفاد هجذد هؾتزیاى اس هحصل

افشایؼ فزػ هحصل

کاؼ خطاای کاربزی

ای پؾتیبای هحصل کاؼ شی

Page 7: طراحی تجربه کاربری چیست؟

عیز تکاهلی تجزب کاربزی

فزدریک یغل تیلر (تاریخ UXپضؼ الیي )پضؼ در هرد تعاهل کارگزاى تا اتشارایؾاى

عال 1900 1940د 1955عال 1970د ااعط د

1990

Page 8: طراحی تجربه کاربری چیست؟

عیز تکاهلی تجزب کاربزی

تیتاعیغتن تلیذ ایي عیغتن خط تلیذ هحصل را تز اعاط راحتی کارکاى احتزام ت آى ا تاس تعزیف کزد

عال 1900 1940د 1955عال 1970د ااعط د

1990

Page 9: طراحی تجربه کاربری چیست؟

عیز تکاهلی تجزب کاربزی

دریفطزی Designing for Peopleیغذ کتاب

عال 1900 1940د 1955عال 1970د ااعط د

1990

Page 10: طراحی تجربه کاربری چیست؟

عیز تکاهلی تجزب کاربزی

عصز پیذاػ کاهپیتزای ؽخصی هفاین طزاحی کاهپیتزهثذع در حس پیؾز آسهایؾگا سیزاکظ پارک تا

عال 1900 1940د 1955عال 1970د ااعط د

1990

Page 11: طراحی تجربه کاربری چیست؟

عیز تکاهلی تجزب کاربزی

دى رهي تزای هجع فعالیت ایی ک تا تیوؼ در اپل اجام هی دادکاربزی تجزب هثذع اص

عال 1900 1940د 1955عال 1970د ااعط د

1990

Page 12: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

Page 13: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

کاربزپضیفزآیذ

(User Research)کاربزپضی

Page 14: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

(User Research)کاربزپضی

هتذای کاربزپضی

•Eyetracking

ظزعجی اس طزیق ایویل•

هصاحب•

•Card Sorting

ای هتوزکش• گز

بزرعی جزیاى کلیکی•

A/Bتغت •

فیلن بزداری اس فعالیت ای کاربز•

هصاحب چز ب چز•

Page 15: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

یک هحصل کاربزدپذیز اعتدارد، ایي یضگی ا را ک هحصلی

کارآیی

اهکاات

ایوی

آهسػ پذیزی

یادآردپذیزی

(Usability)کاربزدپشیزی

Page 16: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

هزاحل تغت کاربزدپذیزی

اتخاب کارتزاى واییذ•

هحل کزدى چذ فعالیت هتخة ت آى ا•

هؾاذ فعالیت آى ا•

؟هی ؽذ یا خیزتحلیل تایج، آیا کارتزاى هفق •

(Usability)کاربزدپشیزی

Page 17: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

(Usability)کاربزدپشیزی

ابشارای هن تغت کاربزدپذیزی

!کاغذ خدکار•

(ClickTale, ClickHeat, Clixpy)کلیک کارتز ردیاتی •

(Simple Mouse Tracking)ردیاتی حزکت ؾاگز •

(Five Second Test)ثای 5تغت •

(Loop 11, Usabilla) در کتزل پایؼ اس را •

Page 18: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

الگای طزاحی رابط کاربزی

(User Interface Design)کاربزی رابط طزاحی

Page 19: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

UX UI چ تفاتی با ن دارذ؟

(User Interface Design)کاربزی رابط طزاحی

Page 20: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

(User Interface Design)کاربزی رابط طزاحی

قایي گؾتالت

ؽباتقاى قاى وجاری

عادگیقاى قاى قط کای

قاى تقارى قاى تصیز سهی

Page 21: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

هعواری اطالعات اجشای

تذ اطالعات: عاسهاذی عاختار • ح دعت ح وایؼ اطالعات: تزچغة سی• پیوایؼ کارتزاى در هیاى اطالعات: اتزی• ح پیذا کزدى اطالعات تعط کارتزاى: جغتج•

(Information Architecture)هعواری اطالعات

Page 22: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

هعواری اطالعات هثال ای اس

تذی اطالعات قطع

0989123474557

(098) 912 34 74 557

اطالعاتپج رػ عاسهاذی

Location | Alphabet | Time | Category | Hierarchy

تذریجی هحتاوایؼ پذیذ هقعیت در ردیف ا Hick’sقاى

(Information Architecture)هعواری اطالعات

Page 23: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

بعذ تؾکیل دذ طزاحی تعاهلی 5

عاخت یک رابط کاربزی بزای اعتفاد اغاى اس آى هاؽیي

کلوالواى ای

تصزیهحیط فیشیکی

رفتار سهاى

(Interaction Design)طزاحی تعاهلی

Page 24: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

(Interaction Design)طزاحی تعاهلی

کاتی بزای طزاحی یک رابط کاربزی تعاهلی

ای ارتثاط هحصل تا کارتز را هؾخص کین • (اگؾت، ؾاگز)را

(رگ اذاس اؽیا)تزای اجام فعالیت ا ت کارتزاى عزخ تذین •

(اعتفاد اس رگ قزهش تزای فعالیت ای هن)کاؼ خطاای راتط کارتزی •

(افشایؼ عزعت تارگذاری صفحات)کاؼ سهاى پاعخگیی عیغتن •

(الواى ای هتز تشرگتز در اتتذا غتذ). ز الواى حزفی تزای گفتي دارد•

تذی،)خلق عادگی تزای افشایؼ قذرت یادگیزی • (قطع

Page 25: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

(Content Strategy)اعتزاتضی هحتا

اتؾار هذیزیت هحتای کارآهذ، تلیذپزع

اتشار اتؾار هحتا چیغت ؟

چ هحذدیت ایی تزای دارد؟هحتا جد اتؾار

چ کغی هحتا را تلیذ گ داری هی کذ؟

چ قایي هحذدیت ایی تزای تلیذ هحتا جد دارد؟

؟چ چیشی را قزار اعت هتؾز کین؟ چزا ؟چ سهای تایذ هحتا را ت رسرعای کین

عاختار هحتا ت چ ؽکل اعت ؟

Page 26: طراحی تجربه کاربری چیست؟

تؾکیل دذ طزاحی تجزب کاربزی اجشای

(Content Strategy)اعتزاتضی هحتا

تفات اعتزاتضی هحتا هعواری اطالعات

هکاى اطالعات هعواری اطالعات•

سهاى اطالعات اعتزاتضی هحتا•

Page 27: طراحی تجربه کاربری چیست؟

هغتذ عاسی در طزاحی تجزب کاربزی

• Personas تزعین ؽخصیت کارتزاى ذف

•Scenarios ؽاهل پزعا ت وزا تعزیف عولیات ای عایت تعاهل ایي د

•Prototypes ای اس طزح عایت و الی

• Experience Mapsهغیزی ک کارتز تزای رعیذى ت اذاف هختلف طی هی کذ

•Sitemaps وایؼ صفحات تؾکیل دذ ب عایت

•Wireframes وایؼ عایت ؽوا تز ری کاغذ

Page 28: طراحی تجربه کاربری چیست؟

طزاحی تجزب کاربزی فزآیذ

Page 29: طراحی تجربه کاربری چیست؟

پایاى

@myvahid

حیذ ابالحغی ضاد