آموزش یادگیری UX: Wireframing و نمونه سازی یک برنامه موبایل
Learn UX: Wireframing and Prototyping a Mobile App
در این کلاس، شما یاد خواهید گرفت که چگونه با استفاده از Balsamiq به سرعت یک برنامه تلفن همراه را قالب بندی کنید و به سرعت نمونه سازی کنید.
نام من ، است و من یک طراح و برنامه‌نویس محصول هستم. من این کلاس را به طور خاص برای طراحان UX مبتدی و متوسط طراحی کردم که مایلند یاد بگیرند که چگونه از و Adobe XD برای قالب بندی و نمونه سازی اولیه استفاده کنند و مهارت های طراحی UX خود را ارتقا دهند زیرا تقاضا برای طراحان UX به طور فزاینده ای در حال افزایش است.
پس از مقدمه ای کوتاه، در مورد نرم افزار Balsamiq، چرایی اهمیت وایرفریمینگ بحث خواهیم کرد و به ابزارها، مفاهیم اولیه و اصطلاحات Balsamiq خواهیم پرداخت. از آنجا، ما Adobe XD را مورد بحث قرار می دهیم و مروری بر نرم افزار Adobe XD ارائه می دهیم. پس از آن، ما چیزهایی را که یاد گرفته‌ایم می‌گیریم و شما را از طریق یک نمونه پروژه برنامه تلفن همراه که با هم قالب‌بندی و نمونه‌سازی می‌کنیم، راهنمایی می‌کنیم. همچنین نکات و ترفندهایی را در طول مسیر یاد خواهید گرفت.
در پایان این دوره، شما این فرصت را خواهید داشت که مجموعه ای از وایرفریم ها و نمونه های اولیه خود را بر اساس برنامه تلفن همراه انتخابی خود ایجاد کنید. شما می‌توانید از این مجموعه وایرفریم‌ها و نمونه‌های اولیه به عنوان یک پروژه در مجموعه خود استفاده کنید.
من نمی توانم صبر کنم تا شما را در کلاس ببینم و با هم وایرفریم و نمونه سازی را شروع کنیم! :)
برای پروژه کلاس، از شما می‌خواهم ابزارها و مهارت‌ها را برای ایجاد مجموعه‌ای از 5 تا 7 قاب سیمی و یک نمونه اولیه بر اساس برنامه تلفن همراه انتخابی خود به کار ببرید. اگر ایده ای برای یک برنامه تلفن همراه دارید، از آن ایده برای توسعه چند شخصیت، یک جریان کاربر، و ایجاد وایرفریم و نمونه اولیه خود از آنجا استفاده کنید.
من فایل‌های منبع را برای Balsamiq و Adobe XD ایجاد کرده‌ام که دارای الگوهایی برای شخصیت‌ها، یک جریان کاربر، و قاب‌های سیمی و نمونه اولیه برای برنامه تمرینی خیالی که در دوره ایجاد کردیم.
با خیال راحت هر چیزی را پست کنید، حتی اگر فکر می کنید هنوز کامل نیست. من اینجا خواهم بود و به بهترین شکل ممکن به شما کمک خواهم کرد.
بی صبرانه منتظر دیدن پروژه های شما هستم! :)
درس ها Lessons
-
افکار نهایی Final Thoughts
-
درباره پروژه در Adobe XD About the Project in Adobe XD
-
درباره بالسامیک About Balsamiq
-
پنل ویژگی های کتابخانه UI در Balsamiq UI Library Properties Panel in Balsamiq
-
قاب بندی لیست تمرینات صفحه نمایش Wireframing the List of Workouts Screen
-
لیست صفحه تمرینات در Adobe XD List of Workouts Screen in Adobe XD
-
صفحه تنظیم نمایه در Adobe XD Profile Setup Screen in Adobe XD
-
قاب کردن صفحه نمایش جزئیات تمرین Wireframing the Workout Details Screen
-
وایرفریم کردن صفحه ایجاد حساب کاربری Wireframing the Create an Account Screen
-
یک صفحه حساب در Adobe XD ایجاد کنید Create an Account Screen in Adobe XD
-
پیوند و ارائه در Balsamiq Linking and Presentation in Balsamiq
-
پرسونا و جریان کاربر در Adobe XD Personas and User Flow in Adobe XD
-
پیوند و ارائه در Adobe XD Linking and Presentation in Adobe XD
-
تابلو و بوم ناوبری در Balsamiq Navigator Panel and Canvas in Balsamiq
-
صفحه نمایش ویدیوی تمرین در Adobe XD Workout Video Screen in Adobe XD
-
نوار ابزار Balsamiq Balsamiq Toolbar
-
نمای کلی Adobe XD Overview of Adobe XD
-
مقدمه Introduction
-
وایرفریم کردن صفحه ویدیو تمرین Wireframing the Workout Video Screen
-
صفحه نمایش جزئیات تمرین در Adobe XD Workout Details Screen in Adobe XD
-
چرا باید Wireframe و Prototype کنید؟ Why You Should Wireframe and Prototype
-
ارائه نمونه اولیه PDF در Balsamiq PDF Prototype Presentation in Balsamiq
-
وایرفریم کردن صفحه تنظیم نمایه Wireframing the Profile Setup Screen
-
بیایید Wireframing را در Balsamiq شروع کنیم Let's Start Wireframing in Balsamiq
-
وایرفریم چیست؟ What Is a Wireframe
https://donyad.com/d/48d6
Gene Guy
طراح/توسعه‌دهنده محصول
سلام، من جین هستم. من یک طراح و توسعه دهنده محصول هستم.
من برنامه های موبایل، گرافیک های متحرک و وب سایت هایی را برای برندهای جهانی و استارت آپ ها طراحی می کنم. من بیش از 15 سال تجربه در طراحی UX و UI دارم و با برندهای جهانی مانند AT T، Fidelity، Apple، ESPN، NBA و بسیاری دیگر کار کرده ام. من همچنین یکی از بنیانگذاران یک شرکت اپلیکیشن موبایل بودم.
من رسانه های تعاملی را در مدرسه هنرهای تجسمی در نیویورک تحصیل کردم، جایی که مدرک M.F.A گرفتم، و همچنین در دانشگاه نیویورک در رشته گرافیک حرکتی و طراحی پخش برنامه تحصیل کردم.
نمایش نظرات