Giter VIP home page Giter VIP logo

ux-design's Introduction

image

Repositório criado para documentação de estudos em UX Design



📚 Livros:


🌐 Blogs


🎓 Cursos


📜 Certificação


🗺️ Roadmap


📰 Posts / Artigos


📌 Redes Sociais


🎞️ Vídeos


🎤 Palestras


📝Glossário


📑 Estudo


✏️ Documentação de Estudo:

  • UX o que é experiência de usuário
    • Acesse a pasta > Docs Estudos > UX o que é experiência de usuário
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • UX Strategy: divergindo e afunilando ideias
    • Acesse a pasta > Docs Estudos > UX Strategy: divergindo e afunilando ideias
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • UX Usability: facilite a vida do seu usuário no mobile
    • Acesse a pasta > Docs Estudos > UX Usability: facilite a vida do seu usuário no mobile
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • UX Produto: monitore, mensure e teste o seu projeto
    • Acesse a pasta > Docs Estudos > UX Produto: monitore, mensure e teste o seu projeto
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • Revisão UX: Ferramentas do briefing ao protótipo
    • Acesse a pasta > Docs Estudos > Revisão UX - Ferramentas do briefing ao protótipo
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • UX - Os erros frequentes de usabilidade e as boas práticas
    • Acesse a pasta > Docs Estudos > UX - Os erros frequentes de usabilidade e as boas práticas
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • Teste de Usabilidade 1 - Seu produto é fácil de usar
    • Acesse a pasta > Docs Estudos > Teste de Usabilidade 1 - Seu produto é fácil de usar
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • Teste de Usabilidade 2 - Mensurando e entregando resultados
    • Acesse a pasta > Docs Estudos > Teste de Usabilidade 2 - Mensurando e entregando resultados
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

  • Design System - escalando seu produto
    • Acesse a pasta > Docs Estudos > Design System - escalando seu produto
    • Clique nos links de cada tópico no README.md da pasta para acessar
      a documentação pertinente organizada por capítulos

ux-design's People

Contributors

robsonvinicius avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

ux-design's Issues

