طراحی رابط کاربری و ارزیابی تجربه کاربری UI / UX - يكشنبه سه شنبه 20-16
کامپیوتر | طراحی وب، سئو و دیجیتال مارکتینگ | طراحی رابط کاربری و ارزیابی تجربه کاربری
45 ساعت
11 جلسه
یکشنبه - سه شنبه
16:00 الی 20:00
↵
- اهداف برگزاري دوره/ كارگاه:
برخی اهداف برگزاری دوره به شرح زیر است:
- آشنایی دانشجویان با مفاهیم و اصول پایه UI و UX
- یادگیری انجام تحقیقات کاربری و ایجاد پرسونای کاربر
- توانایی برنامهریزی و ایجاد معماری اطلاعات
- تسلط بر طراحی وایرفریم و ساخت پروتوتایپ
- کسب مهارتهای لازم طراحی بصری به منظور ایجاد یک رابط کاربری جذاب و کاربردی
- یادگیری اصول طراحی واکنشگرا و دسترسپذیر
- یادگیری تکنیکهای آزمون کاربردپذیری و تحلیل دادههای کاربری
- کسب مهارتهای همکاری تیمی در طرحی UI/UX
- ایجاد یک پورتفولیوی حرفهای برای ورود به بازار کار
- سابقه برگزاري دوره در داخل يا خارج از كشور:
در دهه 2000 میلادی، با گسترش اینترنت و ورود شرکتهای بزرگ دیجیتال، مانند گوگل و اپل، توجه به تجربه کاربری افزایش یافت و این مجموعهها نیاز به متخصصان UI/UX پیدا کردند؛ در نتیجه دانشگاهها و مراکز معتبر جهانی مانند MIT، دانشگاه استنفورد و دانشگاه کالیفرنیا به آموزش اصول UI/UX و رشتههای مرتبط با آن پرداختند.
دورههای UI/UX در ایران، از اوایل دهه 1390 به طور جدی شروع به رشد کردند؛ با افزایش تقاضا برای طراحی رابط کاربری و ارزیابی تجربه کاربری، موسسات و آکادمیهای مختلف این دورهها را به دورههای آموزشی خود اضافه کردند. پیش از این، طراحی و توسعه بیشتر بر جنبههای فنی (کدنویسی و توسعه نرمافزار) متمرکز بود و توجه بسیار کمی به طراحی تجربه کاربری میشد.
- توانايي‌هاي مورد انتظار فراگيران در پايان دوره/ كارگاه:
پس از گذراندن دوره UI/UX از دانشپذیران انتظار میرود توانایی درک عمیقی از مفاهیم UI/UX به دست آورند و بتوانند تفاوتها و نقش هرکدام را در بهبود تجربه کاربری توضیح دهند. دانشپذیر با مهارت کسب شده در زمینه تحقیقات کاربری و ایجاد پرسونا، نیازها و انگیزیههای کاربران را شناسایی کرده و از آن برای طراحیهای کارآمد استفاده میکند. همچنین با تسلط بر معماری اطلاعات، ساختار محتوای دیجیتال را به گونهای طراحی میکند که کاربران به راحتی بتوانند به بخشهای مختلف یک محصول نرمافزاری دسترسی پیدا کنند. این دوره، مهارت طراحی وایرفریم و پروتوتایپسازی را نیز به دانشپذیر میآموزد تا بتواند طرحهای تعاملی ایجاد کرده و از کاربران بازخورد بگیرد. ضمن آشنایی با اصول طراحی بصری مانند تئوری رنگها و تایپوگرافی، دانشپذیر در انتهای دوره میتواند رابطهای کاربری جذاب و هماهنگی را طراحی کند.
- زمينه‌هاي اشتغال زايي دوره/ كارگاه:
پس از پایان دوره میتوان به عنوان طراح رابط کاربری در شرکتهای مختلف نرمافزاری مشغول به کار شد
مقدمه
وتوتایپسازی و طراحی تعاملات
اصول طراحی رابط کاربری
طراحی واکنشگرا
تحقیقات و ساخت پرسونای کاربر
فرآیند تفکر، طراحی و ایدهپردازی
مبانی طراحی وایرفریم
ساخت پورتفولیو
معماری اطلاعات
دسترسیپذیری
مدیریت پروژه و همکاری تیمی
کاربردپذیری
- تعریف UI و UX
- اهمیت و نقش UI و UX در محصولات دیجیتال
- تاریخچه و تحولات UI و UX
معرفی ابزارهای طراحی UI (Figma ، Adobe XD و ....)
ساخت Prototype و طراحی تعاملات
- اصول ساخت Prototype و انواع Prototype (کاغذی، دیجیتال)
- تکنیکهای طراحی تعاملات
- اصول حرکت و Transition در طراحی
- ایجاد Prototype Application موبایل در Figma
ابزارهای ساخت Prototype تعاملی
اصول طراحی رابط کاربری
- تئوری رنگها
- Plugins & Community
- اصول Contrast، توازن و هماهنگی در طراحی
- استفاده از Icon ها، تصاویر و انیمیشنها
- طراحی بصری با توجه به حواس و ادراک کاربر
- اصول فاصلهگذاری و سایهها در طراحی رابط کاربری
- اصول Typography در طراحی رابط کاربری
- چیدمان عناصر با استفاده از Autolayout در Figma
- ساخت Component و Variant در Figma
- ساخت Interactive Component در Figma
درک مفاهیم Userflow ، Taskflow و پیاده سازی آن در Figma
طراحی Responsive
- اصول طراحی Responsive و انطباقی
- تعریف نقاط شکست (Breakpoints) و تکنیکهای طراحی
- آشنایی با الگوهای موبایلمحور
- ایجاد طرحهایی که در تمامی دستگاهها به درستی نمایش داده شوند
آزمایش طرحها در دستگاههای مختلف
: سایر نکات UI و UX
- نویسندگی تجربه کاربری و اهمیت آن در تجربه کاربری
- قواعد گشتالت و کاربرد آن در طراحی رابط کاربری و تجربه کاربری
معرفی وبسایتهای مرتبط در زمینه UI / UX (وبسایت برای رنگ، تصویر، آیکون، وکتور، فونت و .....)
تحقیقات و ساخت Persona برای کاربر
- اهمیت تحقیقات کاربر و تاثیر آن بر طراحی
- انواع تحقیقات کاربری (کیفی و کمی)
- تکنیکهای جمعآوری داده (مصاحبه، نظرسنجی، مشاهده)
- تحلیل نیازها، اهداف و انگیزههای کاربران
- ایجاد Persona کاربری و نقشههای همدلی (Empathy Map)
تحلیل رقابتی و بررسی رقبا
سرفصل: فرآیند تفکر، طراحی و ایدهپردازی
- معرفی مراحل تفکر طراحی: همدلی، تعریف، ایدهپردازی، نمونهسازی و آزمون
- روشهای مختلف ایدهپردازی (طوفان فکری، نقشهی ذهنی)
- طراحی داستان کاربر
شناخت مشکلات کاربران و پیدا کردن راهحلهای خلاقانه
مبانی طراحی Wireframe
- تعریف Sketch و اهیمت آن در طراحی
- تعریف Wireframe و اهمیت آن در طراحی
- تفاوت بین Wireframe های کموضوح و پروضوح
- استفاده از ابزارهای طراحی Wireframe مانند Figma
- طراحی و ترسیم اولیه طرحهای رابط کاربری
شناخت و استفاده از الگوهای استاندارد طراحی
سرفصل: ساخت Portfolio
ایجاد یک Portfolio حرفهای در Figma
- مفهوم معماری اطلاعات و تاثیر آن بر تجربه کاربر
- اصول طراحی ساختار سایت و نرمافزار
- روشهای مرتبسازی محتوا و دستهبندی اطلاعات
- نقشه سایت و تحلیلهای پیمایش کاربران
کارت سورتینگ و ایجاد ساختارهای منطقی برای کاربر
دسترسی پذیری
- آشنایی با استانداردهای WCAG و دسترسپذیری
- طراحی برای گروههای مختلف از جمله نابینایان، ناشنوایان و ....
- ایجاد تضاد رنگ مناسب و اهمیت آن در طراحی
بررسی و ارزیابی دسترسپذیری با ابزارهای مخصوص
- اصول مدیریت پروژه در طراح UI/UX
- روشهای کار تیمی و ارتباط با ذینفعان پروژه
- نحوه ارائه پروژهها و دفاع از ایدههای طراحی
- معرفی Design Handoff در Figma
طراحی Post و Story اینستاگرام در Figma
مدیریت پروژه و همکاری تیمی
- اصول مدیریت پروژه در طراح UI/UX
- روشهای کار تیمی و ارتباط با ذینفعان پروژه
- نحوه ارائه پروژهها و دفاع از ایدههای طراحی
- معرفی Design Handoff در Figma
طراحی Post و Story اینستاگرام در Figma
کاربرد پذیری
- معرفی برخی از روشهای آزمون کاربردپذیری (A/B Testing و ....)
- جمعآوری و تفسیر دادهها برای بهبود طراحی
- استفاده از نقشههای حرارتی و تحلیلهای پیمایش کاربران
ابزارهای کاربردپذیری و تحلیل کاربران (Hotjar و ....)