Please enable JavaScript.

Coggle requires JavaScript to display documents.

Don't Make Me Think - Coggle Diagram

- - - - Onde estou? onde devo começar? onde eles colocaram o ___? quais as coisas mais importantes nessa página? porque eles deram esse nome a isso?
    - - Nome bem escolhidos
        Organização da página
        Pequena quantidade de texto
        Páginas claras, auto-explicativas
  - - - Não posso gastar tempo pensando se posso clicar ou não
    - - Nomes engraçadinhos, ou espertos, especificos da empresa, técnicos, escolhidos pelo marketing
- - - - Ele procura frenéticamente pelo site
    - - Com exceção de páginas com documentos, relatórios, descrição de produtos
    - - :clock3:
    - - Focamos apenas
        
        Palavras relacionadas a tarefa que estamos executando
        
        Nossos interesses pessoais atuais
        
        Palavras que afetam nosso sistema nervoso
        Sexo
        Grátis
        Promoção
        Nosso Nome
    - - E mesmo que não funcione tão bem, tendemos a não procurar uma forma melhor
    - - :back:
- - - - A maioria das convenções da web derivam de revistas e jornais.
      - Exemplo: Colocar esse icone para representar o carrinho de compras.
        
        :shopping_trolley:
      - Inove quando você souber que tem uma idéia melhor (e todos a quem você mostrar te disserem UAU!), mas aproveite as convenções caso contrário
    - - Quanto mais importante for, maior tem que ficar
        
        BIG
        
        Negrito
        
        Cor diferente
        
        :top: Próximo do Topo da Página
        
        Mais espaço em branco
        
        Destaque
      - Coisas relacionadas logicamente, precisa ficar também visualmente
        
        Agrupando em um cabeçalho
        
        Colocando em uma área claramente definida
        
        Agrupamento
      - Coisas que pertencem a outras, precisam ficar aninhadas
        
        Grupo + subGrupo
        
        Aninhamento
    - - Coisas que posso fazer nesse site?
        Links para as principais histórias de hoje?
        Produtos que essa empresa venda?
        Navegação para ir ao resto do site?
    - - :three_button_mouse:
    - - Muito o que fazer
        
        Muitas solicitações de compras
        Muitos pontos de exclamação
        Muitas cores brilhantes
      - Não é gritante mas
        cansa e causa confusão
- - - - Porque:
        Reduz a confusão
        Destaca o que é útil
        Deixa as páginas menores
