Usabilidoido: Menu Principal

English Website


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


Dicas

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

Autor

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

Palavras-chave

padrões    interação    padronização    pattern    patterns    repertório    

Opções



Comentários

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

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


Discussão
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.


Discussão
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?


Discussão
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.


Discussão
Gustavo Moura
31/03/06 às 11:00

Acho que poderia rolar esse curso denovo heim Fred?

Qualquer novidade me avisa!


Discussão
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.




Comente.






(aguarde que é demorado mesmo...)


Você merece.

Assine nosso conteúdo e receba novidades sem sair de casa!

Atualizado com o Movable Type.

Alguns direitos reservados por Frederick van Amstel.

Apresentação do autor | Consultoria | Portifólio | Política de Privacidade | Contato