Usabilidoido: Menu Principal

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

Autor

Frederick van Amstel - Quem? / Contato - 07/04/2005

Redes

Siga-me no Twitter, Facebook, LinkedIn ou Instagram.

Citação

VAN AMSTEL, Frederick M.C. Padrões de Interação na Web. Blog Usabilidoido, 2005. Acessado em . Disponível em: http://www.usabilidoido.com.br/padroes_de_interacao_na_web.html

Relacionados

Comentários

Fernando aka Curupira
08/04/05 às 15:41

Isso ainda vai rolar ou já aconteceu e eu perdi?

Fred
08/04/05 às 22:13

Vai rolar ainda em abril de 2005. Se tiver interesse, se inscreve lá que você recebe um email com o valor e as datas marcadas.

Aldemir Vieira
08/04/05 às 22:31

Fred,
Parabéns pelo post, alias, esses dois links são duas pérolas!!
Sucesso no curso e lembre-se, "Semântica na Mente" até nos exemplinhos, OK?

Fred
08/04/05 às 22:53

Valeu Aldemir! Só não entendi o que você quer dizer com "semântica na mente"? O curso abordará Padrões de Interação e não os sugeridos pelo W3C. Não discutirei a implementação deles, apenas forma e comportamento conceitual, até porque eles podem ser usados tanto em websites quanto em aplicações ricas em Flash.

Gustavo Moura
31/03/06 às 11:00

Acho que poderia rolar esse curso denovo heim Fred?

Qualquer novidade me avisa!

Rafael Daron
09/09/11 às 15:19

Gostei da ementa do curso. Não rolaria outro curso desses Fred?

Estou criando um padrão de interação e interfaces para um projeto novo aqui da empresa.

Pegue um fruto.

Você merece.

Assine nosso conteúdo e receba as novidades!

Atualizado com o Movable Type.

Apresentação do autor | Website internacional | Política de Privacidade | Contato