Affinity Designer یک ابزار طراحی بردار کراس پلتفرم است که ساده، کارآمد و آسان برای استفاده برای UX، UI، و طراحی وب واکنشگرا است. شما می توانید مواد برندینگ، وب سایت ها، رابط های برنامه، آرم ها و موارد دیگر را ایجاد کنید. بیاموزید که چگونه Affinity Designer را در فرآیند طراحی UX خود بگنجانید. در اینجا رونی مک براید نحوه تنظیم تنظیمات برگزیده و فضای کاری خود، استفاده از تابلوهای هنری، ایجاد تم های رنگی سفارشی در پانل Swatches، ایجاد و استفاده از شبکه‌ها برای طرح‌بندی، و ساخت قاب‌های سیمی، ماکت‌ها، دارایی‌های رابط کاربری، و گرافیک قهرمان را نشان می‌دهد - همه با مجموعه ابزار همه کاره در Affinity Designer. هنگامی که فهمیدید با Affinity Designer چه کاری می توانید انجام دهید، ممکن است دیگر هرگز به نرم افزار طراحی گران قیمت برنگردید.

تا آنجا که ما می دانیم هیچ ولکانی در میان ما وجود ندارد. به این ترتیب، همه افراد در جهان در مواقعی مستعد واکنش با احساسات نسبت به منطق هستند. از منظر طراحی، می‌توانید با توسل به واکنش عاطفی و هدایت افراد به مسیر دلخواه خود از این موضوع به نفع خود استفاده کنید. کریس نادر در این دوره، چهارمین قسمت از مجموعه بر اساس کتاب Evil by Design خود، بررسی می کند که چه اتفاقی می افتد زمانی که شخصی یک عکس العمل غیرمنتظره و برنامه ریزی نشده به طراحی شما نشان می دهد، و چگونه می توانید آن را به طور موثر به سمت شما هدایت کنید. واکنش های غیرمنتظره را به اقدامات هدفمند تبدیل کنید. او نشان می‌دهد که چگونه می‌توان از کمبود، محدودیت‌های زمانی، لنگرها و سایر استراتژی‌ها برای مهار احساسات کاربر برای ساخت طرح‌های واقعا متقاعدکننده استفاده کرد.

برگه‌های اسپرایت CSS دریچه دیگری را برای حرکت وب باز کرده‌اند و به شما این امکان را می‌دهند که به طور موثر مجموعه‌ای از تصاویر را متحرک کنید - از حالت دکمه گرفته تا حالت کاراکتر. در این دوره سریع، تام گرین به شما نشان می‌دهد که چگونه می‌توانید چرخه راه رفتن یک کاراکتر را با ایجاد یک صفحه sprite در Flash، ویرایش در Fireworks و قرار دادن آن در حرکت (و در HTML خود) با Edge Animate متحرک کنید.

به انیمیشن گیف پایین نگاه کنید: در حال بازگشت به وب، ظاهر شدن به عنوان یک پیش بارگذاری یا نشان دهنده بارگیری محتوای سایت است. به تام گرین بپیوندید، زیرا او به شما نشان می دهد که چگونه در این قسمت از Web Motion برای مبتدیان، پیش بارگذاری کننده مبتنی بر GIF خود را بسازید. شما یاد خواهید گرفت که چگونه یک سری انفجار به سبک آتش بازی را از After Effects صادر کنید، یک GIF متحرک در Photoshop یا Fireworks (به انتخاب شما) ایجاد کنید، و GIF را به عنوان یک پیش بارگذاری در Edge Animate قابل استفاده کنید.

 در این دوره ، برای یادگیری نحوه ادغام انیمیشن های LOTTIE در پروژه های FIGMA ، به متخصص تام گرین بپیوندید. تام دامنه و گردش کار را برای ایجاد انیمیشن های Lottie پوشش می دهد ، سپس به شما نشان می دهد که چگونه می توانید افزونه Lottie را برای ادغام مستقیم در FIGMA نصب کنید. از آنجا ، یاد بگیرید که چگونه می توانید انیمیشن ها را در Lottie ایجاد کنید و خصوصیات آنها را پیکربندی کنید ، از Lottie Creator برای ویرایش عمیق و پیکربندی انیمیشن ها استفاده کنید و پرونده های Lottie را برای دستیابی به توسعه دهندگان بهینه کنید.

