آموزش طراحی تعامل 101: جریان های کاربر، Wireframes، نمونه های اولیه، و بیشتر!
Interaction Design 101: User flows, Wireframes, Prototypes, and More!
طراحی تعامل فراتر از ظاهر یک محصول دیجیتال است (طراحی رابط یا رابط کاربری) و نحوه تعامل کاربران با محصول، سیستم یا خدمات را در نظر می گیرد. در کلاس یاد خواهید گرفت:
- طراحی تعامل چیست و چرا مهم است
- نحوه ترسیم جریان های کاربر برای تسهیل وظایف کاربر/کارهایی که باید انجام شوند
- نحوه "انجام" طراحی تعامل از طریق وایرفریم ها، نمونه های اولیه و تعریف نحوه تعامل کاربر با یک محصول
شما این کار را از طریق پروژه خود انجام خواهید داد، جایی که می‌توانید هر یک از مراحل را در طول کلاس اعمال کنید.
با هر درس یاد خواهید گرفت که چگونه یک مرحله در طراحی تعامل انجام دهید و آن را در پروژه خود اعمال کنید. این پروژه می تواند هر برنامه یا ایده محصولی باشد که دارید، یا می توانید از یک مثال ساختگی برای تمرین مراحلی مانند یک برنامه تحویل الکل، یک برنامه اشتراک گذاری خودرو و غیره استفاده کنید. حتی ممکن است بخواهید از یک برنامه استفاده کنید. محصول موجود برای تمرین.
در پایان کلاس شما خواهید داشت:
- یک جریان کاربر برای برنامه شما
- چند طرح از طرح ها برای برنامه شما
- قاب‌های سیمی این طرح‌ها
- نمونه اولیه
- و اسنادی که تعاملات را نشان می دهد.
در هر درس به شما اشاره خواهم کرد که از چه ابزارهایی ممکن است بخواهید برای هر فعالیت استفاده کنید، اما واقعاً این به شما بستگی دارد
جریان کاربر
می توانید این را با قلم و کاغذ یا با استفاده از هر ابزار آنلاین ایجاد کنید.
یک عکس از جریان کاربری خود آپلود کنید
طرح ها
این فعالیت را با قلم و کاغذ انجام دهید
تصویری از طرح های خود آپلود کنید.
Wireframes
اینها را با استفاده از هر برنامه ای که با آن راحت هستید ایجاد کنید، بسیاری از آنها یک دوره آزمایشی رایگان دارند. حتی می توانید از PowerPoint یا KeyNote برای این کار استفاده کنید. پیوند به برخی نرم افزارهای دیگر:
تصویری از طرح های خود آپلود کنید.
نمونه های اولیه
اینها را با استفاده از هر برنامه ای که با آن راحت هستید ایجاد کنید، بسیاری از آنها یک دوره آزمایشی رایگان دارند. حتی می توانید از PowerPoint یا KeyNote برای این کار استفاده کنید. پیوند به برخی نرم افزارهای دیگر:
نمونه اولیه قابل کلیک/قابل ضربه زدن
نمونه های اولیه کاملاً تعاملی
برای نمونه‌های اولیه، یک URL قابل اشتراک‌گذاری از ابزاری که استفاده میکنید بسازید (مثلاً Axshare برای Axure، پیوند InVision، یا ذخیره یک نمایش ppt و میزبان در dropbox مشابه)
مستندسازی
اینها را با استفاده از هر برنامه ای که با آن راحت هستید ایجاد کنید.
یک تصویر آپلود کنید.
درس ها Lessons
-
مستندسازی تعامل Documenting the interaction
-
وایرفریم ایجاد کنید Create wireframes
-
خلاصه - طراحی تعامل 101 Recap - Interaction design 101
-
طراحی تعامل چیست What is interaction design
-
رابط کاربری را ترسیم کنید Sketch the interface
-
نگاشت جریان های کاربر Mapping user flows
-
نمونه سازی Prototyping
-
به Interaction Design 101 خوش آمدید Welcome to Interaction Design 101
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/fcb3d5
Kayla Heffernan
سرپرست طراحی UX، کاندیدای دکترا و عمومی S
سلام، من کایلا هستم.
من مدیر طراحی UX، کاندیدای دکترا و سخنران عمومی هستم.
من عاشق کاری هستم که انجام می دهم. من 10 سال تجربه در طراحی تعامل، UX، دسترسی و تحقیقات کاربر دارم. من مشتاق طراحی در دسترس و فراگیر هستم و همیشه از بهترین، فراگیر و تجربیات کاربری برای همه دفاع می کنم.
برای مطالعه در مورد مسائل مختلف UX که به شما کمک می کند در مورد راه هایی برای درک، اندازه گیری و بهبود UX فکر کنید.
نمایش نظرات