Please enable JavaScript.
Coggle requires JavaScript to display documents.
Web Design, T1-M1, T1-M2, T1-M3, T1-M4, T2-M1, T2-M2, T2-M3, T3-M1, T3-M2,…
Web Design
T1-M1
Importância da Construção Elaborada de Interface
Importância da Interface para Websites
Importância do Design de Interface para Usuários
Qualidade Interna
Qualidade Externa
Qualidade de Uso
Evolução das Interfaces nos Sistemas Computacionais
1ª Fase: Evolução da Interação Humano-Computador
CLI (
Command Line Interface
)
2ª Fase: Evolução da Interação Humano-Computador
3ª Fase: Evolução da Interação Humano-Computador
GUI (
Graphical User Interface
)
Desenvolvimento de Interfaces para Website
Usabilidade
Acessibilidade
T1-M2
Web 1.0 e Web 2.0
Evolução das Tecnologias de Internet
Web 1.0
Design Baseado em Tabelas
Shockwave
Flash
Web 2.0
Blog
Wiki
Linha do Tempo...
T1-M3
Web 3.0 e Web 4.0
Web 3.0
Web Semântica
Web de Dados e Linked Data
URI
Desafios...
Web 4.0 e o Futuro
Comparação entre Webs
T1-M4
Mudanças Estéticas, Funcionais e Estruturais em Websites
Estruturação e Organização
Inovação e Mídias Sociais
Web Mobile
Web Design Responsivo
Mobile-First
T2-M1
Briefing
Significado e Relevância do Briefing
Elementos Essenciais do Briefing
Briefing Preliminar
Dados do Cliente
Público-Alvo
Persona
Percepção/Objetivo do Website
Breve Análise dos Websites Concorrentes
Briefing Detalhado
Elaboração do Briefing
Usos do Briefing
T2-M2
Objetivos de um Website
Definição de Objetivo
Tipos de Websites
Aplicativos
Informativos
Individuais
Comércio Eletrônico
Institucionais
Tipos de Objetivos
Objetivos do Site
Objetivos de Usuários
Objetivos de Negócios
Boas Práticas na Escrita de Objetivos
SMART
Testes Orientados a Objetivo
Escopo e Priorização de Objetivos
Matriz GUT
T2-M3
Requisitos Iniciais de um Website
Definição de Requisito
Requisitos de Usuário
Requisitos de Sistema
Requisitos Funcionais
Requisitos Não Funcionais
Tipos de RNF
Requisitos Organizacionais
Requisitos de Produto
Requisitos Externos
RNF de Segurança
RNF de Escalabilidade
RNF de Simplicidade
RNF de Consistência
RNF de Apelo Visual
RNF de Compatibilidade
Técnicas de Levantamento de Requisitos
Documento de Requisitos
T3-M1
Requisitos do Website
Restrições
Requisitos Funcionais
Requisitos Não Funcionais
Requisitos de Produtos
Requisitos Organizacionais
Requisitos Externos
Regras de Negócios
T3-M2
Pesquisa Visual e Conceito Editorial do Website
Análise Visual da Empresa e Concorrentes
Ação Externa
Ação Interna
Pesquisa Visual da Empresa
Cores
Tipografia
Formas
Leis de Gestalt
Arquitetura da Informação
Navegação
Pesquisa Visual dos Concorrentes
Conceito Editorial
Painel Visual
T3-M3
Justificativas do Projeto do Website
Primeiras Justificativas Necessárias
Como Justificar um Projeto de Software (Website)
Técnicas de Levantamento de Requisitos
Entrevistas
Abertas
Fechadas
Mistas
Questionários
Cenários
Cenário Principal
Cenários Alternativos
Protótipos
Baixa Fidelidade
Alta Fidelidade
Observação
Observação Direta
Observação Indireta
Análise de Documentos
Brainstorming
T4-M1
Design de Interação no Website
Visão Geral do Design da Interação
Processo de Design da Interação
Aspectos Relevantes do Design da Interação
Legibilidade
Usabilidade
Facilidade de Aprendizado
Produtividade
Memorabilidade
Prevenção de Erros
Satisfação Subjetiva do Usuário
Funcionalidade
Programação
Estética
T4-M2
Arquitetura da Informação e Design Responsivo
Arquitetura da Informação
Sistema de Organização
Dificuldades de Categorização
Heterogeneidade
Informação Ambígua
Caminhos Clássicos
Categoria
Tempo
Localização
Ordenação Alfabética
Hierarquia
Sistema de Navegação
Sistemas de Navegação Embutidos
Barra de Navegação Local
BreadCrumbs
Cross Content
Sistema de Rotulação
Sistema de Busca
Design Responsivo
Mobile First
T4-M3
Usabilidade e sua Aplicação em Websites
Avaliação de Usabilidade
Métodos de Inspeção de Usabilidade
Avaliação Heurística
Avaliadores da Avaliação Heurística
Condução da Avaliação Heurística
T4-M4
Ferramentas de Modelagem de Interface
Wireframes
Tipos de Wireframes
Básicos
Anotados
Fluxo de Usuários
Interativos de Alta Definição
Ferramentas para Criação de Wireframe
Protótipos
Ferramentas Gratuitas de Prototipação
T5-M1
Projeto de Layout Final do Website
Visão Geral do Layout do Website
Diagramação do Conteúdo
Espaçamentos
Linhas e Cores
Princípios do Design
PARC
Proximidade
Alinhamento
Repetição
Contraste
T5-M2
Cores e Tipografia no Layout do Website
Cores
Identidade da Marca
Significado das Cores
Paleta de Cores
Básica
Alternativa
Outras
Tipografia
Família de Fontes
Contraste na Tipografia
T5-M3
Imagens e Ícones
Imagens
Otimização das Imagens
Plugin de Otimização de Imagens
Boas Práticas para Otimização de Imagens
Compactação x Tamanho
Compactação de Imagem COM e SEM Perda
Texturas
Ícones
SVG (
Scalable Vector Graphics
)
T5-M4
Estratégias de SEO
Conceitos
Maiores Buscadores da Web
Testes de Compatibilidade com Dispositivos Móveis
Motor de Buscas do Google
Papel do SEO