ماریا جودیس، بنیانگذار Hot Studio و تیم طراحی چند رشته ای استثنایی او، این مجموعه را برای مشتریان وب مانند eBay، Gap و موزه هنر مدرن سانفرانسیسکو به زیبایی شفاف می کند. ماریا کار استودیو را بر روی طراحی مردم محور متمرکز می کند تا تجربیات کاربر شگفت انگیزی را در وب و چاپ ایجاد کند. ببینید چگونه آنها "هوش جمعی" را در مراحل کشف، استراتژی، طراحی و ساخت به کار می برند. این قسمت از الهام‌های خلاق بینندگان را به یکی از جالب‌ترین شرکت‌های طراحی اطراف می‌برد.

Local Projects طرح های چندرسانه ای خلاقانه ای را برای مدارس، موزه ها و فضاهای عمومی ایجاد می کند. هدف آنها ترجمه ایده های پیچیده مانند فیزیک، هنر و تاریخ به تجربیاتی است که هم آموزش و هم الهام بخش است. در این بینش‌های خلاق، بنیانگذار جیک بارتون توضیح می‌دهد که چگونه فضای کاری بین رشته‌ای منحصربه‌فرد و روش‌شناسی نمونه اولیه منجر به نوآوری و نصب‌هایی می‌شود که به خوبی پیر می‌شوند. تیم او همچنین توضیح می دهد که چگونه پروژه هایی را برای موزه هنر کلیولند، تالار علوم نیویورک و موزه یادبود 11 سپتامبر توسعه دادند.

Web Motion برای مبتدیان مجموعه ای از دوره هایی است که برای معرفی شما با زمینه نوظهور موشن گرافیک برای وب طراحی شده است. با این دوره شروع می شود، مروری بر فرآیند برنامه ریزی و ایجاد. نویسنده تام گرین به شما یادآوری می کند که به دنیای اطراف خود توجه کنید و بر اهمیت استوری بورد، برنامه ریزی پروژه و انتخاب ابزار تأکید می کند.

پیروی از یک تکنیک طراحی کاربر محور، شما را بیشتر با نیازهای واقعی کاربران خود در تماس قرار می دهد، که به شما کمک می کند راه حل هایی را ایجاد کنید که واقعاً برای مخاطبان مورد نظر شما کارآمد باشد. رویکردهای توضیح داده شده در این دوره به تیم های توسعه کمک می کند تا دیدگاه های متنوع خود را با هم ترکیب کنند و با یکدیگر همکاری کنند تا بفهمند چگونه افکار، احساسات، ناامیدی ها و خواسته های کاربران را به طراحی یک محصول تبدیل کنند.\r\n\r\n هر تکنیک در این سری بر اساس داده ها و خروجی های تکنیک های قبلی است. داده های کاربر از مشاهدات برای شناسایی نقاط درد کاربر و ایجاد پرسونا استفاده می شود. نقاط درد و شخصیت ها در مرحله ایده پردازی برای ایجاد راه حل های ممکن متعدد استفاده می شوند. سناریوها و استوری‌بردها از این راه‌حل‌های متعدد ممکن استفاده می‌کنند و آن‌ها را به یک مجموعه کاری محدود می‌کنند، که از آن یک نمونه اولیه کاغذی می‌سازید که می‌توانید قابلیت استفاده را با برخی از کاربران معرف بیشتر آزمایش کنید. در هر نقطه ای، می توانید مسیر را تا آخر به داده هایی که از مشاهدات اولیه خود جمع آوری کرده اید دنبال کنید.

