Parem de usar Lorem Ipsum em seus projetos de design

Sites bem-sucedidos (e com boa usabilidade) começam com o conteúdo,  seguido pelo design. Mas isso não significa que você pode usar o  texto de preenchimento Lorem Ipsum no lugar de conteúdo de verdade.

Resumindo, o problema de usar texto lorem ipsum em designs de UI / UX é que ele revela muito pouco sobre a conexão entre o design e o conteúdo.

Neste artigo, vamos falar sobre as armadilhas de usar o texto lorem ipsum em seus projetos de design e explicar por que usar conteúdo real é melhor. Também veremos como você pode começar a projetar sem lorem ipsum.

As armadilhas de usar lorem ipsum em seus projetos

A maioria dos designers de UI/UX provavelmente já usou o lorem ipsum em seus protótipos. É uma maneira fácil de representar onde o conteúdo aparecerá na interface enquanto apresenta um design esteticamente agradável.

Nos estágios iniciais do processo de design, usar lorem ipsum em vez de conteúdo realista pode ajudá-lo a experimentar diferentes conceitos de design rapidamente. No entanto, embora não haja problema em usar o texto lorem ipsum em protótipos de baixa fidelidade, onde você está simplesmente se concentrando em obter feedback sobre o layout da interface e a fonte, isso proíbe você de adotar uma abordagem de conteúdo em primeiro lugar com seus designs.

“O uso de conteúdo fictício ou informações falsas no processo de web design pode resultar em produtos com suposições irreais e falhas de design potencialmente graves.”

Luke Wroblewski, em Morte ao Lorem Ipsum

Claro, usar o lorem ipsum como texto de espaço reservado em seus designs pode ser conveniente, mas você provavelmente terá que executar várias iterações de design para obter feedback valioso de clientes e usuários.

Vamos analisar algumas das principais razões pelas quais você não deve usar tal texto em latim em seus designs de interface do usuário:

• Não adequado para protótipos de alta fidelidade: O texto Lorem ipsum não é ideal para protótipos de alta fidelidade que podem ser apresentados a clientes, partes interessadas ou usuários finais para revisão e feedback.
• Você não consegue se concentrar no layout: Os designers costumam argumentar que o uso de lorem ipsum permite que eles se concentrem no layout. Essa abordagem é contra-intuitiva porque você provavelmente terminará com um design irreal. É melhor construir seu layout em torno do seu conteúdo, e não o contrário.
• Problemas nos espaçamentos: Muitas vezes, você acabará com layouts de design que não conseguem abrigar o conteúdo real da mesma maneira. Você provavelmente terá que fazer muitos redesenhos e reestruturações no futuro.
• Dificulta os testes de usabilidade: É quase impossível executar testes de usabilidade bem-sucedidos que fornecerão resultados úteis se você estiver usando o texto lorem ipsum em seus protótipos.

Usar conteúdo realista em seus designs de UI/UX sem dúvida exigirá mais esforço no início, mas valerá a pena melhor do que usar lorem ipsum.

Por que o conteúdo real é melhor

Ao usar conteúdo realista em seus designs de UI/UX desde o início, você poderá fornecer designs melhores em um número ideal de iterações de design.

Então, em vez de projetar com o conteúdo com texto fictício primeiro para obter feedback sobre o layout e depois ter que alterar esse layout porque não combinava com conteúdo real, você pode começar com conteúdo real.

Adote uma abordagem que priorize o conteúdo.

Adotar uma abordagem que prioriza o conteúdo ajudará você a criar designs utilizáveis mais rapidamente. Por quê? Porque o conteúdo realista fornece contexto e permite que você construa um design coeso.

O conteúdo evoca emoção que leva a um bom design. Mas ao usar o texto lorem ipsum, você terá um design que parecerá desconectado quando substituir o conteúdo de preenchimento por conteúdo real.

Adotar uma abordagem que prioriza o conteúdo não significa que você deva finalizar o conteúdo antes de começar o design. Significa simplesmente que você deve ter o conteúdo pensado – a abordagem de conteúdo em primeiro lugar é um processo evolutivo. Um primeiro rascunho dará à sua equipe de design uma ideia da mensagem que eles precisam comunicar.

Obtenha feedback valioso de clientes e partes interessadas.

