Esta secção do site apresenta diversos padrões de elementos de interação para sites Web e mobile. Incorporam boas práticas e descobertas feitas pela nossa equipa de forma a poder utilizar soluções que maximizem a usabilidade, acessibilidade e visibilidade a motores de pesquisa.

Para que servem?

Procuramos naturalmente padrões quando estamos num site ou aplicação, e tomamos decisões com base nas experiências passadas. Para os utilizadores, os padrões de design reduzem a carga cognitiva apresentando algo familiar, assim não terão de descobrir quais os passos que terão de dar para atingirem o seu objetivo.

Como utilizar?

Todos os padrões listados nesta secção irão apresentar uma estrutura similar e que explicam que tipo de interação pretendem solucionar, o código desse padrão, a explicação, caraterísticas adicionais e referências adicionais.

Segue-se uma descrição exemplificativa de um padrão:

Nome do padrão

Problema

Após o nome do padrão, é apresentado um sumáro que descreve o que é e qual o problema que o padrão tenta resolver.

Solução

Detalha a solução e explica de que forma os problemas são solucionados.

Esta secção poderá igualmente conter excertos de códigos HTML, CSS e JavaScript que funciona como uma receita, pronta a usar, que soluciona a padrão de interação:

	
		<h1>Exemplo markup HTML da solução para o padrão.</h1>