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

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

مقدمه Introduction

• خوش آمدی Welcome

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

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

• درک چگونگی مرور افراد در وب Understanding how people browse the web

• این همه اطلاعات است It's all about information

• چه عواملی باعث می شود افراد سایت ها را ترک کنند؟ What causes people to leave sites?

2. در راه اطلاعات قرار نگیرید 2. Don't Get in the Way of the Information

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

• طراحی مداوم Consistent design

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

3. پیمایش 3. Navigation

• عناصر ناوبری Elements of navigation

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

• درک منوها Understanding menus

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

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

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

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

• کاوش در عناصر قابل کلیک Exploring clickable elements

• درک قانون Fitts Understanding Fitts' law

4. چیدمان سایت 4. Site Layout

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

• عناصری که هر وب سایت باید داشته باشد Elements every webpage should have

• ایجاد ناوبری مترقی Creating progressive navigation

• تنظیم محتوای شما Arranging your content

5- نوشتن برای وب 5. Writing for the Web

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

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

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

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

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

• ایجاد محتوای تازه Creating fresh content

• نمایش ناوبری و جستجو Displaying navigation and search

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

7. صفحات طبقه بندی و فرود 7. Category and Landing Pages

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

• مقایسه آسان Making comparisons easy

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

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

• هدف واقعی صفحات جزئیات و محصول The real purpose of detail and product pages

• نوشتن متن توصیفی Writing descriptive text

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

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

• یک تماس برای اقدام دارید Have a call to action

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

9. فرم 9. Forms

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

• ایجاد اشکال تا حد ممکن Making forms as painless as possible

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

• خطاها را با کمال میل انجام دهید Handling errors gracefully

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

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

• سؤال ساده: آیا این تجربه را تقویت می کند؟ Simple question: Does it enhance the experience?

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

• محتوای تعاملی چیست؟ What is interactive content?

• صفحه خود را برای رسانه بگذارید Laying out your page for media

11- تعادل تبلیغات و محتوا 11. Balancing Adverts and Content

• درآمدزایی بدون فروش Making money without selling out

• افزودن تبلیغات گرافیکی Adding graphical ads

• ایجاد تبلیغات متنی Creating text ads

12. خلاصه: تمرین طراحی خوب 12. Summary: Good Design Practice

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

• با توجه به کاربران خود Considering your users

نتیجه Conclusion

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