Meu processo de design

Meu processo de design

Get Started. It's Free
or sign up with your email address
Meu processo de design by Mind Map: Meu processo de design

1. Especificação e acompanhamento do desenvolvimento

1.1. Ferramentas

1.1.1. Comunicação

1.1.1.1. Slack

1.1.2. Hand off

1.1.2.1. Zeplin

1.1.2.2. Overflow

1.1.3. Documentação

2. Validação

2.1. Analítica

2.1.1. Avaliação heuristica

2.1.2. Marcação Heuristica

2.1.3. Percurso Cognitivo

2.2. Empírica

2.2.1. Percepção de uso

2.2.1.1. Usabilidade percebida

2.2.1.1.1. SUS

2.2.1.2. Estética

2.2.1.2.1. SAM

2.2.1.2.2. Atrakdiff

2.2.2. Uso da aplicação

2.2.2.1. Teste de usabilidade

2.2.2.2. Analytics

2.2.3. Navegação

2.2.3.1. Tree testing

2.2.3.2. Card Sorting

3. Design de Interfaces

3.1. Ferramentas

3.1.1. Sketch

3.1.2. Figma

3.1.3. Protopie

3.2. Boas Práticas

3.2.1. Grid

3.2.1.1. 8 PT

3.2.1.2. Mobile First

3.2.1.3. Web Responsivo

3.2.2. Norman Nielsen Group

3.2.3. Acessibilidade

3.2.3.1. Recomendacões WCAG

3.2.3.1.1. Contraste de cor

3.2.3.1.2. Tamanhos de fonte

3.2.4. IDF

3.3. Inspiração

3.3.1. UI Patterns

3.3.1.1. Benchmarking

3.3.1.2. Product Hunt

3.3.1.3. Awwards

3.3.1.4. Mobbin

3.3.2. Tipografia

3.3.3. Cores

3.3.3.1. Picular

3.3.3.2. Adobe colors

3.3.3.3. Pinterest

3.3.3.4. Dribble

3.3.3.5. Gratisography

3.4. Guidelines

3.4.1. Material Design

3.4.2. Human Interface Guidelines

3.4.3. Repositório Adelle

4. Entendimento do problema

4.1. Pesquisa

4.1.1. pesquisa do dia a dia

4.1.1.1. Colher o briefing do problema

4.1.1.2. Mapear os steaholders envolvidos

4.1.1.3. Entrevistar stakeholders

4.1.1.4. Montar matriz csd

4.1.1.5. Desk research

4.1.1.6. Benchmarking

4.2. Facilitação

4.2.1. Técnicas

4.2.1.1. Gerar ideias

4.2.1.1.1. Diagrama de Afinidade

4.2.1.1.2. Crazy 8

4.2.1.1.3. Storyboarding

4.2.1.2. Decidir

4.2.1.2.1. Dote voting

4.2.1.3. Definir usuários

4.2.1.3.1. Mapa de empatia

4.2.1.3.2. Proto-personas

4.2.1.3.3. Cebola semiótica

4.2.2. Objetivo

4.2.2.1. Definir o que fazer

4.2.2.1.1. Lean Inception

4.2.2.2. Definir como fazer

4.2.2.2.1. Design Sprint

4.2.2.3. Incerto

4.2.2.3.1. Customizado

5. Prototipação

5.1. Colaborativa

5.1.1. Baixa fidelidade

5.1.2. Ferramentas

5.1.2.1. Papel

5.1.2.2. Canetas

5.1.2.3. Marvel App

5.1.3. Técnicas

5.1.3.1. Magic of OZ

5.1.3.2. Esboços em 30 min

5.1.3.3. Crazy 8

5.2. Solo

5.2.1. Baixa Fidelidade

5.2.1.1. Wiframe digital

5.2.1.1.1. Figma

5.2.1.2. Wireframe papel

5.2.2. Alta fidelidade

5.2.2.1. Estático

5.2.2.1.1. Figma

5.2.2.1.2. Sketch

5.2.2.2. Interativo

5.2.2.2.1. Interações simples

5.2.2.2.2. Micro interações / input de texto

6. Extras

6.1. Meus principios de design

6.1.1. Mais emoção por favor

6.1.1.1. Como esta feature que eu estou desenhando pode fazer com que as pessoas se sorriam mais?

6.1.2. A consistência tem um relacionamento sério com a coerência, mas as vezes uma prevalece sobre a outra, entenda seu contexto.

6.1.3. Cor é informação e/ou Emoção

6.1.3.1. Informação

6.1.3.1.1. Usar cor para que as pessoas concluam as tarefas de maneira mais eficiente, considerando questões de acessbilidade.

6.1.3.2. Emoção

6.1.3.2.1. Usar cor para encantar e não para decorar, cor deve estar ligado as emoções que a solução quer despertar nos clientes

6.2. Inpiração e paixões

6.2.1. Pessoas

6.2.2. Livros

6.2.3. Filmes

6.2.4. Hobbies

6.2.4.1. Desenhar

6.2.4.2. Escrever

6.2.4.3. Viagens

6.2.4.3.1. Lugares que mais me inspiraram

6.2.4.4. Pesquisar aleatoriedades, por exemplo, onde vivem os tatus formigueiros ;)

6.2.5. Artigos de papelaria

6.3. Me atualizo/pratico

6.3.1. UX Design CC

6.3.2. Meetups

6.3.3. Interaction Design Foundation