Sacada de bom humor na listagem de sites da Amazon no rodapé de uma página de resultados de busca.
Visto aqui.
Category Archives: UCD
Sugestões de melhoria na interface do player de vídeos do TED
Hoje estava assistindo este interessante vídeo no site do TED. Enquanto assistia, percebi que fiquei alguns segundos procurando o botão para colocar a apresentação em tela cheia sem sucesso. Acabei desistindo de acionar a função. Só mais tarde fui localizá-la na parte superior da interface do player. Achei estranho. Aproveitei para dar uma olhada rápida nesta porção da interface e fiquei intrigado com a localização do contador de tempo do player e também com a posição dos controles de volume… Veja a imagem abaixo para ter uma ideia do que estou falando.
Como disse, achei estranho o posicionamento e disposição destes botões. Os motivos, listo abaixo:
- Como estão sendo usados fios para delimitar a área do player, enquanto estamos assistindo a um vídeo usamos nossa visão periférica para identificar elementos que podem nos ajudar. Fazendo isso, o botão de ativar a tela-cheia acaba parecendo um botão de fechar janela. Além disso, pode ser mais interessante deixar os botões de funções relacionadas ao player próximos entre si.
- O contador de tempo está deslocado e distante com relação ao botão play/pause. Sua utilidade e função ficam prejudicados em função disso.
- A mesma observação feita com relação ao contador de tempo pode ser feita se levarmos em conta o botão de volume. O recomendado seria estarem todos próximos do play/pause.
A partir das observações que fiz, acabei elaborando uma imagem de sugestão para alteração na interface, atendendo o que falei acima, veja abaixo:
Procurei colocar os controles relacionados a execução do vídeo próximos entre si e distantes dos botões de funções relacionadas a compartilhamento e avaliação do vídeo.
Foram mudanças simples e sutis, mas que podem trazer impacto na experiência do usuário.
Das coisas inúteis: o mapa de site
Quem assiste minhas aulas que abordam o tema (seja em arquitetura de informação, desenvolvimento web ou usabilidade) sabe que eu costumo falar que se um site é bem feito, não existe a necessidade de um mapa de site.
Da mesma forma que uma cidade, quando é bem sinalizada, não demanda mapas ou questionamentos sobre qual caminho seguir.
Num site, o sistema de navegação deve ser eficiente e claro o suficiente para que o usuário consiga:
- Ter noção de todo o conteúdo;
- Visualizar as opções de tarefas a fazer e conteúdo a explorar;
- Saber onde estão as coisas.
Pois bem. Dada esta consideração, vamos a um exemplo que ajuda a explicar que, além de inúteis, os mapas de site podem acabar atrapalhando o usuário. Clique na imagem abaixo para ampliá-la:
Na imagem você vê o que eu vi quando tentei usar o Mapa de Site do portal da Unimed BH.
As opções listadas abaixo do item “Central do Cliente” no mapa do site não representam o que o menu do site indica.
Trágico, não é? Mas serve para indicar o quanto estes mapas de site podem se mostrar inúteis no caso de uma atualização de conteúdo que não é refletida lá (afinal, é mais uma página para mexer…). Além disso, a nomenclatura dos elementos usada no mapa do site difere daquela que temos no menu.
Enfim, embora não seja possível falar que todos os mapas de site sejam assim (claro que não são) o exemplo acima mostra o quanto estes mapas são inúteis. A opção que eu precisava usar – no caso deste site especificamente – era justamente aquela que o tal mapa de site não contempla. Aí fica a questão: a culpa é minha (usuário?) Lógico que não! E olha que agora nem dá para usar a desculpa (esfarrapada, diga-se) de que é um problema de eu (supostamente) “não compreender” a nomenclatura das especialidades médicas.
Aprendendo a usar web fonts
Web Fonts Are Waiting For You from Tom Hapgood on Vimeo.
/Via.
Cuide dos detalhes
Quando estamos envolvidos num projeto web, cuidar de todos os detalhes (por menores que possam parecer ser) pode ser algo que – no futuro – fará uma grande diferença.
O exemplo acima é do site de pagamentos do BuscaPé e faz parte do processo de avaliação de uma loja que usou os serviços em questão. O que surpreende é que um descuido no texto (destacado) coloca em cheque a eficiência das atitudes que serão tomadas em função das informações que você está prestes a submeter.
Além disso, o formulário na página em questão mostra-se ineficiente em seu enunciado (da questão marcada) pois solicita dois tipos de informação numa única questão e esta possibilita a indicação de mais de uma resposta por parte do usuário. Fica complicado avaliar o que foi submetido, certo? Como se não bastasse, as opções listadas na questão não são claras e podem causar confusão na interpretação do usuário.
Assim sendo, fica a recomendação para que tenhamos sempre atenção aos detalhes. Embora possa parecer uma coisa pequena, o texto desta página é muito importante e algo errado aqui, compromete um feedback que é mais do que necessário para as duas empresas (a prestadora do serviço e a outra que está sendo avaliada).