کاربران شما چه کسانی هستند؟ چالش های آنها چیست؟ طراحی شما چگونه می تواند نیازهای آنها را برطرف کند؟ تحقیقات UX می تواند به شما در پاسخ به این سوالات و بسیاری دیگر کمک کند. در این قسمت از تکنیک‌های طراحی UX، کریس نادر فرآیند به‌دست‌آوردن داده‌های کاربر و تبدیل آن داده‌ها به ایده‌های پروژه عملی را طی می‌کند. بیاموزید که چگونه کاربران را در حال تعامل با یک نمونه اولیه یا به سادگی انجام وظایف مشاهده کنید، نقشه های تجربه بسازید که این تعاملات را به تصویر می کشد، داده ها را تجزیه و تحلیل کنید، و ایده هایی را برای محصولات و ویژگی های جدید استخراج کنید.

خرید آنلاین ممکن است از اواسط دهه 1990 شروع شده باشد، اما این یک ابدیت در زمان اینترنت است و روش‌های فروش آنلاین کالاها و خدمات دائما در حال تغییر است. در این دوره، کریس نادر، طراح تعامل، درس هایی را که از طراحی سایت های تجارت الکترونیک آموخته است، همراه با یافته های مطالعات تحقیقاتی متعدد به اشتراک می گذارد. چه در حال ایجاد اولین فروشگاه آنلاین خود باشید و چه مسئول یک سایت خرده فروشی بزرگ، کریس دستورالعمل های مفیدی را برای هر قسمت از سایت تجارت الکترونیک، از صفحه اصلی، صفحات محصول، تا پرداخت ارائه می دهد. کریس همچنین رفتار کاربر هنگام خرید آنلاین، برندسازی چند دستگاه و ملاحظات تجربه، و اهمیت طراحی سایت شما را پوشش می دهد تا کاربران بتوانند قبل از خرید تحقیق کنند و پس از فروش به دنبال پشتیبانی باشند. او دوره را با پوشش نحوه تشکیل یک تیم قوی برای حمایت از برند و تجربه مشتری به پایان می رساند، که برای اطمینان از ایجاد راه حل هایی که برای همه افراد شرکت و برای مشتریان شما کار می کند، کلیدی است.

در حالی که رفتار کاربر ممکن است اغلب تصادفی به نظر برسد، دلایل روانشناختی در پس انتخاب هایی وجود دارد که افراد هنگام حرکت در یک رابط کاربری انجام می دهند. در این دوره آموزشی، با دلایل روانشناختی که چرا طراحی رابط کاربری خوب کار می‌کند، آشنا شوید تا بتوانید وب‌سایت‌ها و برنامه‌هایی بسازید که به روشی که کاربران شما فکر می‌کنند کار کنند. مربی کریس نادر به شما کمک می کند تا با بحث در مورد نحوه عملکرد مغزها و چگونگی طراحی پیرامون محدودیت های مغز انسان شروع کنید. او همچنین توضیح می دهد که چگونه از اصول ادراک برای بهبود جریان UI خود استفاده کنید. از مفاهیم فیزیکی برای ایجاد یک رابط کاربری بصری تر استفاده کنید. و گردش کار خود را صاف کنید. برای پایان دادن به دوره، او توضیح می‌دهد که چگونه مزاحمت‌های کوچک را برطرف کنید و رابط کاربری خود را برای استفاده دلپذیر کنید.

