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.

Top comments (0)