Usabilidoido: Menu Principal


Padrões de Interação na Web

Perfil no LinkedIn
Perfil no Youtube
Perfil no Twitter
Perfil no Instagram
Perfil no Spotify
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

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.






Você merece.

Assine nosso conteúdo e receba as novidades!

Atualizado com o Movable Type.

Alguns direitos reservados por Frederick van Amstel.

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