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

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

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

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

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