آموزش اصول طراحی تجربه کاربری و طراحی رابط کاربری

سرفصل ها و درس ها

Einführung Einführung

• معرفی و به این دوره خوش آمدید! Intro and welcome to this course!

• طراحی تجربه کاربری چیست؟ What is User Experience Design?

• فرآیند طراحی یک تجربه کاربری The Process of Designing a User Experience

اصول طراحی تجربه کاربری User Experience Design Fundamentals

• سلسله مراتب نیازها The Hierarchy of Needs

• آشنایی با User Personas Introduction to User Personas

• پژوهش، شخصیت ها و نمودارهای وابستگی Research, Personas and Affinity Diagrams

• نحوه ایجاد یک نمودار وابستگی How to create an Affinity Diagram

• داستان های کاربر و سناریوهای کاربر User Stories and User Scenarios

• تمرین تمرین - با استفاده از یک الگو، Persona خود را ایجاد کنید Practice Task - Create your own Persona using a Template

• نقشه های همدلی Empathy Maps

• مقدمه ای بر موارد استفاده Introduction to Use Cases

• از مثال موردی استفاده کنید - به یک ایمیل در یک برنامه پاسخ دهید Use Case Example - Reply to an Email in an App

• مبانی معماری اطلاعات Information Architecture Basics

• مرتب سازی کارت Card Sorting

• ایجاد یک معماری اطلاعات معنی دار با مرتب سازی کارت Creating a meaningful Information Architecture with Card Sorting

• قانون یاکوب، مدل های ذهنی و استعاره ها Jakob's Law, Mental Models and Metaphors

• نمونه سازی بصری برای وفاداری کم و بالا Visual Prototyping for Low and High Fidelity

• چرا تحقیق کاربر در طراحی UX ضروری است Why User Research is essential in UX Design

• روشهای تحقیق کاربر Methods of User Research

چگونه تفکر طراحی و UX ناب به ما کمک می کند تا تجربیات کاربری بهتری ایجاد کنیم How Design Thinking and Lean UX help us build better User Experiences

• تفکر طراحی در طراحی تجربه کاربری Design Thinking in User Experience Design

• مقدمه ای بر 7 اصل طراحی توسعه ناب و ناب UX Introduction to the 7 Design Principles of Lean Development and Lean UX

• مدل چهار فاز Lean UX Design The four phase model of Lean UX Design

10 اکتشافی قابلیت استفاده برای طراحی رابط کاربری The 10 Usability Heuristics for User Interface Design

• اکتشافی Heuristics

طراحی رابط کاربری - رنگ ها User Interface Design - Colors

• مقدمه ای بر رنگ در UID Introduction to Color in UID

• ترکیب رنگ ها و طرح ها Color Combinations and Schemes

• مقدمه ای بر سیستم HSB Introduction to the HSB System

• با استفاده از HSB Using HSB

• روانشناسی رنگ - چگونه رنگ های مختلف بر احساسات ما تأثیر می گذارد قسمت 1 Color Psychology - How different colors affect our emotions Part 1

• روانشناسی رنگ - چگونه رنگ های مختلف بر احساسات ما تأثیر می گذارد قسمت 2 Color Psychology - How different colors affect our emotions Part 2

• یک تابلوی خلق و خو ایجاد کنید تا حس بهتری نسبت به طرح رنگ خود داشته باشید Creating a Mood Board to get a better feeling for your color scheme

چرا باید از Grids در طراحی خود استفاده کنیم Why we have to use Grids in our Design

• چرا شبکه ها یک عنصر مهم طراحی هستند Why grids are such an important design element

چگونه حرکت و حرکت بر رابط کاربری ما تأثیر می گذارد How Motion and Movement affect our User Interface

• سه اصل حرکت - آموزنده، متمرکز و بیانی The three Principles of Motion - Informative, Focused and Expressive

• استفاده از حرکت برای برقراری ارتباط سلسله مراتبی Using Motion to communicate hierarchical relations

• استفاده از حرکت برای بازخورد و ارتباطات Using Motion for Feedback and Communication

• استفاده از انیمیشن و حرکت برای راهنمایی کاربر Using Animations and Motion to guide the user

• حرکت و انیمیشن به عنوان ابزار برندسازی Motion and Animation as a Branding Tool

• آناتومی انتقال The Anatomy of Transitions

• تداوم انیمیشن ها: Tweening و Fading The Continuity of Animations: Tweening and Fading

• تداوم انیمیشن ها: تحولات مشترک The Continuity of Animations: Shared Transformations

• چگونه پیچیدگی، هدف و وسعت فضایی بر سرعت انیمیشن ما تأثیر می گذارد How Complexity, Purpose and Spatial Extent affect our Animation Speed

• انواع مختلفی از Easing که باید بدانیم و در انیمیشن های خود استفاده کنیم The different types of Easing we should know and use in our Animations

تایپوگرافی - نحوه استفاده از متن در طراحی رابط کاربری Typography - How to use Text in User Interface Design

• تفاوت بین متن و تایپوگرافی The difference between Text and Typography

• هم ترازی و فضای منفی Alignment and Negative Space

• فونت ها: اندازه، وزن و خطوط Fonts: Size, Weight and Lines

• هدف اصلی متن ما خوانایی است The main goal for our text is to be readable