الگوهای طراحی راه حل هایی را برای مشکلات رایج طراحی ارائه می دهند. طراحان UX برای طراحی سریعتر رابط های قابل استفاده و سازگار به الگوهای طراحی و بهترین شیوه ها متکی هستند. این دوره الگوها، رویکردها و زمینه‌های جدیدی را برای طراحی عناصر رابط مشترک مانند ناوبری، دکمه‌ها، فرم‌ها، پیوندها، نشانگرهای پیشرفت و جعبه‌های جستجو معرفی می‌کند. مدرس Diane Cronenwett به جای اینکه الگوهای رایج را کپی کنید، به شما کمک می کند تا "چرا" پشت آنها را درک کنید و به شما توانایی ارزیابی مناسب بودن هر الگو را برای پروژه های خود می دهد. به‌علاوه، نمونه‌هایی از نحوه استفاده شرکت‌های مختلف از الگوهای UX را ببینید، بنابراین می‌توانید ببینید که چگونه الگوها در طراحی‌های دنیای واقعی شکل می‌گیرند.

ماموریت یک طراح تعامل در هر پروژه یکسان است: ایجاد تجربه ای که کاربران آن را دوست داشته باشند. و در حالی که برنامه‌ها و پلتفرم‌هایی که روی آن‌ها کار می‌کنید ممکن است از مشتری به مشتری بسیار متفاوت باشد، تکنیک‌های طراحی کاربر محور می‌توانند به شما در دستیابی به این هدف اصلی در تقریباً هر نوع پروژه کمک کنند. در این دوره، Diane Cronenwett عمیق‌تر به طراحی تعامل می‌پردازد و هر یک از پلتفرم‌ها، فرآیندها و انواع پروژه‌های کلیدی را که به‌عنوان یک طراح UX فعال با آن‌ها مواجه خواهید شد، بررسی می‌کند. دایان تکنیک ها و ابزارهای کلی را برای ارزیابی نیازهای کاربر و طراحی برای سطوح مختلف تجربه به اشتراک می گذارد. سپس به چالش‌های رایجی می‌پردازد که هنگام طراحی تجربه‌های مصرف‌کننده و سازمانی، و همچنین رابط‌های مدرن مانند پوشیدنی‌ها با آن‌ها مواجه خواهید شد.

راه‌های ایجاد و استفاده از نقشه‌های جریان را کاوش کنید: نمودار مراحلی که کاربران در یک تجربه تکمیل خواهند کرد. مدرس Diane Cronenwett درباره چگونگی ارتباط جریان با ایجاد تجربیات عالی کاربر بحث می کند و نقش فناوری در طراحی جریان را تشریح می کند. او نشان می دهد که چگونه نمودارها با منطق و شرایط اساسی سیستم ارتباط برقرار می کنند تا یک تجربه کاربری موثر ایجاد کنند. دایان روش‌هایی را پوشش می‌دهد که طراحی یک جریان، نقاط ورودی، خروجی‌ها و حالت‌های مشروط مختلف را در نظر می‌گیرد که ممکن است کاربر هنگام استفاده از رابط محصول با آن مواجه شود. به‌علاوه، مراحل ایجاد نمودارهای مؤثر برای ترسیم جریان کاربر را بیاموزید.

هنگام گفتن یک داستان با داده، به انواع تصاویر مناسب برای انتقال معنا نیاز دارید. در این دوره، مدرس Diane Cronenwett، تکنیک‌ها و بهترین شیوه‌های اعمال اصول طراحی در داشبورد و تجسم داده‌ها را پوشش می‌دهد. دایان به شما نشان می دهد که چگونه اهداف کاربر خود را تعیین کنید تا بتوانید داشبوردهای موثری طراحی کنید. دایان شما را در چندین گزینه نمودار راهنمایی می کند، سپس به نقش رنگ در طراحی یک داشبورد موثر می پردازد. او چیدمان، سلسله مراتب، تعامل داشبورد و اهمیت ایجاد یک طرح واضح برای داده های جدولی شما را توضیح می دهد. دایان در پایان به شما نشان می دهد که چگونه مفهوم سازی داشبورد، ملاحظات طرح بندی، ملاحظات طراحی بصری و تعامل داشبورد را با هم ترکیب کنید.

