Padrões de Interação na Web

Padrões de Interação ou Patterns são coleções de boas práticas encontradas em interfaces de um determinado segmento. Seu objetivo é reunir os aspectos que tornaram determinado arranjo na interface padrão reconhecido pelos usuários e adotado pelos designers.

Por exemplo, o padrão Abas Duplas é uma solução muito usada quando você precisa estabelecer uma hierarquia de dois níveis de navegação numa barra que está no topo do layout. Nesse padrão está registrado o problema que ela resolve, quando usar, como fazer, porquê usar e bons exemplos.

Conhecer os principais Padrões de Interação na Web é obrigatório para qualquer profissional que se pretenda a projetar interfaces. É como se fosse o vocabulário para esse ofício. Esse vocabulário pode ser muito útil para facilitar a comunicação dentro de uma equipe.

Durante o curso serão expostos os principais Padrões das coleções de Welie, Tidwell e outros autores. O objetivo será dar ao aluno visão geral das características dos padrões, sua utilidade e quando podem ser trasngredidos.

Sequência do curso

O que são padrões?
História dos padrões na arquitetura
A padronização é inevitável
Como usar padrões no dia-a-dia
- Comunicação com equipe e clientes
- Componentização
- Wireframes
- Design de interação componentizado - passo-a-passo
  1. Listagem de elementos
  2. Agrupamento (exercício)
  3. Meu agrupamento com prioridade
  4. Design de cada elemento
  5. Montar o wireframe (exercício)
  6. Meu wireframe
  7. Meu design final
  8. Crítica
Exercício: tudo começa com o problema
Seleção de padrões
Discussão: vantagens e desvantagens de determinados padrões
Ocasiões onde vale à pena quebrar
Tarefa de casa: reconhecer um padrão num portal e descrevê-lo (problema, quando usar, solução, porquê)

Ficha Técnica

Duração: 4 horas

Próxima data: a definir

Local: Webconferência
Exemplo de Webconferência
Online ao vivo, com vídeoconferência e chat

Fred van Amstel (fred@usabilidoido.com.br), 07.04.2005

Veja os coment?rios neste endere?o:
http://www.usabilidoido.com.br/padroes_de_interacao_na_web.html