آموزش طراحی UX / UI: اصول و مبانی طراحی رابط کاربری - آخرین آپدیت

مقدمه Introdução

• مقدمه Introdução

• درباره NEU Sobre o NEU

• Taqtile Taqtile

• UX چیست؟ O que é UX?

• اهمیت UX در ساخت محصولات محبوب A importância do UX para fazer produtos que os usuários amam

• دوره آموزشی: تحقیق، اکتشاف، خلق و تحلیل O curso: Pesquisa, Exploração, Criação e Análise

• مبانی شروع کار Básicos para começar

• امکان‌سنجی، مطلوبیت و قابلیت اجرا Viabilidade, desejabilidade e capacidade

• چگونه تحقیق انجام دهیم؟ Como conduzir uma pesquisa?

• پرسونا و Jobs to be done Persona e Jobs to be done

• نقشه سفر کاربر Jornada do usuário

قابلیت استفاده و پروتوتایپینگ Usabilidade e Prototipação

• ایده‌ها از کجا می‌آیند؟ De onde tirar ideias?

• انواع مختلف پروتوتایپ (نمونه اولیه) Quais os diferentes tipos de protótipos?

• اهمیت پروتوتایپ سریع چیست؟ Qual a importância do protótipo rápido?

• پروتوتایپ با دقت بالا (High-fidelity) چیست؟ O que é um protótipo de alta fidelidade?

• چه زمانی باید از پروتوتایپ High-fidelity استفاده کرد؟ Quando construir um protótipo de alta fidelidade?

• ساخت پروتوتایپ با دقت بالا Construindo um protótipo de alta fidelidade

• ابزارهای پروتوتایپ سریع Ferrametas de prototipação rápida

• تست قابلیت استفاده (Usability Test) چیست؟ O que é um teste de usabilidade?

معماری اطلاعات و وایر فریم Arquitetura de informação e wireframe

• مقدمه‌ای بر تحلیل معماری Introdução à análises de arquiteturas

• وایر فریم چیست؟ اهمیت و زمان استفاده از آن O que são wireframes? Qual a sua importância e quando usá-los?

• چه چیزهایی باید در وایر فریم گنجانده شود؟ O que incluir em um wireframe?

• چه چیزهایی نباید در وایر فریم باشد؟ O que não incluir em um wireframe?

• نحوه استفاده از گرید (Grid) در وایر فریم Como usar Grids no wireframe?

• مدل اتمی (Atomic Model) چیست و چرا باید از آن استفاده کرد؟ O que é o modelo atômico e porque usar?

• رسیدن به نیمه راه دوره! Estamos chegando na metade do curso!

طراحی Design

• اصول طراحی Princípios de design

• طرح اسپرینت (Design Sprint) چیست؟ O que é um Design Sprint

• چگونه Design Sprint را اجرا کنیم؟ (بخش اول) Como aplicar o Design Sprint? (Parte 1)

• چگونه Design Sprint را اجرا کنیم؟ (بخش دوم) Como aplicar o Design Sprint? (Parte 2)

• تبدیل وایر فریم به لایه نهایی (Layout) Evoluindo o wireframe para o layout final

• راهنمای سبک (Style Guide) چیست؟ O que é Style Guide?

• ۱۰ اصل هیورستیک قابلیت استفاده As 10 heurísticas de usabilidade

دسترسی‌پذیری، طراحی چند پلتفرمه و عناصر رابط کاربری Acessibilidade, multiplataforma e elementos de interface do usuário

• دسترسی‌پذیری (Accessibility) Acessibilidade

• نحوه مدیریت طراحی چند پلتفرمه Como lidar com multiplataformas

• درک استانداردهای وب Entendo os padrões da web

• تفکر در مورد فاصله‌ها و اندازه‌ها Pensando nos espaçamentos e tamanhos

• تایپوگرافی و فواصل Tipografia e Espaçamentos

• چگونه فونت و تایپوگرافی انتخاب کنیم؟ Como escolher tipografias

• رنگ‌ها Cores

• ژست‌ها و تعاملات (Gestures & Interactions) چیست؟ O que são Gestos e interações?

• نقاط مثبت و منفی ژست‌ها و تعاملات Pontos Positivos e Negativos dos Gestos e Interações

• انتقال‌ها (Transitions) و ریزتعامل‌ها (Micro-interactions) Transições e microinterações

• اصلاح و پرداخت نهایی لایه (Layout) Refinando o layout

زبان برند، مشتری و تحلیل‌ها Linguagem da empresa, cliente e análises

• زبان برند و شرکت A linguagem da empresa

• اهمیت تایید معماری اطلاعات با مشتری قبل از وایر فریمینگ Qual a importância de validar a Arquitetura de informação com o cliente antes de fazer o WireFrame?

• خروجی‌های پروژه (Deliverables) Entregáveis

• تست‌های از راه دور و ابزارها Testes remotos e ferramentas

• با داده‌های جمع‌آوری شده چه کنیم؟ O que fazer com os dados coletados?

• تست A/B Teste A/B

• تغییرات و پارادایم‌های آینده UX Quais as mudanças e os paradigmas do UX para o futuro?

• جمع‌بندی نهایی Encerramento