App Facens
Visão Geral
Fui responsável pela construção do aplicativo da Facens! Essa nova versão foi lançada em maio/2023 e foi uma experiência incrível e desafiadora, pois o produto foi totalmente desenvolvido com base nas necessidades e feedback dos usuários. O aplicativo tem como foco a acessibilidade e conta com opções para aumentar a fonte, mudar as cores, entre outras funcionalidades. Além disso, foi projetado para funcionar em dispositivos móveis e desktops.
Minhas contribuições
Product design UX research UI deisgn UX strategy UX Writing Análise heurística
The team
Product Owner Scrum Master 3 desenvolvedores front-end 2 desenvolvedores back-end
Year
2023
Processo
Objetivos gerais
O objetivo principal do projeto consistia em realizar uma renovação completa do aplicativo da Facens. Esse aplicativo desempenha um papel fundamental ao manter os alunos atualizados sobre todas as informações acadêmicas relevantes. No entanto, apesar de seu funcionamento adequado, a versão atual do aplicativo possui um design desatualizado, que não acompanha as tendências atuais, e tem recebido críticas e sugestões dos usuários, principalmente os alunos da Facens.
Nossa proposta era aproveitar todas essas críticas e sugestões para criar uma nova aplicação, completamente reformulada e baseada nos feedbacks dos usuários. Queríamos garantir que a nova versão do aplicativo atendesse plenamente às necessidades dos alunos da Facens, proporcionando uma experiência moderna, intuitiva e eficiente. Ao levar em consideração as expectativas e opiniões dos usuários, buscamos criar um aplicativo que realmente atendesse às suas demandas e tornasse a experiência acadêmica ainda mais satisfatória.
Pesquisa e Benchmarking
No início do projeto, a equipe de inovação me forneceu um documento abrangente que compilava todas as reclamações e sugestões dos usuários para cada uma das telas do aplicativo, além de comentários e feedbacks da equipe de desenvolvimento. Utilizei essas informações como base para analisar comentários nas lojas de aplicativos, explorar o aplicativo anterior e realizar benchmarking com outros aplicativos semelhantes.
Esse processo de pesquisa e análise foi fundamental para obter uma compreensão profunda das necessidades e expectativas dos usuários, assim como identificar os pontos fracos e as áreas de melhoria do aplicativo anterior. Ao explorar outros aplicativos similares, pudemos obter insights valiosos sobre as melhores práticas, tendências e recursos que poderiam ser implementados na nova versão do aplicativo da Facens.
Essa abordagem centrada no usuário e baseada em evidências nos permitiu desenvolver uma nova aplicação que aborda diretamente as críticas e sugestões dos usuários, levando em consideração as melhores soluções disponíveis no mercado. O objetivo final era entregar uma experiência aprimorada e satisfatória para os usuários, atendendo às suas necessidades e expectativas de forma eficaz.
Novas features e acessibilidade
Além do redesign, dedicamos esforços para desenvolver novos recursos que aprimorariam a experiência geral do aplicativo, buscando atender às necessidades de acessibilidade. Nosso objetivo era ter um aplicativo que fosse verdadeiramente inclusivo e tivesse a acessibilidade como prioridade. Para isso, estudamos e implementamos diretrizes do WCAG (Web Content Accessibility Guidelines) para tornar o aplicativo mais acessível.
Entre as melhorias, adicionamos opções de personalização, como alteração de cores e tamanho da fonte, para permitir que os usuários adaptem o aplicativo de acordo com suas preferências e necessidades visuais. Também aumentamos o tamanho das fontes, facilitando a leitura para pessoas com dificuldades visuais.
Além disso, implementamos uma área de ajuda completa, com informações detalhadas e orientações claras para auxiliar os usuários em todas as funcionalidades do aplicativo. Isso garante que todos possam aproveitar ao máximo a plataforma, independentemente de sua experiência prévia.
Outra melhoria importante foi a inclusão de imagens e ícones explicativos, que servem como guias visuais para auxiliar os usuários na navegação e compreensão das diferentes seções e funcionalidades do aplicativo.
Ao adotar essas medidas de acessibilidade, buscamos oferecer uma experiência mais inclusiva e acessível para todos os usuários do aplicativo da Facens, garantindo que ninguém seja deixado para trás e que todos possam usufruir de seus recursos de maneira efetiva e satisfatória.
Wireframes
Através da arquitetura da informação, desenvolvi wireframes que foram submetidos a uma análise detalhada tanto pelo Product Owner quanto pelo cliente, com o objetivo de garantir que o produto final atendesse às suas necessidades e expectativas. Essa abordagem colaborativa e sistemática foi fundamental para identificar possíveis problemas e aprimorar o design antes de passar para a fase de implementação.
Uma etapa essencial durante esse processo foi a comunicação direta com os desenvolvedores e alunos da Facens. Realizei discussões e coletei feedbacks valiosos, antes de aplicar cores e estilos ao wireframe. Essa abordagem nos permitiu evitar retrabalhos e obter ainda mais insights dos alunos da Facens, garantindo que o produto final estivesse alinhado com suas necessidades e preferências.
O wireframe foi extremamente bem recebido. Recebemos feedbacks positivos da equipe de desenvolvimento, que encontrou o wireframe claro e fácil de entender. Além disso, os alunos da Facens também elogiaram a abordagem intuitiva e a organização das informações apresentadas.
Telas em alta fidelidade
Com base nos valiosos feedbacks recebidos, utilizei o Design System do LIGA para construir os componentes do aplicativo e estabelecer um guia de estilos consistente. Essa abordagem permitiu criar uma identidade visual coesa e padronizada para o aplicativo, garantindo uma experiência de usuário harmoniosa em todas as telas e interações.
Ao adotar o Design System, pude aproveitar os componentes pré-definidos e as diretrizes visuais estabelecidas, o que resultou em uma economia de tempo e esforço no desenvolvimento. Além disso, essa abordagem contribuiu para a consistência visual e funcionalidade do aplica
Design QA e comunicação com equipe de desenvolvimento
Ao finalizar as telas, mantive uma conversa constante com a equipe de desenvolvimento para garantir que tudo fosse implementado corretamente em Flutter. Também trabalhei em conjunto com os desenvolvedores para garantir que as mensagens de erro fossem claras e úteis para o usuário.
A colaboração entre designers e desenvolvedores é essencial para o sucesso de um projeto, pois diferentes pontos de vista podem resultar em grandes insights e feedbacks valiosos. É importante discutir requisitos básicos e limitações técnicas para garantir que o design seja apropriado para o projeto. Quando trabalhamos juntos, a experiência do produto final é mais agradável para o usuário e mais fácil para a equipe de desenvolvimento implementar.
Modo escuro
Decidimos construir o aplicativo no modo escuro, levando em consideração a acessibilidade e aprimorando a experiência do usuário. O modo escuro oferece uma série de benefícios, como redução do cansaço visual, maior conforto em ambientes com pouca luminosidade e economia de energia em dispositivos com telas OLED.
Além disso, ao adotar o modo escuro, buscamos garantir que o aplicativo fosse acessível a todos os usuários, independentemente de suas preferências visuais ou de possíveis condições de visão reduzida. A combinação de cores suaves e de alto contraste contribui para uma legibilidade melhorada e uma experiência mais agradável ao utilizar o aplicativo em ambientes com pouca luz ou durante períodos noturnos.
Ao implementar o modo escuro, seguimos as diretrizes e as melhores práticas de design para garantir que as informações e os elementos visuais fossem adequadamente destacados e legíveis. Além disso, testamos o aplicativo em diferentes dispositivos e condições de iluminação para garantir que a experiência de uso fosse consistente e agradável em todas as situações.
Versão Desktop
Após o desenvolvimento das telas para a versão mobile do aplicativo, iniciamos a abordagem para a adaptação do layout para a versão desktop. Essa fase foi essencial para garantir uma experiência de usuário consistente e otimizada em diferentes dispositivos e tamanhos de tela.
Durante o processo de adaptação do layout, consideramos as características e as necessidades específicas dos usuários que utilizam o aplicativo em desktop. Levamos em conta elementos como a disposição dos componentes, o espaçamento adequado entre os elementos e a usabilidade geral do aplicativo.
Além disso, também fizemos ajustes nos recursos e nas funcionalidades do aplicativo para melhor atender às demandas da experiência desktop.
Testes de usabilidade e Análise Heurística
Realizamos uma análise heurística em conjunto com outros três designers. Eu, juntamente com esses dois designers, conduzimos uma avaliação minuciosa do aplicativo, seguindo uma metodologia específica para a criação de relatórios e identificação da gravidade dos problemas de usabilidade.
Durante esse processo, aplicamos princípios de usabilidade e melhores práticas de design para identificar possíveis erros e oportunidades de melhoria no aplicativo. Cada problema encontrado foi analisado em termos de sua severidade e impacto na experiência do usuário, permitindo que priorizássemos as correções de acordo com sua importância.
Além da análise heurística, também buscamos o envolvimento direto dos usuários. Disponibilizamos formulários e permitimos que alguns usuários utilizassem a plataforma e nos fornecessem feedbacks diários sobre sua experiência de uso. Essa abordagem nos permitiu obter insights valiosos sobre a usabilidade do aplicativo em situações reais, identificando lacunas e oportunidades de aprimoramento que poderiam não ter sido identificadas apenas por meio da análise heurística.
Todas essas ações foram realizadas com o objetivo de garantir uma experiência de usuário excepcional.
Resultados
O aplicativo foi lançado em maio/2023 e as avaliações são bem positivas!
Além disso, é com grande satisfação que compartilho que o aplicativo desenvolvido tornou-se uma referência para todos os aplicativos em Flutter da Facens. Essa conquista é resultado do compromisso da equipe em adotar as melhores práticas de desenvolvimento, bem como da dedicação em entregar um produto de alta qualidade.
O aplicativo destaca-se por sua funcionalidade, desempenho e interface intuitiva. Ele foi projetado e desenvolvido levando em consideração as necessidades e expectativas dos usuários, oferecendo uma experiência agradável e eficiente.