آموزش طراحی تعامل کاربردی

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

مقدمه Introduction

• خوش آمدی Welcome

• این دوره برای کیست؟ Who is this course for?

• بررسی اصول طراحی تعامل Reviewing the interaction design principles

• تعریف سناریوی مشتری Defining a customer scenario

• با استفاده از سایت های تظاهرات Using the demonstration sites

1. صفحه اصلی 1. Homepage

• درک هدر Understanding the header

• کار با ناوبری Working with navigation

• تقویت چرخ فلک Enhancing the carousel

• کار با محتوا در شبکه Working with content in grids

• کاوش در صفحه Exploring the footer

2. صفحات دسته 2. Category Pages

• ایجاد یک مکان Establishing a sense of place

• کار با صفحه بندی سنتی Working with traditional pagination

• پیمایش نامحدود را اضافه کنید Adding infinite scrolling

• پیدا کردن و کشف کردن Finding and discovering

3. جزئیات صفحه و Mini-Cart 3. Detail Page and Mini-Cart

• درک انگیزه Understanding motivation

• ایجاد تجربه های باهوش تر Creating smarter experiences

• نمایش اطلاعات در کشوها Showing information in drawers

4- صفحات محتوا 4. Content Pages

• با استفاده از نکات ابزار Using tooltips

• کار با جعبه های سبک Working with lightboxes

• کار با تابلوها و تابلوها Working with panes and panels

• طراحی متن Designing for context

5. ساخت-دسته-دسته 5. Build-a-Bouquet

• استفاده از Build-a-Bouquet (اصلی) Using Build-a-Bouquet (original)

• استفاده از Build-a-Bouquet (نسخه 1) Using Build-a-Bouquet (version 1)

• استفاده از Build-a-Bouquet (نسخه 2) Using Build-a-Bouquet (version 2)

• بهینه سازی طرح های تعامل Optimizing interaction designs

6. سبد خرید و پرداخت 6. Cart and Checkout

• کار با الگوهای طراحی Working with design patterns

• بهبود ساختار فرم Improving form structure

• با استفاده از ورودی های ساختاری Using structured inputs

• رسیدگی به خطاها و پیام های خطا Handling errors and error messages

نتیجه Conclusion

• مقایسه سایت اصلی با سایت بهبود یافته Comparing the original site to the improved site

• مرور اصول و روشهای به کار رفته Reviewing the principles and methods applied

• مراحل بعدی Next steps