آموزش نقشه برداری از فرآیند طراحی وب مدرن

مقدمه Introduction

• خوش آمدی Welcome

• این دوره چیست و برای چه کسی است؟ What is this course about, and who is it for?

1. طراحی وب به عنوان یک فرآیند 1. Web Design as a Process

• منظور ما از گفتن "طراحی وب" چیست؟ What do we mean when we say "web design"?

• ایجاد تجارب اطلاعاتی کاربر Creating informational user experiences

• راهنمای فرآیند طراحی وب A guide to the web design process

2. برخی از دیدگاه ها 2. Some Perspective

• تنها چیزی که مهم است The only thing that matters

• تمام مواردی که کاربر نهایی به آنها اهمیتی نمی دهد All the things the end user does not care about

• از این سوال که وب برای شما چه کاری می تواند انجام دهد Asking what the web can do for you

3. پیش پردازش 3. Preprocess

• نقش ها و مسئولیت ها Roles and responsibilities

• ایجاد مستندات اولیه Establishing baseline documentation

• کنترل نسخه Version control

4- فاز استراتژی محتوا 4. The Content Strategy Phase

• استراتژی محتوا Content strategy

• ایجاد personas کاربر Establishing user personas

• حسابرسی محتوا Content audit

• مدل سازی محتوا Content modeling

• ایجاد سلسله مراتب اولویت محتوا Creating content priority hierarchies

• ساختار اطلاعات Information architecture

• سیم کشی Wireframing

5- تست پیش ساخت 5. Prebuild Testing

• بردنش به خیابان Taking it to the streets

• تمرین مرتب سازی کارت Card-sorting exercise

• آزمایش قالبهای سیم و الگوهای تعامل Testing wireframes and interaction patterns

6. مرحله ساخت 6. The Build Phase

• ایجاد یک روند ساخت سه مسیر Establishing a three-track build process

• ایجاد یک راهنمای سبک زندگی Creating a living style guide

• توسعه محتوا-مدل اصلی Core content-model development

• اولویت های توسعه پایه Baseline development priorities

• ایجاد یک محتوا فقط برای دسترسی Creating a content-only build for accessibility

• طراحی وب پاسخگو به عنوان یک فرآیند Responsive web design as a process

• طراحی در مرورگر Designing in the browser

• با استفاده از بلوک های محتوا Using content blocks

• عناصر تعاملی و پیشرفت مترقی Interactive elements and progressive enhancement

• جهت هنری: تصاویر و گرافیک های پاسخگو Art direction: Responsive images and graphics

7. مرحله آزمون و بازنگری 7. The Test-and-Revision Phase

• دوباره آن را به خیابان ها می کشم Taking it to the streets again

• تست قابلیت دسترسی Accessibility testing

• آزمایش شکستگی و لبه Break and edge-case testing

• آزمایش کاربر نهایی End-user testing

8- مرحله بهینه سازی 8. The Optimization Phase

• اولویت های بهینه سازی Optimization priorities

• بهینه سازی برای تجربه کاربر Optimizing for user experience

• بهینه سازی برای اشتراک گذاری در رسانه های اجتماعی Optimizing for social media sharing

• بهینه سازی برای SEO Optimizing for SEO

• ادغام تجزیه و تحلیل Analytics integration

9. راه اندازی و تنظیم مجدد 9. Launch and Reset

• فهرست پیش نمایش Prelaunch checklist

• راه اندازی نرم و سخت Soft and hard launch

• یک حلقه بازخورد برای مسائل و قطعنامه ها ایجاد کنید Create a feedback loop for issues and resolutions

• آزمایش کاربر پس از راه اندازی Post-launch user testing

• وب سایت نیز تکامل می یابد The web evolves--so should your site

10. در ادامه با lynda.com 10. Going Further with lynda.com

• مسیر یادگیری خود را ادامه دهید Continue your path of learning