- - - - Todas as páginas precisam de um nome
      - O nome dele englobar o conteúdo da página
      - Precisa se destacar / ser proeminente
        
        Cor, tamanho, tipografia
      - A palavra q eu usei para clicar deve se tornar o nome da página ou o mais próximo possível
        
        Exemplo:
        Click - Produtos
        Nome da pág. Produtos
    - - É preciso deixa bem vísivel para o usuário
      - Migalhas - Rastros por onde você passou,
        da pág inicial até o momento.
        Elas são melhores aproveitadas em sites grandes
        
        Coloque no topo da pág
        e separe com esse símbolo
        
        ( > )
        
        Você está aqui > Início > Coleção > Autores
    - - Uma caixa
        Um botão
        A palavra "Pesquisa"
    - - Cria a ilusão visual de que a aba ativa está na frente das outras
      - Precisa ter contraste
      - Cores diferentes para cada aba ativa
      - Abas inativas de cores bege neutra
      - Ter uma aba selecinada
        automaticamente quando
        entra no site
  - - - Links
        
        Outro usuários olharam e procuram
        por prováveis links para clicar
      - Caixa de busca
        
        Alguns usuários sempre procuram a caixa de busca quando entram no site
    - - Te mostra que você ainda
        permanece no mesmo site
  - - - :cherry_blossom:
    - - Sobre nós
        Entre em contato
        FAQs
        Ajuda
        Página inicial
        Busca
        Notícias
        Carrinho de compras
        Sua conta
  - - - 1- Que site é esse? (identificação do site)
        2- Em qual página estou (nome da página)
        3- Quais são as principais seções dessa página (seções)
        4- Quais são minhas opções neste nível? (navegação local)
        5- Onde eu estou no esquema das coisas? (Indicadores: "Você está aqui"
        6- Como eu posso realizar uma pesquisa?
- - - - Identificação: que site é esse?
        
        :id:
        
        Precisa responder essas 4 questões em segundos:
        1- o que é isto?
        2- O que eu posso fazer aqui?
        3- O que eles tem aqui?
        4- Por que eu deveria estar aqui e não em outro lugar?
      - Missão: Para que que serve?
        
        Slogan: Expressão visualmente conectada à identificação que caracteriza a empresa inteira
        -Claros e informativos
        -6 a 8 palavras
        -Expressão diferenciação e benefício claro
        -Expressa uma proposição de valor
        
        Descrição introdutória de boas vindas: Proeminentes mas concisa. Usar "porque", "como", "mais"
        
        :sports_medal:
      - Hierarquia do site: visão geral do que o site possui (navegação estável)
        
        🔝
        
        Preciso encontrar:
        Onde pesquisar - Fazer uma caixa de busca parecido com uma
        Onde começar a navegar - Fazer uma lista de seções parecidas com uma
        Onde acho o que eles tem de melhor - Fazer cliques para "examinar categorias"
        Lugar onde me registrar ou assinar - "Inscrever-se", "Começar aqui"
        
        As seções e todo o site precisam se manter iguais
        Fontes, cores, tamanhos, palavras, sistema de navegação.
      - Caixa de busca: bem proeminente
        
        :mag:
      - Conteúdo atualizado: que mostre que o site não está abandonado
        
        :new:
      - Negócios: propagandas, promoçoes com outras marcas
        
        :baggage_claim:
      - Atalhos: aquele conteúdo usado com mais frequência
        
        :red_flag:
      - Registre-se: se o site ter essa função
        
        :notebook_with_decorative_cover:
      - Abstratos:
        1- Mostrar o que estou procurando
        2- Mostrar por onde começar
        3- Mostrar o que eu possa querer
        4- Estabelecer credibilidade e confiança
      - Precisa me atrair: Mostrar as partes mais novas, melhores, ou mais populares
        
        :star:
- - - - Perguntas como: A maioria das pessoas gosta de menus pulldown?
      - Pegunta certa: Esse menu pulldown, com esses itens, esse palavreado, neste contexto, nessa página cria uma boa experiência para a maioria das pessoas que provavelmente usarão esse site?
      - Única forma de responder: TESTANDO
    - - Tendemos a achar que todos os usuários são como nós
      - Os projetistas tendem a achar que os usuários gostam de sites que sejam visualmente interessantes, porque eles gostam de sites assim.
      - Os desenvolvedores pensam que o usuário quer um site que tenham muitos recursos interessantes, porque eles gostam de sites assim.
    - - Elas consistem basicamente de pessoas que possuem crenças pessoas muito fortes sobre coisas que não podem ser provadas
      - Afirmação: Todo mundo gosta de __!
- - - - Grupo de Foco: acaba não sendo tão proveitoso, porque a opinião acaba sendo coletiva.
        Usar apenas NO INÍCIO do processo
      - Mostra ao usuário um: web site, protótipo de um site, ou esboços, para tentar
        A) descobrir o que é
        B) tentar usá-lo para executar uma tarefa típica
    - - Não faz diferença se é barra de navegação horizontal ou menu vertical se ninguém entender a proposição de valor do seu site
    - - 1- Precisa testar se você quiser ter um bom site
      - 2- Testar 1 usuário é 100% melhor do que não testar nenhum
      - 3- Testar 1 usuário no inicio do projeto é melhor do que testar 50 perto do final
      - 4- A importância de recrutar usuário representativos é superestimanda
      - 5- O objetivo dos testes não é provar ou desaprovar algo. É informar seu julgamento
      - 6- Testar é um processo iterativo: Você faz algo, testa, conserta e testa de novo.