آموزش طراحی تعامل 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
https://donyad.com/d/fcb3d5
Kayla Heffernan
سرپرست طراحی UX، کاندیدای دکترا و عمومی S
سلام، من کایلا هستم.
من مدیر طراحی UX، کاندیدای دکترا و سخنران عمومی هستم.
من عاشق کاری هستم که انجام می دهم. من 10 سال تجربه در طراحی تعامل، UX، دسترسی و تحقیقات کاربر دارم. من مشتاق طراحی در دسترس و فراگیر هستم و همیشه از بهترین، فراگیر و تجربیات کاربری برای همه دفاع می کنم.
برای مطالعه در مورد مسائل مختلف UX که به شما کمک می کند در مورد راه هایی برای درک، اندازه گیری و بهبود UX فکر کنید.
نمایش نظرات