آموزش ux مقدماتی - دوره کاربردی طراحی تجربه کاربری

همیشه در حوزه آموزش ux نبود یک دوره تخصصی و کاربردی احساس می شد. از مفاهیم مقدماتی مانند تعاریف user experience گرفته تا مباحث پیشرفته تر مانند مباحث روانشناسی در طراحی تجربه کاربری، آن طور که باید برای علاقه مندان این حوزه تدریس نشده است. از این رو آکادمی آی تی با هدف رفع این کمبود، تصمیم به انتشار آموزش ux گرفت و این دوره بسیار کامل و کاربردی را ایجاد کرد. تجربه کاربری یکی از موارد مهم در آموزش طراحی سایت می باشد. شما با مشاهده سرفصل های این دوره به ارزش آن پی خواهید برد.

UX به چه معناست؟

زمانی که شما وارد صفحه آموزش UX شدید، از خود رفتار هایی نشان دادید. برای مثال ممکن است ابتدا سراغ ویدیو معرفی دوره رفته باشید یا از بخش دسترسی سریع موجود در قسمت راست صفحه اقدام به دیدن سرفصل های دوره کرده باشید. همچنین هنگام بازدید از این صفحه شما دارای یک نوع احساس به آن بودید برای مثال ممکن است به دلیل توضیحات کامل و دسترسی سریع به قسمت های رایگان دوره، احساس رضایت داشته باشید یا به دلایلی احساس خوبی به این صفحه نداشته باشید.

همه این تجارب، احساسات، رفتار ها و … در کنار هم مفهوم user experience یا تجربه کاربری را به ارمغان می آورند. لازم به ذکر است UX محدود به وب سایت و یا اپلیکیشن ها نمی شود و تمام محصولات فیزیکی یا دیجیتالی که در اختیار مشتریان قرار می گیرد را شامل می شود.

UX و UI چه تفاوتی با هم دارند؟

UX بیشتر با تجربه و احساس کاربر درگیر است در صورتی که UI با ظاهر و زیبایی صفحات سروکار دارد. UI کار به خروجی ظاهر کار دقت دارد در صورتی که UX کار تک تک حالات کاربر در هنگام استفاده از آن محصول یا وب سایت را مهم بر می شمارد.

متخصص ux آینده کسب و کارها را تعیین میکند!

اگر بگوییم آینده کسب و کار ها وابسته به طراحی UX و تجربه کاربری آنهاست بیراه نگفته ایم چرا که سرنوشت کسب و کار های بزرگی همچون سامسونگ و نوکیا یا گوگل و یاهو به همه ثابت کرده است که احساس رضایت مشتریان از رابط کاربری و مطلوب بودن تجربه کاربری می تواند پیشرفت و یا شکست یک کسب و کار را تعیین کند.

ما متوجه شدیم آموزش ux یا تجربه کاربری اهمیت بسیار زیادی در آینده یک کسب کار دارد. از طرفی کمبود متخصص طراح UX نه تنها در ایران بلکه در کل دنیا معزلی است که سازمان های کوچک و بزرگ با آن دست و پنجه نرم می کنند. از این رو می توان گفت با کسب مهارت در این زمینه می توانیم به راحتی وارد یک مجموعه که به متخصص UX نیاز دارد و در بخش تجربه کاربری ضعف دارد شده تا نقش تعیین کننده ای در آن ایفا کنیم. همچنین با کسب مهارت در زمینه طراحی تجربه کاربری می توانیم از طریق سایت های جهانی به صورت فریلنسری پروژه گرفته و درآمد دلاری کسب کنیم و روز به روز کیفیت کارهای خود را به استانداردهای جهانی نزدیک کنیم.

چرا باید در دوره مقدماتی آموزش ux آکادمی آی تی شرکت کنم؟

نکته ای که در اکثر آموزش های آنلاین مخصوصا در حوزه UX وجود دارد این است که مدرس، خود تجربه استفاده از آن مباحثی که تدریس میکند را نداشته و اکثر مطالبی که به دانشجو انتقال میدهد، صرفا بدیهیات و مفاهیم بدون کاربرد در بازار کار است. اما شما این ضعف را در دوره آموزش UX آکادمی آی تی مشاهده نخواهید کرد چرا که استاد علیرضا طاهری نوین به عنوان مدرس دوره، تجربه سال ها طراحی و مشاوره در زمینه رابط و تجربه کاربری خود را در این دوره به شما انتقال داده است.

