DEV Community

eduarda
eduarda

Posted on

A Importância do Design Responsivo na Era Mobile

Em uma realidade cada vez mais conectada, onde os dispositivos móveis são parte integral da nossa rotina, o design responsivo se tornou indispensável para garantir uma experiência de usuário fluida e agradável. Recentemente, tive a oportunidade de explorar esse tema com profundidade no meu projeto de graduação do curso de Sistemas de Informação na FURG, intitulado "Análise da Experiência do Usuário e Proposta de Redesign da Plataforma AVA Web em Dispositivos Móveis".

Neste estudo, avaliei a usabilidade do Ambiente Virtual de Aprendizagem (AVA) da universidade e propus um redesign focado na melhoria da experiência do usuário em dispositivos móveis. Os resultados destacaram como um design responsivo pode realmente mudar a forma como os usuários interagem com uma plataforma, principalmente no âmbito universitário, onde temos uma diversidade gigantesca de alunos, desde faixa etária até questões sociais.

Portanto, é indiscutível a importância do design responsivo em 2024. Separei abaixo alguns pontos que não podem ser deixados de lado quando falamos de web na era mobile:

  • Melhoria na Usabilidade: um design responsivo garante que a interface se adapte a diferentes tamanhos de tela, isto proporciona uma navegação intuitiva e facilita o acesso às funcionalidades principais. No caso do AVA da universidade, isso significou uma navegação mais fluida e satisfação na experiência dos usuários.

  • Acessibilidade: recursos como botões de contraste, modos claro e escuro e ajuste de tamanho de fonte são essenciais para garantir que todos os usuários, independente de suas necessidades, possam acessar e utilizar a plataforma da melhor forma. Focar na implementação desses recursos é um passo importante para tornar a web mais inclusiva.

  • Consistência e Padrões: seguir padrões de design específicos para cada plataforma (iOS, Android, web) ajuda a criar uma experiência familiar para os usuários, aumentando sua confiança e satisfação. No meu projeto, a consistência visual foi um dos pilares do redesign, utilizando bordas arredondadas, cores e estilos de ícones padronizados.

  • Feedback do Usuário: trazer feedback dos usuários no processo de design é fundamental. Durante a pesquisa de campo para o meu projeto, atendi aos pedidos mais recorrentes dos usuários, ouvindo suas dores e implementando as novas features no redesign, desta forma melhorando a experiência dos estudantes. Além disso, ouvi os usuários do início ao fim, atendendo suas principais dores e necessidades durante o desenvolvimento do projeto e, ao fim, testando a nova proposta diretamente com um grupo de estudantes, ouvindo suas considerações sobre o redesign.

Na figura abaixo, deixo uma pequena demonstração em comparativo do meu protótipo produzido durante o trabalho de conclusão de curso, logo à direita, um print da versão atual do AVA para dispositivos móveis em sua versão web.

Protótipo x Modelo em produção

A era mobile exige que designers e desenvolvedores estejam sempre atentos às necessidades dos usuários e às melhores práticas de design responsivo. Integrar boas práticas e feedbacks no processo de desenvolvimento é, de fato, importante para garantir que as soluções atendam às expectativas e necessidades reais dos usuários.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay