Design de interação: o que é e como você pode usá-lo?

/2017-01-17 12:13:23/
Rukmini
/Gráficos/

O design de interação pode ser o conceito de design mais comentado de 2015. É algo que você deve pensar e planejar em todos os seus projetos digitais.

Mas como você pode aproveitar ao máximo o design de interação? Como você pode criar algo com o qual as pessoas desejam interagir? Enquanto algumas dessas respostas estão mudando com a tecnologia, um elemento permanece o mesmo - as pessoas querem usar um design intuitivo, funcional e esteticamente agradável.

Explorar recursos de design

O que é Design de Interação?

Em design, interação homem-computador e desenvolvimento de software, o design de interação, muitas vezes abreviado como IxD, é "sobre moldar coisas digitais para uso das pessoas", definido alternadamente como "a prática de projetar produtos, ambientes, sistemas e serviços digitais interativos". - Wikipedia

Simplesmente, o design de interação é um processo de conectar o mundo digital ao humano. É fazer com que as coisas baseadas na tela pareçam reais e funcionem no mundo digital como fariam no espaço físico. Essa conexão ajuda as pessoas a usar e interagir com produtos e dispositivos digitais, de computadores, telefones e relógios a sites, aplicativos e jogos. Design de interação é um conceito que combina tudo o que sabemos sobre design e função em uma única idéia.

IxD é a palavra de ordem da comunidade de design, à medida que tentamos aprender melhor como projetar e replicar ações e interações físicas para melhor conectar produtos digitais aos usuários. As idéias por trás do design estão enraizadas nos princípios de um bom visual, enquanto a tecnologia está evoluindo quase tão rapidamente quanto podemos projetar para ela.

Questões a considerar

Um dos melhores guias para pensar em design de interação é, na verdade, um padrão de usabilidade do usabilidade.gov. O guia fornece um conjunto de perguntas (e até sub-perguntas) a serem usadas como base para a criação de um projeto com interações digitais e “com esse entendimento, você pode prever como alguém pode interagir com o sistema, corrigir problemas mais cedo e também inventar novas maneiras de fazer as coisas. "

Aqui estão os conceitos a serem considerados primeiro, você pode encontrar todas as sub-perguntas e considerações em Usabilidade.gov.

Definir como os usuários podem interagir com a interface
Dê aos usuários pistas sobre o comportamento antes que as ações ocorram
Antecipar e mitigar erros
Considere o feedback do sistema e o tempo de resposta
Pense estrategicamente sobre cada elemento do design
Simplifique para aprender

Muitos desses conceitos devem parecer familiares. Os conceitos e idéias estão alinhados com o que discutimos frequentemente na comunidade de design quando falamos sobre o que funciona e o que não funciona esteticamente. Embora as técnicas usadas para criar um design completamente interativo possam ser diferentes, os princípios do bom design são relativamente os mesmos.

Princípios Orientadores

Muito do que você pensa sobre interação combina princípios de design com princípios de emoção e interação humanas. Ao determinar como um projeto digital deve funcionar, pense em como você usa e interage com suas ferramentas favoritas. E essas ferramentas atraem você? (É provável que muitos dos melhores recursos sejam coisas em que você nem pensa conscientemente.)

Pense em cada um desses princípios ou conceitos ao decidir como o usuário se conectará ao seu design.

Movimento: quando você pensa em design de movimento e interação, geralmente as primeiras imagens mentais são de furtos ou toques, porque esses são os movimentos do usuário que ativam elementos no design. Clicar com o mouse ou virar a tela do tablet para obter um certo efeito são outros movimentos geralmente usados. Outras estéticas associadas ao movimento também são importantes, como dicas visuais em fotografias, tração direcional de elementos de design e vídeo.
Espaço: Com que tipo de ambiente o usuário está interagindo? O design é criado no espaço bidimensional ou tridimensional? Esse espaço é apenas parte da tela ou as ações se estendem além da tela para o mundo físico?
Tempo: a quantidade de tempo que um usuário gasta com uma interação pode afetar se a interação continua. Há um delicado equilíbrio de uma interação ser adequadamente envolvente e / ou muito longa ou curta. Pense no objetivo da interação e, em seguida, quanto tempo deve levar do início ao fim.
Som: uma das partes mais debatidas do design digital pode ser o som. Enquanto alguns usuários adoram, outros ficam rapidamente irritados. Ao usar som em interações, sempre leve em conta os usuários que desabilitarão a função; o design precisa funcionar com a mesma eficácia sem ele.
Estética: Cada elemento do design entra em jogo aqui. Como tudo isso parece? Essa aparência transmite a mensagem emocional correta ao usuário. Espaço, cor, tipografia, contraste e legibilidade desempenham papéis significativos no aspecto visual do design de interação.