یک ضعف که در اکثر دوره های آنلاین مشاهده می شود، آپدیت نبودن مباحث است. UX جزء حوزه هایی است که با مباحث روانشناسی و روانشناختی ارتباط مستقیم دارند و از آنجایی که این مباحث دائما در حال تکامل و بروزرسانی هستند یک متخصص UX هم باید با علم روز آشنا باشد. از این رو، مدرس دوره تمام مباحث بروز و مطابق با استاندارد های جهانی را به شما علاقه مندان آموزش داده است.

آیا این دوره پیش نیاز خاصی دارد؟

خیر، اگر سرفصل های دوره را مشاهده کرده باشید متوجه می شوید که مدرس دوره از مباحث مقدماتی شروع  به تدریس کرده تا همه دانشجویان دوره در یک سطح قرار بگیرند و با گذشت جلسات، مباحث تخصصی و کاربردی تری را به شما همراهان همیشگی آکادمی آی تی آموزش داده است.

سرفصل های دوره مقدماتی آموزش ux

قسمت اول: ماهیت و تفاوت تجربه کاربری (User experience) و رابط کاربری (User interface)

• معرفی مدرس دوره
• تجربه کاربری با رابط کاربری متفاوت است
• مسئولیت‌های طراحان UX و UI
• ماهیت طراحی تجربه کاربری 
• ماهیت طراحی رابط کاربری

قسمت دوم: شناخت خطاهای شناختی در تجربه کاربری

• اثر کمیاب بودن محصول - The Scarcity Effect
• اثر تایید اجتماعی - Social Proof

قسمت سوم: خطاهای شناختی مهم در زندگی-بخش اول

• پاریدولیا Pareidolia
• اثر نحوه‌ی ارائه Framing Effect
• اثر لنگر انداختن Anchoring Effect
• سوگیری تاییدی Confirmation Bias
• مَغلَطِه‌ی هزینه‌ی غرق شده The Sunk cost fallacy

قسمت چهارم: خطاهای شناختی مهم در زندگی-بخش دوم

• اثر ارابه‌ی موسیقی Bandwagon Effect
• نفرین دانایی Curse of Knowledge
• اثر دانینگ کروگر Dunning-Kruger Effect  
• خطای تمرکز بر اطلاعات در دسترس - Availability Heuristic
• سوگیری پس‌نگر - Hindsight Bias
• اثر واکنش متقابل - Reactance Bias

قسمت پنجم : خطاهای طراحی progress bar

• اثر زی‌گارنیک Zeigarnik Effect
• تمایل به تمام کردن کارها - Need to Complete
• اثر پاداش نامشخص Motivating-Uncertainty Effect
• اثر پیشرفت بادآورده  Endowed Progress Effect
• اثر نزدیک شدن به هدف Goal Gradient Effect
• اثر تجسم هدف The Goal Visualisation Effect
• زیان‌گریزی Loss aversion
• اثر آیکیا IKEA Effect

قسمت ششم: خطاهای طراحی pricing page

• اثر پرداخت غیر نقدی - Cashless Effect
• اثر پیشفرض - Default effect
• سوگیری پیشفرض جامعه Social Default Bias
• اثر فریب‌گر Decoy Effect
• سوگیری اندازه دسته Category Size Bias
• اثر مرکزیت Center-Stage Effect
• سوگیری دگرگون گریزی - Status quo bias
• توهم کنترل Illusion of control
• سوگیری خودکارسازی Automation bias
• اثر قدردانی Trivialization Effect

قسمت هفتم: تاثیر ۵ خطای شناختی بر رفتارهای جمعی

• اثر سازگاری اجتماعی - Social Conformity
• قانون 25 درصد - The 25 Percent Rule
• جانب‌گرایی درون‌گروهی - In-Group Favoritism
• خطای هاله‌ای - Halo effect
• اثر آنجلینا - The Angelina Effect

قسمت هشتم: 8 سوگیری شناختی تاثیر گذار بر HR

