Meu processo de design

Meu processo de design

Começar. É Gratuito
ou inscrever-se com seu endereço de e-mail
Rocket clouds
Meu processo de design por Mind Map: Meu processo de design

1. Entendimento do problema

1.1. Pesquisa

1.1.1. pesquisa do dia a dia

1.1.1.1. Colher o briefing do problema

1.1.1.2. Mapear os steaholders envolvidos

1.1.1.3. Entrevistar stakeholders

1.1.1.4. Montar matriz csd

1.1.1.5. Desk research

1.1.1.6. Benchmarking

1.2. Facilitação

1.2.1. Técnicas

1.2.1.1. Gerar ideias

1.2.1.1.1. Diagrama de Afinidade

1.2.1.1.2. Crazy 8

1.2.1.1.3. Storyboarding

1.2.1.2. Decidir

1.2.1.2.1. Dote voting

1.2.1.3. Definir usuários

1.2.1.3.1. Mapa de empatia

1.2.1.3.2. Proto-personas

1.2.1.3.3. Cebola semiótica

1.2.2. Objetivo

1.2.2.1. Definir o que fazer

1.2.2.1.1. Lean Inception

1.2.2.2. Definir como fazer

1.2.2.2.1. Design Sprint

1.2.2.3. Incerto

1.2.2.3.1. Customizado

2. Prototipação

2.1. Colaborativa

2.1.1. Baixa fidelidade

2.1.2. Ferramentas

2.1.2.1. Papel

2.1.2.2. Canetas

2.1.2.3. Marvel App

2.1.3. Técnicas

2.1.3.1. Magic of OZ

2.1.3.2. Esboços em 30 min

2.1.3.3. Crazy 8

2.2. Solo

2.2.1. Baixa Fidelidade

2.2.1.1. Wiframe digital

2.2.1.1.1. Figma

2.2.1.2. Wireframe papel

2.2.2. Alta fidelidade

2.2.2.1. Estático

2.2.2.1.1. Figma

2.2.2.1.2. Sketch

2.2.2.2. Interativo

2.2.2.2.1. Interações simples

2.2.2.2.2. Micro interações / input de texto

3. Especificação e acompanhamento do desenvolvimento

3.1. Ferramentas

3.1.1. Comunicação

3.1.1.1. Slack

3.1.2. Hand off

3.1.2.1. Zeplin

3.1.2.2. Overflow

3.1.3. Documentação

4. Validação

4.1. Analítica

4.1.1. Avaliação heuristica

4.1.2. Marcação Heuristica

4.1.3. Percurso Cognitivo

4.2. Empírica

4.2.1. Percepção de uso

4.2.1.1. Usabilidade percebida

4.2.1.1.1. SUS

4.2.1.2. Estética

4.2.1.2.1. SAM

4.2.1.2.2. Atrakdiff

4.2.2. Uso da aplicação

4.2.2.1. Teste de usabilidade

4.2.2.2. Analytics

4.2.3. Navegação

4.2.3.1. Tree testing

4.2.3.2. Card Sorting

5. Design de Interfaces

5.1. Ferramentas

5.1.1. Sketch

5.1.2. Figma

5.1.3. Protopie

5.2. Boas Práticas

5.2.1. Grid

5.2.1.1. 8 PT

5.2.1.2. Mobile First

5.2.1.3. Web Responsivo

5.2.2. Norman Nielsen Group

5.2.3. Acessibilidade

5.2.3.1. Recomendacões WCAG

5.2.3.1.1. Contraste de cor

5.2.3.1.2. Tamanhos de fonte

5.2.4. IDF

5.3. Inspiração

5.3.1. UI Patterns

5.3.1.1. Benchmarking

5.3.1.2. Product Hunt

5.3.1.3. Awwards

5.3.1.4. Mobbin

5.3.2. Tipografia

5.3.3. Cores

5.3.3.1. Picular

5.3.3.2. Adobe colors

5.3.3.3. Pinterest

5.3.3.4. Dribble

5.3.3.5. Gratisography

5.4. Guidelines

5.4.1. Material Design

5.4.2. Human Interface Guidelines

5.4.3. Repositório Adelle

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