O design de interação existe desde que fomos sofisticados o suficiente para desenvolver ferramentas básicas. É o processo de inventar, otimizar e repetir o sucesso anterior para tornar as coisas não apenas melhores, mas também mais familiares para nossos usuários.

É uma habilidade não limitada a qualquer indústria, e ainda assim tem a reputação de ser principalmente um instrumento de design moderno.

Na Web, usamos princípios de design de interação para tornar as coisas familiares e expor nossos usuários a novos conceitos que eles já sabem usar - antes de realmente usá-los. Garantir que nossos usuários estejam confortáveis ​​e familiarizados com um produto, serviço ou até mesmo com um padrão de interface do usuário faz uma imensa diferença em como nosso trabalho é percebido.

O design e a pesquisa detalhados de interação podem levar a uma experiência do usuário muito melhor e a um produto mais acessível. Ao trazer novas idéias (até mesmo revolucionárias) para o mercado, o design de interação é fundamental para garantir que essas novidades sejam fáceis de usar e pareçam familiares aos nossos clientes.

O uso da Apple de marketing com o lançamento do iPad original é um excelente exemplo desse processo. A ideia de um tablet já existia e tentava, mas o trabalho da Apple em fazer com que o dispositivo parecesse despretensioso e natural acelerou seu sucesso como uma nova plataforma.

Fazer com que os usuários se sintam confortáveis ​​em manter, usar ou até mesmo pensar em novas ideias ou produtos é essencial para o design da experiência do usuário.

“Pedir que os usuários adotem novos comportamentos ou até mesmo modifiquem seus comportamentos existentes é muito, muito difícil.” - Khol Vinh da Mixel

Design de interação na Web

O design de interação na Web se concentra principalmente na interface do usuário e no layout. Ao contrário de outras mídias, isso é único, pois existem milhões de exemplos de quase todos os casos de uso disponíveis. Portanto, é mais um problema descobrir de que base se basear, em vez de tentar encontrar a base.

Recursos como PatternTap ou Pttrns são recursos fantásticos para comparar e encontrar inspiração em padrões existentes. Coisas como ícones, navegação e até páginas 404 têm suas próprias categorias. Ser capaz de colaborar desta maneira com o resto da indústria torna o formato online tão único. Ele permite uma prototipagem massiva e pesquisas em grande escala sobre o que funciona e o que não funciona.

Use padrões que proporcionam uma boa experiência de uso

Se fosse tão fácil quanto escolher um padrão testado e comprovado que funciona toda vez para navegação, ícones, listas ou qualquer outra coisa; estaríamos sem emprego. Uma boa experiência do usuário é construída sobre uma base sólida de pesquisa e avaliação.

O que pode funcionar muito bem para outra pessoa em uma situação semelhante, pode não funcionar para você. Por esse motivo, é sempre importante fazer nossa própria análise, experimentação e teste.

Começando, queremos identificar o que nossos usuários esperam. Por exemplo, se estamos planejando onde colocar a navegação para uma página, o bom senso nos diz que nossos usuários esperam que ela esteja em algum lugar perto do topo, seja em um elemento de estilo de cabeçalho ou em uma barra lateral. Em seguida, queremos identificar quais desses casos de uso seriam ideais para nossa situação específica (barra lateral versus cabeçalho) e esperamos ter dados para confirmar essa suposição. Este é um exemplo muito pequeno e grosseiro de um processo de design de interação.

Usando padrões de usuário emergentes

Padrões comuns de uso são mais ou menos considerados apostas “seguras”. A maioria das pessoas sabe o que elas significam, sabemos como nossos usuários esperam que elas funcionem, e seu uso comum nos diz que é algo com o qual as pessoas se sentem à vontade (ou serão em breve). Padrões emergentes, por outro lado, são muito mais dramáticos. Esses padrões são novos, chamativos e ainda não estão refinados ou são comuns o suficiente para que nossos usuários os compreendam imediatamente. Eles podem levar a confusão, insatisfação ou até mesmo fazer uma interface parecer mal projetada.

Com tudo isso dito, os padrões emergentes são únicos por um motivo. Embora nem todos os entendam ou estejam familiarizados com eles ainda, eles podem estar em breve. Vale a pena prestar atenção pelo simples fato de que ninguém quer ser a última pessoa a implementar a nova funcionalidade. Com a crescente popularidade de algumas interações, às vezes nossos usuários até esperam que nós os implementemos depois de um certo ponto. Assim, enquanto os padrões emergentes parecem incompletos, às vezes vale a pena ser um adotante inicial se os riscos forem baixos.

O desastre do ícone de hambúrguer

Um exemplo de um padrão de uso emergente (e altamente debatido) é o ícone de hambúrguer. Embora certamente discutível em termos de expressar sua funcionalidade, ninguém pode negar que é um padrão cada vez mais popular e bem-sucedido. Mesmo para usuários que não entendem seu uso ou significado, um único toque ou clique revela essas informações. O ícone do hambúrguer pode facilmente tornar-se um padrão muito bem compreendido e popular, simplesmente incluindo a palavra “menu” ao lado do ícone. Algum dia, abaixo da linha, o ícone do hambúrguer pode ser tão chato e comum quanto usar um “X” para fechar.

Uma interface de usuário é como uma piada. Se você tem que explicar, não é tão bom assim. - Martin LeBlanc

Treinando nossos usuários para que se sintam confortáveis

Ter que explicar a funcionalidade por trás de nossa interface geralmente significa que não é tão bom assim. Mas sem esse treinamento para novas idéias, nunca faríamos progresso. Em vez de não procurar nenhuma explicação, em vez disso, devemos preferir uma explicação muito pequena . Se tivermos que dar um panfleto com nossa interface, é seguro dizer que estamos fazendo errado. Se apenas uma sentença ou uma breve declaração for necessária para explicar a funcionalidade, ainda assim poderemos fazer melhor… mas isso é certamente ok. Em suma, nada de novo jamais se tornará confortável se não expormos os usuários a ele apropriadamente - o que às vezes significa explicar nossas ideias.

Quebrando o molde

Padrões incomuns se tornam modernos e surgem de vez em quando. Vimos interações como a rolagem horizontal e as páginas de paralaxe aumentarem sua popularidade antes, apesar de suas conotações UX negativas. Às vezes, quebrar o molde e fazer algo único pode resultar em algo bonito que ainda atende às necessidades dos usuários. Não devemos ter medo de experimentar e experimentar coisas novas, especialmente quando se trata da área de design de interação. Descobrir padrões que tornam nossos usuários mais confortáveis ​​e designar sua função mais claramente é algo que todos nós podemos obter.

Conclusão

A escolha cuidadosa dos padrões de uso ao criar nossas interfaces pode resultar em usuários que entendem e se sentem confortáveis ​​com nosso trabalho antes mesmo de usá-lo. Quando estamos trabalhando com produtos ou serviços que estão em um nicho de mercado ou relativamente novos, todos podemos nos beneficiar de torná-los mais acessíveis.

O design de interação é único, pois é em grande parte uma ciência colaborativa trazida pelo nosso desejo de colocar novas ideias nas mãos de nossos usuários.

Imagem em destaque / miniatura, imagem de comportamento aprendido via Shutterstock.