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

  • View
    475

  • Download
    6

  • Category

    Design

Preview:

Citation preview

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

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

تجزب کاربزی

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

.احغاعی دارد

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

UX = User Experience

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

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

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

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

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

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

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

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

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

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

.اعت

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

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

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

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

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

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

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

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

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

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

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

1990

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

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

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

1990

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

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

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

1990

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

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

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

1990

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

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

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

1990

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

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

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

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

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

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

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

•Eyetracking

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

هصاحب•

•Card Sorting

ای هتوزکش• گز

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

A/Bتغت •

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

هصاحب چز ب چز•

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

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

کارآیی

اهکاات

ایوی

آهسػ پذیزی

یادآردپذیزی

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

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

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

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

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

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

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

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

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

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

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

!کاغذ خدکار•

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

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

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

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

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

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

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

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

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

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

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

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

قایي گؾتالت

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

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

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

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

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

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

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

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

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

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

0989123474557

(098) 912 34 74 557

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

Location | Alphabet | Time | Category | Hierarchy

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

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

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

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

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

کلوالواى ای

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

رفتار سهاى

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

پایاى

@myvahid

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