Curso de UX Strategy - divergindo e afunilando ideias (Revisão)

  • Criar Issue

  • 1. Tendo uma estratégia
    • Introdução
    • O que é estratégia?
    • O que não será visto neste curso
    • Sair desenhando telas
    • Comunicar visualmente
    • Seu problema

  • 2. Divergindo Ideias
    • Viabilidade, Capacidade e Desejabilidade
    • Triângulo de Ouro ou Triângulo de Keeley
    • 360 View
    • Duolingo e exercício
    • Pontos Chaves
    • Desejabilidade
    • Pontos negativos
    • Recursos e pessoas
    • Keeley vs 360

  • 3. Entendendo o usuário
    • Entendendo o usuário
    • Proto-persona
    • Nota: Entendendo o usuário
    • Proto-persona (Exercício)
    • Proto-persona mais textual
    • [Post] Leitura complementar e exemplos

  • 4. Definindo o roteiro
    • Pesquisar e tipos de pesquisas
    • Método de pesquisa: Observação
    • Outros métodos: questionário, card sorting e teste A/B
    • Método de pesquisa: entrevista
    • Processos de uma entrevista
    • Roteiro de entrevista
    • Pesquisa (Exercício)
    • Método de pesquisa / Kopenhagen (Exercício)
    • Um grande volume de dados (Exercício)
    • Pesquisa aberta e fechada
    • Se colocando no lugar do outro (Exercício)

  • 5. Indo atrás do usuário
    • Como conduzir uma entrevista
    • Dicas para entrevista
    • Número bom de entrevistas
    • Utilidade da pesquisa
    • [Post] Leitura complementar
    • Entendendo o usuário (Exercício)
    • Motivo da pesquisa

  • 6. Materializando o usuário
    • Identificando padrões
    • Persona
    • Quando personas mudam e outras ferramentas
    • Persona Primária
    • Resultados obtidos, e agora? (Exercício)
    • Persona vs proto-persona (Exercício)
    • Caracterizando a persona
    • Persona complementar 1 (Exercício)
    • Persona complementar 2 (Exercício)
    • Persona complementar 3 (Exercício)
    • [Ferramenta] Gerador de personas
    • Sua opinião
    • Personas para todos

  • 7. Mais empatia e mais valor
    • Empatia
    • Tarefas de usuários
    • Value Proposition Canvas
    • Mapa de empatia
    • Informações do Mapa
    • [Exercício] Na pele do usuário
    • [Exercício] Proposta de Valor
    • [Curso] Business Model Canvas

  • 8. Cenário e histórias
    • Cenário
    • História de usuário
    • [Exercício] Narrativas rápidas
    • [Exercício] Problema no cenário
    • [Exercício] História de usuário
    • [Exercício] Perguntas de uma história de usuário
    • [Livro] Leitura Complementar

  • 9. Uma nova ferramenta
    • UX Canvas
    • [Exercício] Objetivo do UX Canvas
    • [Nota] O cliente
    • [Exercício] Proposta de experiência

  • 10. MVP e MLP
    • Waterfall
    • Cases
    • Entendendo o MLP
    • [Exercício] Muitas features
    • [Curso] MVP
    • [Exercício] MVP para dividir conta
    • [Nota] MVP do Uber
    • [Ferramenta] Launchrock
    • [Post] Leitura complementar - Cases MVP
    • [Exercício] MLP (Produto Mínimo Adorável

  • 11. Features
    • Pensando nas funcionalidades
    • Esforço e valor
    • Canvas MVP
    • Mapa geral do curso / resumo
    • [Nota] Objetivos do usuário
    • [Exercício] Detalhes da funcionalidade
    • [Exercício] Importância para o negócio
    • [Nota] Canvas valor e esforço
    • [Livros] Leitura Complementar
    • [Ferramenta] Mural.co
    • [Nota] Feedback

UX Produto: monitore, mensure e teste o seu projeto

  • Criar Issue

  • 1. Heatmaps
    • Introdução
    • Heatmap Hotjar
    • Como criar o Heatmap
    • [Nota] Hotjar e outras ferramentas
    • [Exercício] Mapas de Calor
    • [Artigos] Blogs de ferramentas de UX

  • 2. Formulários
    • Formulários Hotjar
    • Analisando Form Hotjar
    • UX Tools performance
    • [Exercício] Formulários
    • [Exercício] Várias ferramentas
    • [Artigo] Projetando formulários melhores

  • 3. Feedback
    • Nota para os cursos
    • NPS
    • [Exercício] Feedback
    • [Exercício] NPS - Net Promoter Score
    • [Exercício] Promoters

  • 4. Validação de ideias
    • Validar ideia
    • Roteiro
    • Conversa Inicial
    • Equipe e gravar expressão
    • Quantos usuários? Anotar e justificar
    • [Exercício] Validação de ideias
    • [Exercício] Recrutando usuários
    • [Exercício] Roteiro
    • [Nota] Como fazer uma entrevista
    • [Nota] Teste de Usabilidade

  • 5. Orçamento apertado
    • Call Center, acessibilidade e card sorting
    • [Exercício] Orçamento apertado
    • User onboarding
    • [Nota] Medir tudo
    • [Exercício] Leitores de tela
    • Finalizando mapa
    • Curso de acessibilidade

UX: os erros frequentes de usabilidade e as boas práticas

  • Criar Issue

  • 1. Introdução
    • Introdução
    • Mitos UX
    • Preparando o ambiente
    • Convenções visuais para web
    • Arquivos da aula
    • Convenções visuais
    • Primeiros passos
    • Distribuindo e organizando
    • Reposicionando os elementos

  • 2. Inserir conteúdo no layout
    • Os problemas causados pela ausência de imagens
    • Layout e conteúdo
    • Adicionando as imagens
    • Os problemas causados por textos de preenchimento
    • Inserindo textos e imagens
    • Textos reais e Lorem Ipsum
    • Inserir texto no layout

  • 3. Espaçamento da página na web
    • Espaço em branco é espaço planejado
    • A importância dos espaços em branco
    • Espaçamento em texto
    • Reajustando o grid
    • Definindo os padrões de espaçamento da página principal
    • Modificando a página principal
    • Definindo os padrões de espaçamento da página interna
    • Personalizando o AluraNews
    • Alterando a página interna

  • 4. Leitura na internet
    • O que e quando as pessoas leem na internet
    • Usuários e leitura na web
    • Definição de estilos de texto que facilitam o mapeamento do conteúdo
    • O texto na Web
    • Aplicando as técnicas
    • Textos da Página Principal
    • Textos da Página Interna

  • 5. Banner Blindness
    • Banner Blindness a recusa visual às propagandas
    • Efeito Banner Blindness
    • Imagens no layout
    • Reposicionando os anúncios
    • Retirando gráficos desnecessários

  • 6. Ícones na web
    • Ícones não são tão claros quanto texto
    • Ícones e usabilidade
    • Quando utilizar ícones
    • Ícones da Página Principal
    • Facilitando a compreensão
    • Ícones da Página Interna
    • Conclusão
    • Projeto Final

Revisão UX: Ferramentas do briefing ao protótipo

  • Criar Issue

  • 1. Primeiros Passos com UX
    • Introdução
    • Propósito do curso
    • Preparando o ambiente
    • Análise de concorrentes
    • Concorrentes diretos
    • Trabalhando com referências
    • Moodboard no InVision
    • Sobre o moodboard
    • Criando o seu Moodboard
    • Moodboard visto em aula

  • 2. Inventário de Conteúdo
    • Guardando Conteúdo do Site
    • Inventário de conteúdo
    • Inventário de Conteúdo
    • Funcionamento do Inventário de Conteúdo II
    • Consequências do Inventário de Conteúdo
    • Criando seu Inventário de Conteúdo
    • Inventário de Conteúdo da Aula

  • 3. Proto-Persona
    • Usuários
    • Definição de persona
    • Proto-Personas
    • Proto-personas
    • Personas e Proto-Personas:
    • Sua Proto Persona
    • [Links] Mais sobre personas
    • Proto-Personas da Aula

  • 4. Card Sorting e Taxonomia
    • Começando o card sorting
    • O que é Card Sorting
    • Finalizando o card sorting
    • Após o Card Sorting
    • Taxonomia
    • Criando seu card sorting
    • [Links] Mais sobre card sorting
    • Card Sorting da aula

  • 5. Sitemap
    • Sitemap no Xmind
    • Sobre sitemap
    • Sitemap e UX
    • Fazendo o sitemap
    • Estrutura no Sitemap
    • Criando seu Sitemap
    • Sitemap feito em aula

  • 6. Wireframe e Protótipo
    • Desenhando o Menu
    • Desenhando o Menu
    • Desenho e Invision
    • Protótipo de papel
    • Conhecendo o Figma
    • Desenho e Invision
    • Protótipos de baixa fidelidade
    • Desenhando no Figma
    • Continuando o desenho no Figma
    • Esboçando no Figma
    • Finalizando no Figma e Protótipo
    • Criando o seu protótipo
    • [Para saber mais] Podcast sobre prototipação
    • Protótipo com imagens do Figma feito em aula
    • Conclusão
    • Material do curso

UX Usability: facilite a vida do seu usuário no mobile

  • Criar Issue

  • 1. Ideias: da cabeça ao papel
    • Crazy eights
    • Segundo crazy eights
    • Interações e ícones
    • Decidindo telas com Zen Voting
    • [Situação] Reunião com o cliente
    • Crazy eights em 5 minutos
    • Crazy eights em 15 minutos
    • Iconografia de interação e feedback

  • 2. Ferramentas de prototipação
    • Introdução Marvel (POP app)
    • POP: Prototype on Paper (Adquirido pela Marvel)
    • Marvel design
    • Mais ferramentas
    • Ferramentas de UX
    • [Curso] UX Design com Axure

  • 3. Primeiras heurísticas de Nielsen
    • Feedback
    • Linguagem do usuário
    • Liberdade do usuário
    • Padrões
    • Boas mensagens de erro
    • Resumo
    • [Exercício] O que está acontecendo?
    • [Exercício] App para crianças
    • [Exercício] Ops! Cancela, cancela!
    • [Exercício] Cada um faz de um jeito
    • [Exercício] 0x80070570 (erro) Boas Mensagens de erro

  • 4. Mais heurísticas
    • Memória limitada
    • Ajuda
    • Minimalismo e flexibilidade
    • Resumo
    • [Exercício] Qual era a música?
    • [Leitura] Breadcrumb
    • [Exercício] Mais rápido

  • 5. Facilitar o uso (Fitts, Hick, Thumb Zone)
    • Lei de Fitts
    • Sobre Hicks
    • Thumb Zone
    • Microinteractions
    • Exemplos de microinteractions
    • [Exercício] Escolhendo rápido
    • [Leitura] Qual gravata escolher?
    • [Exercício] A até B
    • [Exercício] Pensando na ergonomia
    • [Leitura] Foco e diferencial

  • 6. Dicas finais
    • Affordance cal to action
    • Microtexto
    • Campo de Busca
    • Tipografia
    • Overview do Curso
    • [Leitura] Affordance
    • [Exercício] Guiando o usuário
    • [Leitura] Grupos de tipos

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.