DEV Community

Cover image for Como projetar para várias telas? Aprenda os 4c's
Suami Rocha for Devs Norte

Posted on

Como projetar para várias telas? Aprenda os 4c's

Ao projetar um novo produto ou recurso, é importante pensar sobre os diferentes tipos de plataforma em que o design será disponibilizado. Para lembrar, uma plataforma é o meio pelo qual os usuários utilizam seu produto. Algumas plataformas comuns são:

  • Computadores desktop
  • Laptops
  • Celulares
  • Tablets
  • Portáteis, como relógios inteligentes
  • TVs
  • Telas inteligentes

À medida que projeta para vários dispositivos, você precisa considerar o tamanho da tela do dispositivo, a interação entre o dispositivo e o usuário, a forma como o conteúdo será organizado em vários tamanhos de tela, a maneira como os usuários vão interagir com cada dispositivo e muito mais.

Para proporcionar uma ótima experiência de usuário em vários dispositivos, tenha em mente os 4Cs:

  • Consistência: ter um design uniforme para que os usuários sintam familiaridade com todos os dispositivos e produtos.

  • Continuidade: proporcionar uma experiência tranquila e ininterrupta aos usuários enquanto eles navegam entre dispositivos.

  • Contexto: projetar para as necessidades de um dispositivo específico e a forma como o usuário vai utilizar esse dispositivo em qualquer situação.

  • Complementariedade: levar em consideração como o design do produto em cada dispositivo pode melhorar a experiência geral do usuário.

A plataforma selecionada deve ser aquela que atende melhor às necessidades dos usuários finais. Mais tarde, você pode projetar para outras plataformas. Além de ter uma experiência do usuário consistente entre plataformas, também é importante ter uma identidade de marca consistente.

Por exemplo, uma Empresa deve ter o mesmo visual e sensação no computador desktop e no celular. E é importante ter em mente que algumas funcionalidades existem apenas em certas plataformas. Pense em um assistente de voz que permite que você faça perguntas ou controle seu celular com a voz. Muito inteligente, não é? No início, apenas celulares tinham assistentes de voz. Se o produto que você projetasse exigisse o uso de um assistente de voz, a única plataforma em que ele funcionaria seria em um celular. Mas, atualmente, assistentes de voz são integrados a muitas outras plataformas, como computadores desktop, TVs e até geladeiras.

Esse foi um papo mais de ux mas que faz sentido para quem desenvolve front tanto web quanto para app. Espero que tenham gostado.

Obrigada 🫰💚

Top comments (2)

Collapse
 
iagocavalcante profile image
Iago Angelim Costa Cavalcante

Excelente artigo Suami

Collapse
 
patrickmonteiro profile image
Patrick Monteiro

Execelente como sempre!