Tradução: Desenhando para diferentes dispositivos: 5 passos para criar uma boa UX

Edimar Salomé
Jul 24, 2017 · 5 min read

Este post é uma tradução do artigo Designing for diferent screen and devices: 5 steps to creating a great UX de Dhruvi Shah. Para conferir a versão original do artigo em inglês clique aqui.

Vivemos em um mundo onde a gratificação instantânea é uma regra. Nós estamos mais atentos a experiência do que à marca e é muito frustrante nos dias de hoje, um design não se adapta corretamente aos nossos dispositivos. Atualmente não existe um tamanho de tela específico — Entre a “microtela” de um smartwatch, e as “gigantes” telas das TV’s, existem inúmeros outros tamanhos. O conteúdo deve ser desenvolvido de forma que seja realmente legível e utilizável através de todas as telas.

Não é segredo que os dispositivos portáteis estão dominando o mercado da tecnologia, com tantas opções disponíveis, as diferenças de tamanho entre telas obviamente são muitas. Por isso, usuários também esperam que a experiência que não seja prejudicada pelo tamanho da tela.

Entretanto, projetar a mesma experiência de usuário para todas as telas não é uma tarefa fácil. Muita coisa precisa ser levada em consideração enquanto se planeja e muita coisa pode falhar drasticamente na etapa de design. Desenhar para múltiplos dispositivos requer inteligência, lógica e envolve mais do que ajustar o tamanho do dos elementos na tela.

Para encantar os usuários é necessário desenvolver uma estratégia que seja efetiva para o maior número de dispositivos e tamanhos de telas possível. Vamos ver como criar designs que se encaixem perfeitamente em cada dispositivo.

Identifique e entenda os ‘USUÁRIOS’

O primeiro passo do UX é identificar os públicos-alvos primários e secundários e obter suas informações demográficas e psicológicas. É absolutamente necessário que entendamos qual a familiaridade dos usuários com os diferentes dispositivos e a facilidade que eles tem para utilizá-los.

Por exemplo, vamos imaginar um aplicativo de compras online. Uma vez que identificamos as diferentes personas e mapeamos as tecnologias geralmente utilizadas por elas, nós podemos decidir em quais plataformas podemos e devemos disponibilizar o produto, desta forma o aplicativo de compras proporcionaria uma boa experiencia na web, no smartphone e no tablet. Entretanto não funcionaria bem em dispositivos com telas menores como smartwatches.

Mapeie as funcionalidades e tarefas FUNDAMENTAIS do produto: defina ‘Device groups’

Agora que público-alvo e plataformas foram definidos, identifique as funcionalidades básicas do produto, definir o modo de apresentação ideal em cada dispositivo é o próximo passo. Identificar os diferentes cenários em que o produto será usado dentre um ‘device group’ (grupo de dispositivos) é crucial e então a experiencia pode ser desenhada de forma adequada para cada cenário. Nem todas as funcionalidades fazem sentido para todos os dispositivos. Apesar de existirem diversos modelos de dispositivos, nós podemos agrupá-los de acordo com a similaridade de largura das telas. Entretanto, os grupos podem mudar de projeto para projeto levando em consideração as pesquisas com os usuários.

Por exemplo, disponibilizar uma funcionalidade no smartwatch pode não fazer sentido, mas os subconjuntos do fluxo do usuário podem ser traduzidos para o relógio, como status, rastreio e notificações referentes aos pedidos.

Desenhe MOBILE FIRST

É melhor começar seu processo de design a partir da versão mobile antes de escalar de acordo com outros formatos de telas como tablets, notebooks ou desktop, pois as limitações podem ajudar a manter somente o que é mais importante para o usuário.

Com tempo, adquirindo experiência prática, eu percebi que se você tiver muito espaço de tela para brincar, facilmente serão adicionadas funcionalidades desnecessárias. Uma vez que você não tem este privilégio, você será forçado a pensar e decidir o que é mais importante, restando somente o indispensável, mais tarde você estará mais preparado para aplicar o mesmo processo de julgamento para versões futuras do produto.

Defina as DIRETRIZES e STYLE GUIDES

Depois de definir grupos de usuários e grupos de dispositivos, é importante definir qual será o dispositivo de referência, este dispositivo será usado para ajudar a criar uma referencia do design. Você também pode criar um guia de estilos consistente pensando em todas as plataformas.

O guia de estilos contém basicamente um conjunto de princípios, diretrizes, uso de cores e fontes de acordo com um padrão visual do produto. Dado a versatilidade de cada dispositivo, é possível que se tenha mais de um dispositivo de referência. Isso é importante para que o produto tenha um visual coerente e familiar em todas as telas. Uma maneira fácil de conseguir verificar é testar constantemente o design em dispositivos reais, testar com usuários reais também vai ajudar a cobrir problemas de usabilidade e de UX.

Experiência consistente e perfeita em vários dispositivos

O grande desafio para UX designers e a chave para uma boa experiência é consistência. Um design consistente basicamente significa que a experiência será semelhante independente do dispositivo. Ao invés de criar vários designs para um número cada vez maior de telas e dispositivos, é sempre melhor tratá-los como variações de uma mesma experiência, o que faz aumentar a confiança do usuário. Além disso, é mais fácil para os usuários interagirem e se engajarem, quando eles sabem exatamente o que esperar do aplicativo.

As pessoas constantemente se deslocam entre dispositivos para fazer coisas do dia a dia, enquanto se movem, elas esperam que os produtos e serviços caminhem junto. Isso significa que usuários não precisam pensar sobre o dispositivo que estão usando ou mudanças de ambiente ou no contexto; Basicamente, confiar em um produto é mais sobre funcionalidade e facilidade de uso independente do dispositivo.

Embora um design universal seja bastante desafiador mesmo para designers experientes, a melhor coisa a fazer é se manter atualizado com as melhores praticas de UI/UX, sempre considerar sistemas de navegação e lembre-se, uma experiencia perfeita é a chave para um produto de sucesso no mercado!

Originally published at lollypop.biz.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade