5 dicas de design de interface para o utilizador

Um website é muito mais do que um grupo de páginas vinculadas por ligações. É uma interface, um espaço onde coisas diferentes – neste caso, uma pessoa e a presença na Web de uma empresa ou indivíduo – se encontram, comunicam, e afetam uns aos outros. Essa interação cria uma experiência para o visitante, e como web designer, o trabalho é assegurar que essa experiência seja tão boa quanto possível.

A conceção, ou o design de interface é um subconjunto do design ou da conceção da experiência do utilizador (User Experience (UX) Design), que se concentra em toda a experiência e não apenas na interface.

Como melhorar:

1. Conheça os seus utilizadores

Antes de tudo, tem de saber quem são os seus utilizadores, dentro e fora. Isso significa conhecer todos os dados demográficos que as suas aplicações analíticas podem extrair. Mas, mais importante, significa saber o que eles precisam e o que os impede a alcançar os seus objetivos.

Chegar a esse nível de empatia requer mais do que uma análise cuidadosa das estatísticas. Requer conhecer as pessoas que utilizam o seu website. Significa falar com elas cara a cara, vê-las a utilizar o seu produto (e talvez outros), e fazer-lhes perguntas que vão mais fundo do que: “O que pensa deste design?”.

Quais são os seus objetivos? O que os impede a alcançar esses objetivos? Como pode um website ajudá-los a ultrapassar ou trabalhar em torno desses desafios?

Não se limite a saber o que os seus utilizadores querem. Aprofunde um pouco mais e descubra o que eles realmente precisam. Afinal de contas, os desejos não passam de vontades que ultrapassam as necessidades. Se conseguir satisfazer as necessidades profundas de um utilizador, irá satisfazer os seus desejos, cumprindo ao mesmo tempo requisitos mais fundamentais.

Os conhecimentos que descobrirá ao analisar os dados e ao falar com os utilizadores formarão cada decisão que vier a tomar, desde a forma como as pessoas utilizam a sua interface, até aos tipos de conteúdo que destacará dentro dessa interface.

2. Defina como as pessoas utilizam a sua interface

Antes de conceber a sua interface, é necessário definir a forma como as pessoas a utilizarão. Com a crescente prevalência de dispositivos baseados no táctil, é uma preocupação mais central do que se possa pensar.

Basta olhar para o exemplo do Tinder: a experiência do utilizador da aplicação é literalmente definida pela facilidade e impulsividade de um simples deslize.

As pessoas utilizam websites e aplicações de duas maneiras: directamente (interagindo com os elementos de interface do produto) e indiretamente (interagindo com elementos ui externos ao produto).

– Exemplos de interações diretas

• Clicar num botão
• Passar um cartão
• Arrastar e largar um artigo com a ponta de um dedo

– Exemplos de interações indiretas

• Apontar e clicar com um rato
• Usando comandos/atalhos
• Digitação num campo do formulário

Quem são os seus utilizadores e que dispositivos utilizam, devem informar e ajudar a formar as suas decisões. Se está a conceber uma interface de utilizador para idosos ou pessoas com destreza manual limitada, não gostaria de se basear na vertente de “deslizar”. Se estiver a desenhar uma interface para criadores de conteúdo ou programadores, que interagem principalmente com aplicações através do teclado, vai querer apoiar todos os atalhos comuns do teclado para minimizar o tempo de trabalho com o rato.

3. Estabelecer expectativas

Muitas interações com um site ou uma aplicação têm consequências: clicar num botão pode significar gastar dinheiro, apagar algo ou remover alguém do seu círculo de amizades, ou fazer um comentário depreciativo sobre a sobremesa da tia. E sempre que há consequências, há também ansiedade.

Por isso, não se esqueça de informar os utilizadores do que acontecerá depois de clicarem nesse botão, antes de o fazerem. Pode fazer isto através do design.

Estabelecer expectativas com o design

• Realçando o botão que corresponde à ação desejada
• Utilização de um símbolo amplamente compreendido (tal como uma lata de lixo para um botão de apagar, um sinal de mais para adicionar algo, ou uma lupa para pesquisa)
• Escolher uma cor com um significado relevante (verde para um botão “go”, vermelho para “stop”)

Estabelecer expectativas com cópia

• Cópia de botão de escrita clara
• Fornecimento de cópia direcional/incentivadora em espaços vazios
• Entrega de avisos e pedido de confirmação
• Para ações com consequências irreversíveis, como a eliminação permanente de algo, faz sentido perguntar às pessoas se elas têm a certeza.

4. Pense cuidadosamente na colocação e tamanho dos elementos

O tempo para adquirir um alvo é uma função da distância e do tamanho do alvo.

Por outras palavras: quanto mais perto e/ou maior for algo, mais rápido se pode colocar o cursor (ou o dedo) sobre ele. Isto tem obviamente todo o tipo de implicações para a interação e técnicas de conceção da interface do utilizador, mas três das mais importantes são:

• Desenhar botões e outros “alvos de clique” (como ícones e links de texto) suficientemente grandes para serem facilmente vistos e clicados. Isto é especialmente importante com tipografia, menus e outras listas de links, uma vez que espaço insuficiente deixará as pessoas a clicar nos links errados uma e outra vez.
• Tornar os botões para as ações mais comuns maiores e mais proeminentes.
• Colocar a navegação (e outros elementos visuais interativos comuns, como barras de pesquisa) nos bordos ou cantos do ecrã. Este último pode parecer contraintuitivo, mas funciona porque diminui a necessidade de precisão: um utilizador não precisa de se preocupar em ultrapassar o alvo do seu clique.
• Enquanto pensa na colocação de elementos e no tamanho, tenha sempre em mente o seu modelo de interação. Se o seu site requer scroll horizontal em vez de scroll vertical, precisará de considerar onde e como orientar os utilizadores para este tipo de interação invulgar.

5. Não ignorar as normas

Sendo os designers normalmente muito criativos, tendem a gostar de reinventar as coisas – mas nem sempre é a melhor ideia.

Porquê? Porque uma versão renovada de uma interação ou interface familiar acrescenta “carga cognitiva”: faz as pessoas pensarem novamente sobre um processo que já aprenderam. Obviamente, pode-se reinventar a roda – mas apenas se ela realmente melhorar o design de interface e a funcionalidade.

Criar um design de interface que seja amigável para os utilizadores e motores de busca é a chave aqui. O objetivo último é o de proporcionar aos visitantes uma experiência de utilização o mais agradável possível e, simultaneamente, facilitar aos motores de busca o rastreio e a indexação do seu conteúdo.

Seguir as dicas acima mencionadas ajudará o seu website a subir na classificação dos resultados de pesquisa e trará mais tráfego ao seu site. Uma maior e melhor visibilidade converte-se em aumento de vendas.

Aqui na MEDIADIGITAL teremos com todo o gosto em ajudar a criar o site ideal para si e para os seus clientes. Contacte-nos!