آموزش فرآیند طراحی UX در Adobe XD: نگاه مبتدی
UX design process in Adobe XD: A Beginner's Look
مهارت های زیادی وجود دارد که یک طراح را درخشان و موثر می کند. برخی از آنها در ارتباط طراحان با مشتریان خود بسیار مهم هستند. صاحبان مشاغل ممکن است درک محدودی از پارادایم‌ها، روش‌ها، اثربخشی طراحی داشته باشند و طراحان باید سریع و مؤثر با آنها ارتباط برقرار کنند. روش‌های طراحی UX مهارت‌های بسیار مهمی هستند که به طراحان اجازه می‌دهند تا به‌طور مؤثر محصولات قابل تحویل طراحی را ایجاد کرده و به کاربران نهایی تحویل دهند.
در این دوره آموزشی، فرآیند طراحی UX سطح بالا و کارآمد را پوشش خواهیم داد. من نشان خواهم داد که چگونه نمونه سازی تجربیات بهتری برای کسب و کار و کاربر ایجاد می کند. من همچنین وفاداری مختلف نمونه های اولیه را پوشش می دهم، توضیح می دهم که چگونه و چه زمانی از آنها به طور موثر استفاده کنیم. این دوره به شما نحوه ایجاد وایرفریم با وفاداری پایین و بالا، بهترین شیوه ها و تکنیک های مهم و نحوه ایجاد نمونه سازی تعاملی را آموزش می دهد. به طور خاص، ابزاری که ما استفاده خواهیم کرد Adobe XD است. بنابراین اگر آماده هستید، بیایید فرآیند طراحی UX کارآمد را بررسی کنیم.
در این دوره، شما یاد می گیرید.
- مروری بر فرآیند طراحی UX خوب در دنیای واقعی
- Adobe XD و ابزار اساسی که برای شروع به آن نیاز داریم چیست؟
- چگونه در Adobe XD وفاداری کم ایجاد کنیم؟
- چگونه در Adobe XD وفاداری بالا ایجاد کنیم؟
- چگونه می توان پروژه های Adobe XD را به اشتراک گذاشت و در مورد آنها نظر داد؟
ما از:
می رویم
به این:
سپس این:
اولین وب سایت تجارت الکترونیک خود را از ابتدا با Adobe XD طراحی کنید.
ما از:
می رویم
به این:
سپس این:
تکلیف
شما نحوه طراحی و ایجاد یک صفحه وب را از ابتدا یاد خواهید گرفت. بیاموزید که چگونه یک قاب سیمی با کیفیت پایین و یک قاب سیمی با وفاداری بالا برای یک نمونه اولیه تعاملی قابل اشتراک‌گذاری ایجاد کنید.
محصولات تحویلی
پیوندهای نمونه اولیه را با کاربران به اشتراک بگذارید، ذینفعان برای جمع آوری بازخورد و با توسعه دهندگان برای شروع ساخت سایت. طراحی وب سایت تجارت الکترونیک کوچک را در Adobe XD شامل موارد زیر به پایان برسانید:
معماری اطلاعات
جریان کاربر
صفحه اصلی محصول و صفحات فرعی در Wireframe با کیفیت پایین.
صفحه اصلی محصول و صفحات فرعی در قاب سیمی با وفاداری بالا.
هر چیز دیگری که می خواهید در سایت باشد.
همه موارد بالا باید خوب به نظر برسند!
/span> اگر مشتاق هستید، ادامه دهید!
منابع
برنامه های دانلود
دانش آموزان باید قبل از این کلاس برنامه را نصب کنند
- یا
برای مرجع
- در اینجا نمونه اولیه ای است که ما در این کلاس انجام دادیم.
- آموزش عمیق ابزار طراحی Adobe XD
منابع
https://helpx.adobe.com/xd/tutorials.html
https://www.amarewear.com
درس ها Lessons
-
جریان کاربر User flow
-
معرفی Introduction
-
ساختار اطلاعات Information architecture
-
نمونه اولیه تعاملی Interactive Prototype
-
درک طراحی (سطح بالا) Understand Design (High Level)
-
وایرفریم با وفاداری بالا High Fidelity Wireframe
-
پرسونا Persona
-
پایان یافتن Ending
-
ابزارهای اساسی Adobe XD Adobe XD basic tools
-
وایرفریم با کیفیت پایین Low Fidelity Wireframe
درس ها Lessons
-
پرسونا Persona
-
جریان کاربر User flow
-
درک طراحی (سطح بالا) Understand Design (High Level)
-
ابزارهای اساسی Adobe XD Adobe XD basic tools
-
نمونه اولیه تعاملی Interactive Prototype
-
وایرفریم با کیفیت پایین Low Fidelity Wireframe
-
معرفی Introduction
-
وایرفریم با وفاداری بالا High Fidelity Wireframe
-
ساختار اطلاعات Information architecture
-
پایان یافتن Ending
https://donyad.com/d/722577
Jill Chu
طراح محصول
سلام! من جیل هستم. من بیش از 14 سال است که طراح محصول هستم. من مفاهیم، فریم‌های سیمی، نمونه‌های اولیه، برند، بصری، UI/UX و طراحی واکنش‌گرا را زندگی می‌کنم و تنفس می‌کنم. من با چند استارت آپ، شرکت های بزرگ و بسیاری از پروژه های مستقل با شرکت های مختلف کار کرده ام. من از مربیگری لذت می برم و از افرادی که به طراحی و زندگی علاقه دارند یاد می گیرم. من در سانفرانسیسکو مستقر هستم.
نمایش نظرات