Obter feedback valioso de clientes e usuários finais ajuda você a criar produtos utilizáveis ​​e a entender como oferecer melhores experiências ao usuário.

Com texto lorem ipsum, os clientes e usuários finais não conseguirão ver muito além do layout do design. Lembre-se de que a experiência que seus clientes terão ao ver um protótipo com texto lorem ipsum será, na maioria dos casos, significativamente diferente da experiência ao ver um protótipo com conteúdo real.

Protótipos e maquetes baseados em lorem ipsum geralmente são menos propensos a alterações do que aqueles que apresentam conteúdo real. Isso ocorre porque, como mencionamos anteriormente, o conteúdo evoca emoções que o lorem ipsum simplesmente não consegue.

Melhores resultados nos testes de usabilidade.

Os testes de usabilidade são essenciais para o desenvolvimento de produtos centrados no usuário. Utilizar conteúdo real em seus designs de UI/UX e cenários de tarefas ajuda a obter feedback valioso dos participantes dos testes.

Interfaces de usuário com layouts simples e conteúdo realista fornecerão resultados mais úteis em estudos de usabilidade do que layouts bem elaborados com texto genérico (lorem ipsum).

Projetando sem lorem ipsum

Embora projetar sem lorem ipsum certamente leve mais tempo e exija mais esforço tanto da sua parte quanto da do seu cliente, definitivamente vale a pena a longo prazo. Veja como você pode eliminar efetivamente a necessidade de usar lorem ipsum no seu processo de design:

Passo 1: Obtenha conteúdo e exemplos reais.

Antes de começar a projetar, peça aos clientes o conteúdo que você precisará adicionar à interface do projeto. Isso ajudará você a ter uma ideia do tipo de conteúdo que o cliente gostaria de ver no aplicativo e permitirá que você adote uma abordagem de design que priorize o conteúdo.

Por exemplo, se você estiver projetando um aplicativo de pedidos de comida, poderá pedir ao seu cliente que forneça alguns exemplos de nomes de restaurantes, textos, chamadas para ação, endereços, mensagens de erro, etc.

Dessa forma, você garante que não precisará redesenhar ou reestruturar drasticamente o layout da interface ao passar das maquetes para os protótipos e, finalmente, para o produto final. Além disso, você terá a certeza de que os dados que seu cliente deseja visualizar se encaixarão perfeitamente no layout da interface, sem sobreposições.

Ferramentas como o Content Snare  facilitam aos designers solicitar conteúdo aos clientes, criando pedidos  e especificando prazos.

Passo 2: Mantenha a consistência nos fluxos de usuário

Após receber os dados de amostra dos seus clientes, você precisará garantir que está usando o mesmo conjunto de dados em toda a sua aplicação. Seguindo o exemplo do nosso site de pedidos de comida, se você usou o nome de um restaurante na tela “Escolher um Restaurante” , use também  um dos mesmos nomes de restaurante na tela de “Finalizar Compra” .

Fazendo isso, você consegue manter a consistência e criar fluxos de usuário coesos . Além disso, você poderá coletar feedbacks melhores e mais úteis em testes de usabilidade quando chegar a hora.

Passo 3: Teste todos os cenários possíveis e casos extremos.

Como designer, você deve identificar e testar todos os cenários e casos extremos possíveis sempre que possível. Para facilitar isso, peça aos clientes o máximo de dados de exemplo possível para que você possa fazer um brainstorming de todos os cenários possíveis.

Por exemplo, se o cliente lhe fornecer uma lista de nomes de restaurantes (com o nome mais curto tendo quatro letras e o mais longo tendo 20 letras), você poderá garantir antecipadamente que o layout da sua interface seja capaz de acomodar textos de comprimentos variáveis.

Conclusão

Ao usar texto lorem ipsum em seus protótipos e designs, você está essencialmente relegando o conteúdo a um segundo plano e perdendo a oportunidade de coletar feedback sobre uma representação mais realista do seu projeto.

A menos que seu objetivo seja desenvolver rapidamente vários conceitos de design, usar lorem ipsum é uma perda de tempo, pois você eventualmente terá que substituir o conteúdo de preenchimento por conteúdo real.

Você já precisou refazer grandes alterações de design por causa do uso de lorem ipsum em seus protótipos ou projetos? Conte para nós nos comentários abaixo.