Qual a importância do fluxo visual de uma interface?

8

Recentemente, tive uma conversa com um amigo sobre o design de um aplicativo instalador. Eu indiquei que seu fluxo visual era confuso. Levou meus olhos da esquerda para a direita e depois para o topo e depois de volta para o canto inferior esquerdo e finalmente para a direita. Ele respondeu que não acha que o fluxo visual é especialmente importante para o design gráfico. Ter uma direção e fluxo claros entre os elementos é importante no design gráfico ou não é importante em comparação com outros aspectos?

design-principles composition interface-design Computerish
fonte
4
Não sei ao certo o que você quer dizer com linha de frente no contexto de uma interface do usuário. Normalmente, esse termo é usado em relação à fotografia, onde a própria imagem contém linhas visuais para o usuário seguir. As interfaces do usuário não são imagens e o olho tende a seguir o layout lógico da interface (por exemplo, o fluxo de texto: digitalizando da esquerda para a direita, de cima para baixo), em vez de quaisquer linhas geométricas encontradas na interface.
Calvin Huang
4
Uma captura de tela ajudaria bastante a explicar o problema em questão.
Philip Regan
Exatamente. O que é uma linha líder ? Você está falando de manchetes ou qualquer outra coisa? Você está perguntando sobre a liderança, que é basicamente a altura da linha?
precisa saber é o seguinte
Eu acho que a questão é terminologia. Eu editei minha pergunta.
Computerish

Respostas:

6

O fluxo visual de uma interface é importante, e aqui está o porquê:

  • Toda tela de interface deve ter uma ação principal ou ações a serem executadas. O fluxo visual deve naturalmente chamar a atenção para a ação primária.
  • Quanto menor a distância que o olho percorre, mais fácil é a interface e a compreensão. Os estudos (pdf) sobre o design de formulários confirmam isso, pois formulários com rótulos alinhados na parte superior são preenchidos mais rapidamente do que formulários com rótulos alinhados à esquerda ou à direita.
  • Um fluxo visual confuso ou estendido aumenta a frustração do usuário. À medida que eles avaliam o custo percebido da frustração e do tempo contínuos versus a realização de uma tarefa, muitos usuários abandonam a tarefa.
  • Quanto mais tarefas abandonadas, menos conversões. No caso do seu amigo, isso significa menos instalações. Em suma, ele está prejudicando seus resultados ao ignorar o bom design.

Um dos melhores recursos que vi sobre esse tópico é uma série de vídeos da StomperNet (ignore o discurso de vendas, vale a pena aturar os vídeos). O foco dos vídeos é melhorar as conversões de sites, mas existem muitos princípios sólidos de design com uma base científica neles que podem ser aplicados a qualquer design.

Se você não gosta do vídeo, confira este estudo, Identificando problemas de usabilidade na Web a partir de dados de rastreamento ocular (pdf), que destaca problemas de usabilidade específicos decorrentes de um fluxo visual ruim.

Virtuosi Media
fonte