• اثر پیگمالیون - Pygmalion Effect
• اثر گالاته - Galatea Effect
• اثر حضار - Social Facilitation
• اثر همکار - Coaction effects
• نیمه مکالمه - Halfalogue
• اثر هاثورن - Hawthorne effect
• اثر هاله‌ای - Halo Effect
• نتیجه‌نگری - Outcome Bias

قسمت نهم: اصول قوانین گشتالت در طراحی UI

• تقدم - Emergence
• تصحیح - Reification
• چند وجهی - Multi-Stability
• تغییر ناپذیری - Invariance

قسمت دهم: کاربرد برخی از اصول گشتالت در طراحی رابط کاربری (UI)

• مجاورت - Proximity
• منطقه مشترک - Common Region
• شباهت - Similarity
• نقطه‌ی کانونی - Focal Point
• شکل و زمینه - Figure Ground
• سرنوشت مشترک - Common Fate
• پیوستگی - Closure

قسمت یازدهم: 7 اثر روانشناسی تاثیرگذار بر Iconography

• اثر استروپ - Stroop Effect 
• اثر برتری عکس - Picture superiority effect
• اثر کاربردی زیبایی - Aesthetic usability effect
• اثر جیکوب - Jakob’s Law
• قانون پراگنانس - Law of Prägnanz
• چشم‌انداز متعارف - Canonical perspective
• اثر شاهین/غاز - Hawk/goose effect

قسمت دوازدهم: 9 اثر روانشناسی تاثیرگذار بر طراحی Walkthrough

• بار شناختی - Cognitive Load
• قانون تسلر - Tesler's law
• ثبات عملکردی - Functional fixedness
• توهم دانش - Curse Of Knowledge Bias
• اثر حضار- Audience Effect
• روانشناسی انتظار - Waiting psychology
• اثر فاصله - Spacing effect
• اثر فرار از ابهام - Ambiguity effect
• شرطی‌سازی - Conditioning

قسمت سیزدهم: اصول روانشناسی حاکم بر فرآیندهای زمانبر

• مدت زمان مورد انتظار
• انتظار ناعادلانه
• انتظار بدون توضیح
• تبدیل زمان انتظار
• انتظار همراه با اضطراب
• اطلاع از پیشرفت
• انتظار گروهی
• ارزش انتظار کشیدن

قسمت چهاردهم: ۶ اثر روانشناسی مهم در قیمت‌گذاری

• تناقض انتخاب - The Paradox of Choice
• سوگیری اطلاعات غیر ضروری- Information bias
• پشیمانی خریدار - Buyer’s Remorse
• سوگیری حمایت از انتخاب - Choice-supportive bias
• اثر پول خرد - Denomination effect
• تاثیر قیمت رند - Round Pricing Preference

قسمت پانزدهم: چک‌لیست طراحی User Onboarding اپلیکیشن

• به کاربر چیزی که می‌خواهد بدهید ...
• افراد نمی‌خوانند، اسکن می‌کنند ...
• همه از Unboxing لذت نمی‌برند ...
• کوری تبلیغات بنری - Banner Blindness
• اعتبار مهم است
• هزینه تعامل را کم کنید

قسمت شانزدهم: چک لیست طراحی فرم ثبت‌نام

• رمز عبور
• هزینه تعامل
• درخواست اطلاعات بیش از حد
• به Easy To Use بودن توجه کنید
• از شبکه‌های اجتماعی برای ثبت‌نام استفاده کنید
• استفاده از خطای شناختی اثر ارائه در تایید قوانین و مقررات سایت
• از کپچا استفاده نکنید

قسمت هفدهم: چک لیست طراحی Splash Screen

• چرا استفاده کنیم و چرا استفاده نکنیم
• سرعت بارگذاری
• به ابعاد صفحه‌ی نمایش توجه کنید.
• به حجم اسپلش اسکرین توجه کنید.
• پیام خطای مناسب در صورت قطع اینترنت فراموش نشود.
• هر چیزی غیر از اسپلش اسکرین در ابتدا را حذف کنید
• در طراحی جذابیت بصری اغراق نکنید

قسمت هجدهم: چک لیست طراحی Search Box

