Web apps e suas interconexões

No começo do projeto do CR1 – Controle de Reservas existiam várias dúvidas em relação ao escopo do projeto. Mas desde o início a certeza era que o sistema teria que ser fácil de usar. Com uma curva de aprendizado bem curta. Uma questão importante me manter neste caminho, mesmo em telas complexas, é que deveria se escolher o que é mais importante em uma página.

Ryan Singer, designer e especialista em Web Application Usability, retrata isso de uma forma muito interessante e prática. Ao desenvolver o design de cada tela ele utiliza um processo de 3 passos:

1. Decida o que é importante
2. Faça isto se destacar
3. Qualquer outra coisa deve estar com menor destaque

Priorizar dentro da tela o que é importante, o que é normal e o que é menos importante. É preciso fazer em uma tela que o objetivo dela esteja sobresalente entre os demais elementos da tela.

Exemplo:

Isto é importante.

Isto é normal.

Ok se você não precisar disso.

Abaixo é um exemplo bem classíco de quando não se utiliza um critério correto para aplicação de design em uma página. Os elementos estão concorrendo:

Existe uma concorrência entre os elementos da página. Mas apesar de haver vários elementos possíveis de chamar a atenção, é preciso escolher alguns para tornar mais fácil a utilização do sistema.

Fica muito claro que no lado direito o título “Aprova pagamento” chama a atenção e o convite a ação “Aprovar” também. Minha tese é que cada tela deve estar simplificada para haver uma ação principal em destaque e as outras com menor destaque.

Faz mais de 3 anos que comecei a ler tudo que encontro sobre usabilidade e só agora acabei caindo no site mais interessante que já encontrei sobre o assunto.

O site de Jakob Nielsen, Alerbox. Totalmente escrito em Inglês, o blog ou página do Sr. Nielsen é repleta de assuntos muito interessantes sobre como escrever para Web, experiências reais de usabilidade, 195 dicas para desenvolver uma newsletter entre outras informações. Considerado pelo New York Times, o Guru da Web Usability, esta página é fonte de muito conhecimento para quem está desenvolvendo habilidades para enCANTAR o cliente.

Abraços,

Fernando

Sei que o título deste post é meio provocativo, mas é o que eu vejo. Vou dar um exemplo. O site www.catho.com.br existe há muito tempo, e agora que passou por uma leve reestruturação de funcionalidades e Interface. Mas vejam a aplicação www.theladders.com em comparação.

Os principais problemas são:

• Interface não é focada na principal função na tela e sim em um aglomerado de funções e links.
• Janelas pop-up não são amigáveis.
• Inexistência de feed para atualização dos posts no sistema.

Vou fazer posts especiais sobre cada um dos itens acima.