Como personalizar o UX para dispositivos móveis
Então, o que a psicologia tem a ver com isso? Quando se trata de experiência do usuário, quase tudo.
Com tantos tipos e tamanhos de dispositivos e tantas maneiras diferentes de criar websites para esses dispositivos, a experiência do usuário que um designer cria é o que determina o sucesso geral do site e se um usuário retornará.
O que é psicologia do usuário?
Psicologia do usuário é a ciência por trás do que as pessoas querem e precisam quando visitam um site ou aplicativo móvel. A psicologia está enraizada em tudo, desde o fato de um usuário confiar na sua marca até o modo como ela se sente em relação à mensagem que você está tentando transmitir.
E o design é uma grande parte disso. Tudo, desde cores, imagens até padrões, até como o site funciona pode impactar esses sentimentos e conexões emocionais.
Cada um desses elementos deve levar a uma ação do usuário. A maioria dos livros de psicologia faz referência a gatilhos que levam as pessoas a agir e reagir. Esses acionadores também se aplicam ao design da web e, ainda mais, ao design para dispositivos móveis, em que o usuário quase sempre precisa interagir fisicamente com um website para fazer algo acontecer, como passar o dedo na tela ou tocar na tela.
- Reciprocidade: se você fizer algo pelos usuários, eles farão algo por você. (Eles se inscrever para um boletim informativo, você dá-lhes um brinde.)
- Enquadramento: os usuários farão comparações entre as coisas. (Eu quero isso ou aquilo? A maioria dos usuários está em algum lugar no meio de todas as opções.)
- Saliência: os usuários querem o que importa agora. (É por isso que os sites de comércio eletrônico adicionam itens relacionados à tela durante a experiência de compra.)
- Prova social: os usuários olham para os outros para ver o que fazer. (A influência das mídias sociais.)
- Escassez: os usuários querem o que não podem ter. (Número limitado de itens)
- Contraste: o que se destaca na mente do usuário. (Teoria do Design 101.)
Duas experiências de usuário diferentes
Enquanto os gatilhos são os mesmos, independentemente do dispositivo, a experiência do usuário não é. Os usuários querem que o conteúdo seja o mesmo, independentemente do dispositivo, mas têm ideias diferentes sobre como usar e interagir com esse conteúdo.
Sites da área de trabalho são para leitura e leitura. O processo de leitura e coleta de informações pode resultar em uma ação, mas os usuários geralmente têm uma razão distinta para acessar um site, como o trabalho. Nem todas essas experiências são baseadas em entretenimento ou prazer e a maioria delas pode não ser.
Os usuários de computadores desktop ainda estão relativamente em suas interações on-line. Toda ação é feita com um teclado ou mouse. Simplesmente não há muita interação física real com o dispositivo. (Poucos usuários irão tocar na tela).
A experiência do usuário para celular é significativamente diferente. Os usuários constantemente tocam no dispositivo - caixa e tela. Portanto, o tamanho desses elementos e como eles se sentem são muito importantes. Esse uso do toque físico torna os elementos de design na tela especialmente importantes, porque eles devem ser fáceis de tocar, ao contrário das versões de área de trabalho, onde o clique do mouse é sempre do mesmo tamanho.
Os usuários de dispositivos móveis geralmente acessam sites com diferentes intenções. Atividades de entretenimento ou conclusão de tarefas são mais comuns do que ações de leitura e pesquisa. (Pense em quantas vezes você pega o telefone para jogar um jogo na fila do supermercado ou responde a uma mensagem de texto.)
As diferenças físicas também afetam a psicologia do design móvel. Você deve considerar as condições de iluminação, o tamanho do dispositivo e as opções de toque. Como esses elementos se juntarão para um usuário real?
As expectativas do usuário
Tudo se resume a uma questão central: o que o usuário móvel deseja e espera?
Ao contrário dos websites para desktop, em que os usuários esperam uma experiência visualmente dinâmica e envolvente que seja relativamente bidimensional, os usuários móveis querem que tudo pareça real e viva no espaço tridimensional.
Os usuários de dispositivos móveis esperam algumas coisas da interface:
- Toda ação precisa ser tocável. (E fácil de ver e tocar.)
- Gráficos e imagens devem ser carregados rapidamente e podem não fazer parte da experiência móvel.
- Opções precisam ser contextuais. Os usuários querem saber o que vem por aí e onde podem ir a partir daqui; eles não precisam conhecer todas as opções possíveis.
- Os sites precisam se integrar com todas as funcionalidades do dispositivo móvel, como mapeamento, chamada e integração com outros aplicativos.
- As interações devem ser fáceis e seguir padrões geralmente aceitos. Os usuários móveis têm quase zero de atenção. Se os elementos não funcionarem pela primeira vez - e sem muito pensamento ou explicação - o usuário está perdido.
Como projetar
O segredo real é combinar gatilhos e expectativas do usuário; então desenhe para eles. Vamos analisar alguns exemplos de sites que fazem isso bem e como eles combinam gatilhos e expectativas de dispositivos móveis para uma excelente experiência do usuário.
hortelã
hortelã usa uma interface de estilo de cartão em que cada caixa é um elemento clicável em seu design de aplicativo para dispositivos móveis, enquanto a versão para desktop apresenta mais links no estilo de clique. Cores brilhantes e muito espaço em branco também contribuem para a versão móvel simplificada.
Triggers: Framing e salience são os principais gatilhos aqui, porque como um serviço gratuito mint está pedindo para você se inscrever para ofertas de tempo limitado com base em coisas que você provavelmente está pensando ou precisa, de cartão de crédito para ofertas de seguros.
Expectativas móveis: o Mint é carregado de maneira excepcionalmente rápida com dados atualizados do usuário. O aplicativo para dispositivos móveis elimina muitas das imagens mais pesadas que aparecem no site para computador e usa um padrão vertical simples para o usuário rastrear informações. Ele também incorpora algumas ferramentas agradáveis de UX, como o acesso por impressão digital no iPhone e o controle intuitivo por gestos para mover-se entre os elementos.
Destilador
Destilador usa um framework responsivo para que o conteúdo pareça e seja quase exatamente o mesmo nas versões desktop e mobile. O que o site faz é maximizar o potencial do formato móvel, com maneiras exclusivas de navegar pelo conteúdo.
Acionadores: você pode ver facilmente a maneira como esse site usa o contraste para criar engajamento do usuário. O uso da cor e do espaço em branco nas duas variações do website foi projetado para criar entusiasmo e incentivar calls-to-action. (Basta olhar para os botões coloridos e posicionamentos proeminentes.)
Expectativas de dispositivos móveis: o Distiller usa muitos padrões comumente aceitos para envolver os usuários, com algumas dicas sutis para o caso de o usuário precisar de ajuda. Observe a segunda tela do dispositivo móvel, por exemplo: os elementos de estilo de cartão (que são cada link exclusivo) podem ser deslocados para ver mais conteúdo e uma barra de estilo de ponto é usada para mostrar aos usuários quantos elementos são deixados. A navegação também é otimizada de maneira significativa e oculta em um ícone de hambúrguer para que os usuários não fiquem sobrecarregados com opções e possam se movimentar livremente no site para dispositivos móveis.
O canal do tempo
O canal do tempo fornece exatamente o mesmo conteúdo em seu site para computador e aplicativo para dispositivos móveis, mas as experiências são drasticamente diferentes. O site para computador tem mais informações para ler e examinar, enquanto o aplicativo se concentra no que o usuário precisa saber agora.
Triggers: Salience (mencionado acima) e prova social são uma grande parte do que torna o aplicativo móvel The Weather Channel diferente. A tela de abertura é o tempo em que o usuário está em pé neste momento. Com um movimento do dedo, os usuários podem relatar condições, compartilhar nas mídias sociais e se tornar parte da bem conhecida história do tempo da marca.
Expectativas para dispositivos móveis: o aplicativo usa um design moderno, plano e em estilo de cartão para facilitar o toque de todos os elementos. Não há um menu para falar porque toda a premissa é contextual, levando os usuários de um elemento para o outro com base em suas escolhas.
A pizza do dominó
A pizza do dominó fez um grande acordo público sobre como é fácil encomendar. E eles estão certos. Embora o site para computador tenha uma aparência bastante tradicional, o aplicativo usa várias ferramentas de interface de usuário específicas para dispositivos móveis, como a ordenação por voz, para facilitar o processo.
Triggers: Reciprocação e enquadramento são as chaves para a experiência de compra, com muitas ofertas e opções para escolher. Além disso, a versão para celular lembra as preferências de um usuário para tornar o processo muito mais fácil.
Expectativas dos dispositivos móveis: embora o Domino's use algumas funcionalidades que não são comuns entre esses tipos de aplicativos, isso é explicado bem (como o ícone de ordenação de voz). A navegação é construída em contexto e o aplicativo é projetado com muito contraste e imagens pequenas que são carregadas rapidamente.
The Tonight Show
The Tonight Show é projetado para entreter usuários em vários dispositivos. O desktop e o site responsivo, assim como o aplicativo, parecem e funcionam de maneira semelhante. As opções móveis são simplificadas com uma hierarquia vertical e os elementos são fáceis de assistir.
Triggers: Tal como acontece com muitos outros sites de entretenimento, saliência e prova social são o que mantém as pessoas voltando. Você quer estar no saber com o que é quente e tendências e este é o lugar para encontrá-lo.
Expectativas para celular: um dos ótimos truques no site para dispositivos móveis é que ele primeiro pergunta ao usuário se ele deseja o aplicativo, como se dissesse "você quer a melhor experiência que temos para oferecer?". Essa é uma ótima ferramenta que os usuários chegou a esperar. É fácil encontrar o aplicativo porque está a apenas um toque de distância e os usuários não precisam procurar nada. está tudo bem ali na frente deles.
Conclusão
A maioria dos usuários deseja e espera encontrar o mesmo conteúdo do site, independentemente do dispositivo, mas geralmente deseja que a experiência do usuário seja adaptada ao dispositivo que ele está usando.
Essa experiência de usuário específica do dispositivo ajudará a aumentar a fidelidade do usuário e os bons sentimentos que a maioria dos proprietários de websites espera que os usuários sintam sobre eles. Simplificando, ter uma boa área de trabalho e experiência e uma boa experiência de usuário móvel é importante; eles podem não ser a mesma coisa.
Projete para os usuários otimizando como eles se sentem, usam e interagem com seus dispositivos.