50 تمرین کاربردی برای یک طراح تجربه کاربری - جلسه سوم

تمرین کاربردی برای یک طراح تجربه کاربری

علی اکرمیaliakrami.ir

ؽزع کي - تزرعی یاس کارتزاى - عزاحی راتظ کارتزی - اعتزاتضی هحتا - تعع هحصل ایی -

طراحی رابط کاربری

جلغ عم

اذاف را الیت تذی کي 19 قاعذ دیای اقعی را رعایت کي 20 عزح ا ایذ ا را قاؽی کي 21 تحقیق در هرد الگای راتظ کارتزی 22 پیؾزفت تزیي در عیي حال قاتل قثل 23 الگای راتظ کارتزی را هغتذ کي 24

اس ستا ا ت عر هثز اعتفاد کي 25 اس ؽلغی پزیش کي 26 ثثت ام آعاى 27 اعتفاد اس حزفچیی 28 پالت رگ خد را عزاحی کي 29 تاسخرد فری ارائ کي 30

طراحی رابط کاربری

الیت تذی کيفعالیت ا را 19

- Who? - Where? - What? - How?

قاعذ دیای اقعی را رعایت کي طراحی رابط کاربری 20

- Seductive Interaction Design: Stephen P. Anderson

عزح ا ایذ ا را قاؽی کي طراحی رابط کاربری 21

Balsamiq http://builds.balsamiq.com/b/mockups-web-demo

Omnigraffle http://www.omnigroup.com/products/omnigraffle

Mockingbird https://gomockingbird.com

در هرد الگای راتظ کارتزی تحقیق کي

طراحی رابط کاربری 22

UI Patterns http://www.ui-patterns.com

Pattern Tap http://www.patterntap.com

Yahoo! UI Design Pattern Library http://developer.yahoo.com/ypatterns

قثلپیؾزفت تزیي، در عیي حال قاتل (MAYA)

طراحی رابط کاربری 23

را آى تتاذ کغی ک ایي اس قثل کاهپیتز اگز آى اس کظ یچ ؽذ، هی عاخت کذ درک

.کزد وی اعتفاد

Deliver the Future, Gradually: Jim O’Neill

الگای راتظ کارتزی را هغتذ کي خد پزص تزای کارتزی راتظ الگی کتاتخا یک

ک (کذ در تزجیحا) سذ عذ یک -کیذ ایجاد ؽوا ک را هجذدی اعتفاد قاتل الگای توام

راحتی ت .کذ هی آری جوع ایذ، کزد ایجاد کاری تین در هجد اعضای اس یک ز تزای

در پیذذ، هی تین ت آیذ در ک کغای .اعت دعتزط

قی اذاس را یک عاى ت تاذ هی ؽوا کتاتخا

ت تغت تز عاد تغیار یا تاؽذ پزص تزای .وایذ عول ؽوا یاسای

طراحی رابط کاربری 24

http://twitter.github.com/bootstrap/components.html

طراحی رابط کاربری 25 اعتفاد کيعر هثز اس ستا ا ت

- 13 Guidelines for Tabs, Jakob Nielsen

اس ؽلغی پزیش کي طراحی رابط کاربری 26

http://www.basecamp.com

ثثت ام آعاى طراحی رابط کاربری 27

http://www.grooveshark.com

طراحی رابط کاربری 28 اعتفاد اس حزفچیی در ب

- TypeKit - Google WebFonts

پالت رگ خد را عزاحی کي طراحی رابط کاربری 29

- Adobe Kuler for Designers - Color Scheme Designer - 21 Stimulating Color Palette Tools

ارائ کيتاسخرد فری طراحی رابط کاربری 30

.ریذ هی تعذ صفح ت کیذ هی پز را فزم - .کیذ هی دریافت را "!اعت ادرعت فزم ایي در چیشی" ؾذار - .ریذ هی خا ت ؽیذ هی خیال تی -

...کین ععی دتار تیاییذ ؽذ؟ چی .کیذ صثز

خیز یا اعت ؽذ پذیزفت اعت ؽوا اعالعات دذ هی ؾاى ک ای عاد ای ؽاخص ت کیذ هی پز را فزم - .کیذ هی تج

.کیذ هی تزعزف جا واى عزعت ت را خغاا - !ؽذ اجام هفقیت تا -