آموزش طراحی محصول دیجیتال اصلی: تحقیقات UX و طراحی UI

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

معرفی Introduction

• نحوه استفاده از این دوره How To Use This Course

• معرفی Introduction

• کمبود طراح Designer Shortage

• مربیان زندگی در طراحی Life Coaches in Design

• آن را زیبا کنید Make it Pretty

• کپی الهام Copy Inspiration

• خلاصه Summary

طراحی چیست؟ What is Design?

• معرفی Introduction

• طرح اول The First Design

• صندلی Thonets Thonets chair

• تقسیم کار Division of Labour

• زمان استفاده از طراحی When To Use Design

• عناوین شغلی Job Titles

• طراحی مغرور Arrogant Design

• قوانین اشتباه! Wrong Rules!

• یک میلیارد تجربه One Billion Experiences

• خط تولید The Production Line

• خلاصه Summary

شروع (تمرینات) Getting Started (Exercises)

• طراحان خوب Good Designers

• ورودی Input

• ارزش های تحقیق Research Values

• عنوان شغلی Job Title

• گروه پشتیبانی Support Group

• مختصر Brief

روند طراحی Design Process

• معرفی Introduction

• بدون فرآیند No Process

• اولین طراح رابط کاربری First UI Designer

• روند طراحی Design Process

• مشکلات فرآیند Process Problems

• مشکلات فرآیند 2 Process Problems 2

• واگرایی و همگرایی Divergence & Convergence

• خلاصه Summary

فرآیند خود را ایجاد کنید (تمرین ها) Create Your Process (Exercises)

• نقد/بازخورد Crit / Feedback

• سایر فرآیندها Other Processes

• فرآیند طراحی سند Document Design Process

تفکر انتقادی Critical Thinking

• معرفی Introduction

• تولد عقل گرایی Birth of Rationalism

• پست منطقی Post Rational

• تفکر انتقادی Critical Thinking

• طراحی داده محور Data Driven Design

• همه دروغ می گویند Everybody Lies

• گروه های تمرکز Focus Groups

• خوردن آزمایشی Eating Dogfood

• طراحی اسکاندیناوی Scandinavian Design

• تئاتر نوآوری Innovation Theatre

• تفکر طراحی Design Thinking

• خلاصه Summary

تحقیق (تمرین) Research (Exercises)

• فرضیات آزمون Test Assumptions

• مغالطه های منطقی Logical Fallacies

• مصاحبه کاربر User Interview

• مصاحبه کاربر دیگری Another User Interview

• نظرسنجی ها Surveys

• تحلیل رقابتی Competitive Analysis

• نمونه سازی کاغذ Paper Prototyping

اقتصاد را تجربه کنید Experience Economy

• معرفی Introduction

• اقتصاد را تجربه کنید Experience Economy

• مطالعه موردی: Tinder Case Study: Tinder

• پشیمانی طراحان Designers Remorse

• چه آسان است؟ What's Easy?

• ادراک Perception

• مطالعه موردی: اوبر Case Study: Uber

• دون نورمن Don Norman

• خلاقیت Creativity

• خلاصه Summary

تجزیه و تحلیل (تمرینات) Analyse (Exercises)

• نقشه همدلی Empathy Map

• پرسونا Persona

• نقشه سفر Journey Map

• داستان بازی Storyboarding

خلاقیت Creativity

• معرفی Introduction

• خلاقیت چیست What is Creativity

• مغز خلاق Creative Brain

• پاورپوینت می کشد Powerpoint Kills

• منحصر به فرد باشید Be Unique

• داشتن ایده Having Ideas

• طوفان فکری Brainstorming

• آن را ارسال کنید Post It

• بازی Play

• تست Test

• خلاصه Summary

ایده پردازی (تمرینات) Ideate (Exercises)

• قاب مشکل Frame The Problem

• تمرینات خلاقیت Creativity Exercises

• فرضیات آزمون Test Assumptions

• ماتریس ویژگی Feature Matrix