Conceitos de Design

Vamos voltar aos princípios da interação e realmente pensar em estética. (Essa é uma das principais coisas que gostamos de pensar e discutir como designers, certo?)

Como todas as coisas que sabemos sobre design se encaixam nas interações de design? Realmente não é diferente em termos visuais do que outros tipos de projetos de design. A principal - e provavelmente a primeira consideração - é tamanho e escala. Muitos projetos interativos podem ser consideravelmente menores do que você está acostumado. (Você pode se concentrar apenas no design de um telefone ou relógio, mas o design também pode ser traduzido para computadores de mesa de outra maneira.)

Ao pensar visualmente, comece com a menor tela que abrigará o design e a construção. (Se você pode fazê-lo funcionar pequeno, é muito mais fácil “aumentar” o design; a eliminação de coisas que já foram projetadas pode ser muito mais difícil.

Espaço: embora alguns possam tentar diminuir o espaço entre os elementos em espaços pequenos, você realmente precisa dar mais espaço aos elementos em projetos pequenos. Certifique-se de que cada elemento tenha espaço suficiente para identificá-lo e executar a ação correta. (Os botões devem ser grandes o suficiente para serem tocados sem ativar outro elemento na tela.) Use várias telas (através de ações de furto), se necessário, para aproveitar ao máximo os pequenos espaços.
Cor: embora seja importante usar as cores da sua marca, você deve garantir que as cores ofereçam contraste suficiente para serem vistas em vários ambientes. Isso pode exigir a adição de algumas cores opcionais à sua paleta de cores para itens de interação. Considere tons brilhantes e atraentes, especialmente para aplicativos para dispositivos móveis e para assistir.
Tipografia: As letras devem ser simples e legíveis. Atenha-se a um tipo de letra de estilo moderno (serif ou sans serif está OK) com uma largura de traçado média e uniforme. Evite versões ou estilos condensados, excessivamente ousados ou leves com traços elaborados.
Contraste: todos os elementos em um design interativo devem corresponder aos elementos ao seu redor. Isso pode parecer severo em termos de design, mas um forte contraste pode facilitar a leitura e a compreensão dos elementos. O contraste também chamará a atenção para a interação rapidamente e ajudará os usuários a identificar o que fazer. Estabeleça contraste com cores, tipografia, espaço e imagens ou linguagem.
Legibilidade: Todos os elementos do seu projeto baseado em interação devem ser fáceis de "ler" rapidamente. Projete a capacidade e a função de digitalização, mantendo em mente que você pode ter apenas uma fração de segundo para convencer um usuário a realizar a interação desejada. Compreensão e legibilidade são essenciais para que isso aconteça.

Lista de leitura

Há tantas informações boas sobre o design de interação disponíveis. (E muitas opiniões sobre o que funciona e o que não funciona também.)

Se você quiser saber mais, aqui estão três ótimos recursos que você deve considerar valiosos e cada um fará você pensar no design de interação de maneiras diferentes.

“Três leis do design de interação”, de Diogenes Brito
“A Interface do Futuro: Design para Tornar a Tecnologia Humana”, de Danielle Reid
“Os 10 princípios do design de interação” da Creative Bloq

Conclusão

Design de interação é algo em que você precisa pensar. Os usuários esperam interações em quase todos os aspectos do design. A maioria dos usuários acessa a web e outros projetos de design digital por meio de dispositivos móveis, com expectativa de fazer mais do que apenas ler texto.

Planejar e projetar essas interações com objetivo pode parecer intimidador a princípio, mas não é muito diferente conceitualmente do que qualquer outro aspecto do design. A grande diferença está em como fazer as interações funcionarem; é aí que é importante ter um bom desenvolvedor ao seu lado ou continuar aprimorando suas habilidades de desenvolvimento da web.