آموزش تجربه کاربری برای طراحی وب

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

معرفی Introduction

• ساخت سایت برای بازدیدکنندگان Building a site for your visitors

1. چه چیزی یک تجربه کاربری خوب وب را ایجاد می کند؟ 1. What Makes a Good Web User Experience?

• بازدیدکنندگان خود را تعریف کنید Define your visitors

• طراحی استاندارد Standard design

• طراحی ساده Simple design

• طراحی منسجم Consistent design

• چرا مردم سایت ها را ترک می کنند Why people leave sites

• روی اطلاعات تمرکز کنید Focus on information

2. ایجاد محتوای خوب 2. Creating Good Content

• نحوه خواندن مردم در وب How people read on the web

• نوشتن برای تبادل اطلاعات Writing for information exchange

• محتوای شما طراحی شما را تعیین می کند Your content determines your design

• قالب بندی برای تبادل اطلاعات Formatting for information exchange

3. استفاده از رسانه برای کمک به بیان داستان خود 3. Using Media to Help Tell Your Story

• استفاده از انواع رسانه ها Using different types of media

• افزودن محتوای تعاملی Adding interactive content

• استفاده از گرافیک برای توضیح، نه تزئین Using graphics for explanation, not decoration

4. ایجاد تعادل بین تبلیغات و محتوا 4. Balancing Adverts and Content

• محل نمایش تبلیغات Where to display ads

• درآمد تبلیغات بدون فروش Ad revenue without selling out

5. ناوبری 5. Navigation

• کار با نقشه های سایت Working with site maps

• مروری بر برخی افسانه های منو Reviewing some menu myths

• انتخاب مکان منو Choosing menu placement

• استفاده از قانون فیتس Using Fitts' Law

• محتوا ساختاری دارد Content has a structure

• منوهای موبایل Mobile menus

• درک لینک ها Understanding links

• افزودن جستجو به سایت شما Adding search to your site

6. طرح بندی سایت 6. Site Layout

• ایجاد ناوبری پیشرونده Creating progressive navigation

• تنظیم محتوای دقیق Arranging detailed content

• ارائه یک بوی اطلاعاتی خوب Providing a good information scent

• افراد می توانند از هر صفحه ای در سایت شما شروع کنند People can begin from any page on your site

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

• آزمون پنج ثانیه ای The five-second test

• استفاده از صفحه اصلی خود به عنوان خلاصه سایت Using your homepage as a site summary

8. دسته بندی و صفحات فرود 8. Category and Landing Pages

• به مردم نشان دادن آنچه دارید Showing people what you've got

• ایجاد صفحات فرود از کمپین های تبلیغاتی Creating landing pages from ad campaigns

• مقایسه را آسان کنید Make comparisons easy

9. جزئیات و صفحات محصول 9. Detail and Product Pages

• استفاده از تصاویر برای تنظیم زمینه Using images to set context

• فراخوانی برای اقدام داشته باشید Have a call to action

• نمایش قیمت محصولات Showing the price for products

• ارائه حقایق به بازدیدکنندگان Giving visitors the facts

• درباره ما: صفحه جزئیات ویژه About Us: A special detail page

10. فرم ها 10. Forms

• ایجاد فیلدهای فرم Creating form fields

• اطلاعاتی را در زمینه بخواهید Ask for information in context

• ساخت فرم ها تا حد امکان بدون درد Making forms as painless as possible

• برخورد با ظرافت خطاها Handling errors gracefully

11. تمرین خوب طراحی 11. Good Design Practice

• طراحی ساده، سازگار و استاندارد Simple, consistent, and standard design

• به سفر UX خود ادامه دهید Continuing your UX journey

• با در نظر گرفتن کاربران شما Considering your users