• مسیرهای قرمز Red Routes

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

• وایرفریم Wireframe

ادراک Perception

• معرفی Introduction

• دیدگاه خود را تغییر دهید Change Your Perspective

• سرکوبگرهای چشم انداز Perspective Suppressors

• چگونه می بینیم How We See

• درک رنگ Colour Perception

• چگونه تمرکز می کنیم How We Focus

• چگونه به یاد می آوریم How We Remember

• کانال های بصری Visual Channels

• سلسله مراتب Hierarchy

• کانال های بصری پیش از توجه Pre Attentive Visual Channels

• روانشناسی گشتالت Gestalt Psychology

• خلاصه Summary

قابلیت استفاده Usability

• معرفی Introduction

• مرا به فکر کن Make Me Think

• تست قابلیت استفاده Usability Testing

• حسابرسی قابلیت استفاده Usability Audit

• مدل های ذهنی Mental Models

• استانداردها Standards

• آن را آشکار کنید Make It Obvious

• بازخورد Feedback

• خلاصه Summary

تست (تمرین) Testing (Exercises)

• ارزیابی اکتشافی Heuristic Evaluation

• حسابرسی قابلیت استفاده Usability Audit

• تست قابلیت استفاده Usability Testing

• روی Testing کلیک کنید Click Testing

فیگما (تمرینات) Figma (Exercises)

• معرفی Introduction

• Figma: شروع به کار Figma: Getting Started

• Figma: قاب Figma: Frames

• Figma: شکل ها Figma: Shapes

• Figma: Fill & Stroke Figma: Fill & Stroke

• Figma: ابزار طراحی Figma: Drawing Tools

• Figma: ابزار Boolean Figma: Boolean Tools

• Figma: متن Figma: Text

• Figma: Groups & Layers Figma: Groups & Layers

• Figma: Grids & Constraints Figma: Grids & Constraints

• Figma: جلوه ها Figma: Effects

• Figma: Styles Figma: Styles

• Figma: اجزاء Figma: Components

• Figma: پلاگین ها Figma: Plugins

• Figma: نمونه سازی Figma: Prototyping

• Figma: کنترل نسخه Figma: Version Control

• Figma: بازخورد Figma: Feedback

• Figma: صادرات Figma: Exporting

• خلاصه Summary

فرم تابع عملکرد است Form Follows Function

• معرفی Introduction

• تابع فرم در مقابل Form Vs Function

• هنر جدید The New Art

• فرم تابع عملکرد است Form Follows Function

• تخت در مقابل اسکئومورفیک Flat Vs Skeuomorphic

• قدرت فرم Power of Form

• زیبایی شناسی زشت Ugly Aesthetic

• هنر وارد صنعت Art Into Industry

• خلاصه Summary

زیبایی شناسی (تمرینات) Aesthetics (Exercises)

• حالت خلق و خو Moodboards

• سیستم شبکه ای Grid System

• تایپوگرافی Typography

• طرح رنگ Colour Scheme

• افزودن عمق Adding Depth

• سیستم طراحی Design System

• زبان تصویری Visual Language

مینیمالیسم Minimalism

• معرفی Introduction

• مینیمالیسم Minimalism

• کمتر اما بهتر Less But Better

• حذف چیزها Removing Things

• هزینه ها Affordances

• تک کاره Single Function

• دسته بندی ها Categories

• مطالعه موردی: Booking.com Case Study: Booking.com

• هلوتیکا Helvetica

• خلاصه Summary

تعادل Balance

• معرفی Introduction

• طراحی هدف Objective Design

• موقعیت گرایی Situationism

• مرگ نویسنده Death of The Author

• پست مدرنیسم Postmodernism

• روانی طراحی Design Fluency

• طراحی بدون اصطکاک Frictionless Design

• ریموند لووی Raymond Loewy

• آشوب و انطباق Chaos & Conformity

• شبکه را بشکن Break The Grid

• خلاصه Summary

• متشکرم Thank You