• استفاده از آیکون ذره‌بین
• نمایش فیلد جستجو
• سایز مناسب فیلد جستجو
• مشخص کنید که دقیقا کاربر چه چیزهایی را می‌تواند جستجو کند
• دکمه را فراموش نکنید
• جانمایی در تمام صفحات
• ساده طراحی کنید
• طراحی بر اساس پیشفرض‌ها
• مدل ذهنی در شرف تغییر
• از پیشنهاد خودکار استفاده کنید
• به طراحی صفحه‌ی بدون نتایج هم فکر کنید

قسمت نوزدهم: چک لیست طراحی Tab Bar| Bottom Navigation

• منوی همبرگری
• تعریف Tab Bar بر اساس گایدلاین اپل
• تعریف Bottom Navigation بر اساس گایدلاین متریال
• علت مهم و همه‌گیر شدن منوی ناوبری پایین صفحه

قسمت بیستم: چک لیست طراحی Modals

• تفاوت Modal و Modeless
• دزدیدن توجه کاربر
• نیاز به ورودی کاربر
• نمایش اطلاعات بیشتر مرتبط
• نمایش اطلاعات بیشتر غیر مرتبط
• آموزش
• نکته بسیار مهم
• آناتومی پنجره مودال
• راه دررو
• عنوان توصیفی
• دکمه
• ابعاد
• بازشدن به درخواست

قسمت بیست و یکم: چک لیست طراحی صفحه‌ی تنظیمات

• یافت‌پذیری- Findability
• درک‌پذیری – Understandability
• یادآورپذیری – Memorability
• بخت‌یافت – Serendipity
• دسترس‌پذیری – Accessibility
• عناوین، آيکن و توضیحات مناسب
• گروه‌بندی و اولویت‌دهی
• جستجو در تنظیمات
• آیتم‌های مخرب در دور دست
• اعلانات ضروری در بالای لیست
• پیشنهادات در انتهای لیست

قسمت بیست و دوم: کوتاه در مورد تفاوت طراحی Responsive و Adaptive

• طراحی واکنشگرا - Responsive Design
• طراحی سازگار - Adaptive Design

قسمت بیست وسوم: کوتاه در مورد Heuristic Evaluation

• نمایش وضعیت سیستم 
• هماهنگی سیستم با جهان واقعی 
• نظارت و آزادی عمل کاربر 
• هماهنگی و رعایت استاندرادها
• پیشگیری از خطا 
• تشخیص به جای یادآوری 
• انعطاف و بهروری 
• زیبایی و کمینه‌گرایی 
• شفافیت در بیان خطا و ارائه‌ی راه‌حل
• راهنمایی و استناد دهی

قسمت بیست و چهارم: کوتاه در مورد Recognition Over Recall

• ساختار مغز
• ارائه مثال
• تشخیص به جای یادآوری

قسمت بیست وپنجم: کوتاه در مورد System Usability Scale

• لیست ۱۰ سوال در زبان انگلیسی
• Net Promoter Score

قسمت بیست و ششم: کوتاه در مورد Responsive breakpoints

• منظور از Breakpoint
• ابعاد پیشنهادی

قسمت بیست و هفتم: کوتاه در مورد Mental Design

• Mental Model
• Implementation Model
• مدل ذهنی از کجا میاد؟
• خلاصه Mental Model

قسمت بیست و هشتم: نتایج AB Test تایپوگرافی فارسی

• تومان در مقابل Toman
• اعداد فارسی در مقابل اعداد انگلیسی

قسمت بیست و نهم: چه پترن‌هایی در زبان فارسی قرینه می‌شوند؟

• پترن F و E  حاصل از EyeTracking
• آیا Progress Bar هم قرینه می شود؟

قسمت سیم: اسکرول بینهایت در مقابل صفحه‌بندی

• اسکرول بی نهایت
• صفحه بندی

قسمت سی و یکم: دکمه اصلی سمت راست باشه یا چپ؟

• محل قرارگیری دکمه مهمتر
• وزن دکمه
• تاثیر سیاست سایت در محل قرارگیری دکمه
• ناهماهنگی شناختی

قسمت سی و دوم: چرا گوش دادن به مشتری اشتباه است؟

• سوال میلیون دلاری!
• چرا این جمله درست است؟

قسمت سی و سوم: چطور کارفرما را به هزینه‌کرد در UX قانع کنیم؟

• Data-Driven
• چطور در UX می‌توان انتظار ROI صد برابری را داشت؟
• افزایش فروش 
• کاهش هزینه CAC & CRM