Please enable JavaScript.

Coggle requires JavaScript to display documents.

IHC - Coggle Diagram

- - - - HABILIDADES
        
        Facilidade de aprendizado
        
        Facilidade de memorização
        
        Maximização da produtividade
        
        Minimização da taxa de erros
        
        Maximização da satisfação do usuário
- - - - Responsável pelo visual de um projeto, por onde o usuário interage com o aplicativo, programa, site ou até mesmo algum produto físico
    - - Botões, componentes e formas
      - Tipografia e copy
      - Iconografia
      - Paleta de cores
  - - - Respostas e percepções de uma pessoa resultantes do uso de um produto, sistema ou serviço
    - - Como vai se aparecer?
      - Como vai se comportar?
      - O que pode ser feito?
    - - Estratégia
        
        Escopo
        
        Estrutura
        
        Esqueleto
        
        Superfície
        
        Esqueleto aplicado ao estilo do produto final.
        
        Forma mais concreta da Estrutura
        
        Interface
        
        1 more item...
        
        Hipertexto
        
        1 more item...
        
        Define como requisitos e funcionalidades se encaixam
        
        Interface
        
        define como o sistema
        se comporta às ações do usuário
        
        Hipertexto
        
        organiza os elementos de conteúdo
        
        Interface
        
        Traduzir estratégia em escopo através dos
        requisitos funcionais
        
        Hipertexto
        
        escopo torna-se requisitos de conteúdo.
        
        Por que estamos fazendo este produto?
        
        O que queremos do produto?
        
        O que os usuários querem dele?
  - - - DESIGN DA INTERFACE
        
        DESIGN DE NAVEGAÇÃO
        
        DESIGN DE INFORMAÇÃO
        
        Responsável por apresentar a informação para uma comunicação efetiva
        
        Área do design de interface responsável por apresentar espaços de informação
        
        fornece aos usuários a habilidade de
        fazer coisas
- - - - Liberdade de controle fácil pro usuário
        
        Consistência e padrões
        
        Prevenção de erros
        
        Reconhecimento em vez de memorização
        
        Eficiência e flexibilidade de uso
        
        Estética e design minimalista
        
        2 more items...
        
        É importante deixar uma experiência boa no uso do sistema tanto para usuários leigos como avançados
        
        1 more item...
        
        O usuário não tem obrigação de decorar o caminho feito
        chegar até a funcionalidade
        
        Ex.: Utilização de breadcrumbs
        
        Criar um interface que permite que o usuário não erre, ao invés de simplesmente exibir mensagens de erro
        
        Ex.: Pesquisa do Google e confirmação na exclusão de
        arquivos
        
        Manter a consistência e padrão visual
        
        Texto, cor, desenho de elementos, som
        
        Ex.: Sistemas do Google (Material Design)
        
        O usuário deve ter a liberdade de fazer o que quiser dentro do sistema, exceto em regras contrárias ao negócio ou quando interferem em outra funcionalidade
        
        Ex.: Lixeira do e-mail e post em rede sociais
      - Utilização de setas e ícones, bem como indicações sonoras e de cor
        
        Ex.: barra de ferramentas de softwares
    - - Ex.: Playlist do YouTube