رابط کاربری یک نمایش بصری از سیستم کامپیوتری زیرین و نقطه تعامل برای همه کاربران است. برای افزایش قابلیت استفاده محصول، ظاهر و رفتار باید به خوبی درک شود، یادگیری آن آسان باشد و استفاده از آن لذت بخش باشد. درس‌های این دوره، نقش مناسب رنگ، نوع، نمادنگاری، تصاویر و ریز تعاملات را هنگام ساختن یک رابط برای هر سیستمی آموزش می‌دهند. مدرس Diane Cronenwett اصول بصری مانند گروه‌بندی و سلسله مراتب را مرور می‌کند، نحوه و زمان استفاده از نمادنگاری را توضیح می‌دهد، اهمیت و تاثیر رنگ را مورد بحث قرار می‌دهد و نشان می‌دهد که چگونه می‌توان طرح‌ها را با تصویرسازی و انیمیشن جلوتر برد. به علاوه، بیاموزید که چگونه ملاحظات کاربردی مهم مانند خوانایی و دسترسی باید انتخاب های طراحی شما را راهنمایی کند.

قبل از اینکه طراحان UX بتوانند به هر چیز دیگری بپردازند، باید به طور کلی در مورد ساختار پروژه خود فکر کنند و تعیین کنند که چگونه هر عنصر - مهم نیست چقدر کوچک - در تجربه کلی قرار می گیرد. در این دوره، دایان کرون ویت به نقش ساختار در طراحی تعامل می پردازد. دایان توضیح می دهد که چگونه فرآیند تعریف ساختار پروژه به طراحان کمک می کند تا تصویر بزرگ را ببینند (و عناصر پروژه را به روشی متفکرانه تر سازماندهی کنند). او به زمان استفاده از نمودارهای جریان در پروژه های طراحی UX و همچنین نحوه ایجاد محصولات تحویلی معماری اطلاعات می پردازد. به علاوه، یاد بگیرید که چگونه ساختار سطح صفحه طراحی کنید، پروژه ها را با یک شبکه سازماندهی کنید، عناصر رابط مناسب مورد نیاز را در کنار هم قرار دهید، و موارد دیگر.

طراحان UX از روش های مختلفی برای انتقال تجربه کاربر استفاده می کنند. در این دوره، Diane Cronenwett، متخصص در حل مسائل طراحی پیچیده، مروری بر نتایج مورد انتظار از یک طراح UX، از جمله بررسی های اکتشافی، گزارش های قابلیت استفاده، معماری اطلاعات، نمودارهای جریان، وایرفریم ها و اسناد تعامل ارائه می دهد. برای هر نوع تحویل، دایان نکات و تکنیک های مفیدی را برای ارائه آن ارائه می دهد. او استانداردهای قابلیت استفاده را توضیح می دهد و ملاحظات مهمی را به شما نشان می دهد تا مطمئن شوید آنچه را که مخاطب هدف یک محصول تحویلی خاص واقعاً به آن نیاز دارد ارائه می دهید.

الگوهای طراحی پیوندی از طراحی تعامل، طراحی بصری و فناوری هستند. برنامه های کاربردی وب پیچیده تر از رابط های وب استاندارد هستند و برای اطمینان از قابلیت استفاده به الگوها و پارادایم های قوی نیاز دارند. در این دوره، Diane Cronenwett انواع الگوهای رایج وب و نرم افزارهای کاربردی را بررسی می کند و نحوه استفاده از آنها را در عمل و همچنین نحوه به کارگیری آنها برای ایجاد کارآمدتر محصولات عالی را نشان می دهد. در حالی که طراحان تمرین ممکن است قبلاً برخی از الگوهای پوشش داده شده در این دوره را تشخیص دهند، دایان رویکردها و زمینه های جدیدی را برجسته می کند که بازبینی هر الگو را به تمرینی ارزشمند تبدیل می کند. به علاوه، او به اصول کلیدی طراحی و همچنین تعاملات اصلی وب و نرم افزارهای کاربردی مانند ناوبری و جداول می پردازد.