آموزش تجربه کاربری (UX) برای افراد غیر طراح

سرفصل ها و درس ها

مقدمه Introduction

• تجربه کاربر برای غیر طراحان User experience for non-designers

1. UX چیست؟ 1. What Is UX?

• بررسی اجمالی طراحی UX UX design overview

• مرحله اول: تحقیق Stage one: Research

• مرحله دو: تصور کردن Stage two: Conceptualize

• مرحله سوم: طراحی Stage three: Design

• مرحله چهار: تست Stage four: Test

• دسترسی مهم است Accessibility matters

• چه کسی چه کاری انجام می دهد؟ Who does what?

2. تحقیق: بنابراین چه کسی از آن استفاده خواهد کرد؟ 2. Research: So Who Will Use It?

• ساخت یک مورد تجاری Making a business case

• نقش ذینفع The role of the stakeholder

• برای ساختن این کار چه نیازی داریم؟ What do we need to make this work?

• برای ساخت آن به چه کسانی نیاز داریم؟ Who do we need to build it?

• چه کسی از آن استفاده خواهد کرد؟ Who will use it?

• آنها چه خواهند كرد؟ What will they do?

• چگونه از آن استفاده خواهند کرد؟ How will they use it?

• چگونه آنها از طریق آن حرکت می کنند؟ How will they move through it?

• یافتن مشکلات و رفع آنها Finding problems and fixing them

3. تصور کنید: بنابراین چه شکلی است؟ 3. Conceptualize: So What Does It Look Like?

• مروری بر تکنیک های مفهوم سازی Overview of conceptualization techniques

• ایده های خود را ترسیم کنید Sketching your ideas

• نمودارهای جریان کار Task flow diagrams

• تخته سفید بدنام The infamous white board

• Wireframe محتوا: تعیین آنچه که به کجا می رود Content wireframe: Determining what goes where

• ساختن استخوان ها با سیم وایرلس Building the bones with wireframes

• فریم های دیجیتال Digital wireframes

• نقش نمونه های اولیه کاغذ The role of paper prototypes

• تست و تکرار Testing and iteration

4. طراحی: اینجا واقعاً به نظر می رسد 4. Design: Here Is What It Really Looks Like

• نقش طراح UI The UI designer's role

• نمونه اولیه با وفاداری متوسط The medium-fidelity prototype

• جعبه ابزار وفاداری متوسط The medium-fidelity toolbox

• تصویربرداری: همه X ها چیست؟ Imaging: What's with all the Xs?

• نقش SVG The role of SVG

• نوشتن مطالب متن: کلمات همه تفاوت را ایجاد می کنند Copywriting: Words make all the difference

• بازخورد و تکرار Feedback and iteration

• بازخورد و تکرار Feedback and iteration

5. طراحی: سیستم طراحی 5. Design: The Design System

• سیستم طراحی چیست؟ What is a design system?

• نقش تایپوگرافی The role of typography

• نقش رنگ The role of color

• نمادها و ابزارهای آیکون Icons and icon tools

• با استفاده از الگوهای طراحی Using design patterns

• ابزارهای تصویربرداری و وضوح صفحه نمایش Imaging tools and screen resolution

6. نمونه سازی اولیه و تست کاربر 6. Prototyping and User Testing

• نمای کلی از نمونه سازی An overview of prototyping

• انتخاب یک ابزار نمونه سازی اولیه Choosing a prototyping tool

• نقش حرکت در نمونه اولیه The role of motion in a prototype

• چرا می توان از میکرو فعل و انفعالات اولیه استفاده کرد؟ Why use prototype microinteractions?

• تصفیه ریزگردها Refining microinteractions

• بررسی اجمالی آزمایش کاربر Overview of user testing