Olá, estudante! Seja bem-vindo a Lição 3. Agora que você já aprendeu sobre os Princípios para o Projeto de Interface com o Usuário e Processo de Projeto da Interface com o Usuário, começaremos nosso aprofundamento nessa lição, compreendendo melhor sobre o Projeto de Navegação de um software. Preparado?

Certamente, se você pesquisar especificamente por Projeto de Navegação, não irá encontrar materiais dedicados para o assunto, no entanto, encontrará recursos voltados para dentro da parte de preparação e modelagem, ou seja, dentro do contexto de Análise e Projeto de Sistemas, e com isso, você pode considerar o conceito de “navegação” como parte da experiência do usuário (UX - User Experience). Isso acontece porque em sistemas de software, a navegação refere-se à forma como os usuários interagem com a aplicação, como eles se movem de uma página para outra, como acessam as diferentes funcionalidades e como retornam a telas anteriores. 

Uma boa navegação é fundamental para garantir que o usuário consiga utilizar o sistema de forma intuitiva, sem se perder ou enfrentar dificuldades para encontrar as informações que precisa. Por isso, ao longo desta lição irei lhe apresentar informações valiosas sobre o Projeto de navegação, que está relacionado à criação de uma estrutura clara e organizada para a interface do sistema, garantindo que os elementos de navegação (menus, botões, links etc.) sejam dispostos de forma lógica e de fácil compreensão com termos usados pelo público do site/sistema. Vem comigo “navegar” nesta lição!

Para que você possa começar a compreender o quanto um projeto de navegação é importante, veja o seguinte problema: um aplicativo de entregas possui uma interface complexa e pouco intuitiva, e os clientes estão tendo dificuldade em encontrar as opções para rastrear seus pedidos, inserir endereços de entrega corretamente e entrar em contato com o suporte em caso de problemas. Essa experiência de navegação confusa tem levado a uma queda no número de usuários ativos e avaliações negativas nas lojas de aplicativos. Pare por um instante e pense: como você resolveria esse problema?

O primeiro passo para a solução deste problema seria realizar uma análise detalhada do aplicativo, mapeando os pontos de fricção e as dificuldades enfrentadas pelos usuários. Para que, a partir desta análise, fosse proposto um novo projeto de navegação, em que o foco seria na simplicidade e na clareza da interface.

Uma reorganização do layout, destacando as principais funcionalidades, como rastreamentos de pedidos, inserção de endereços e suporte, ajudariam nesse processo, assim como, a implementação de ícones e rótulos descritivos para guiar os usuários e criação de uma estrutura de menus mais bem categorizada e mais intuitiva. Sendo assim, sempre que houver um tipo de problema relacionado com a má experiência do usuário em seu site/sistema, a melhor opção é trabalhar na reestruturação do projeto de navegação para sua melhoria.

Nesta lição irei lhe contar um case fictício de uma empresa chamada FitLife para lhe situar melhor sobre a empresa, vou te passar alguns detalhes. Ela é uma plataforma on-line que oferece serviços relacionados à saúde e ao bem-estar, como treinamentos personalizados, planos alimentares e acompanhamento de progresso. A situação em questão está relacionada a um problema bastante relatado pelas pessoas que usam a plataforma que é: muitos usuários desistem de utilizá-la após o cadastro inicial, pois encontram dificuldades em navegar pelo sistema, localizar os serviços oferecidos e entender como utilizá-los de forma efetiva.

Diante deste problema, a equipe de desenvolvimento precisou entrar em ação para reformular completamente o projeto de navegação, abrangendo tanto a arquitetura da informação quanto a experiência do usuário (UX), em que o objetivo era tornar a plataforma mais amigável, intuitiva e motivadora para incentivar os usuários a aproveitarem ao máximo os recursos disponíveis e, assim, fidelizá-los.

Dentre os tópicos ajustados para tal melhoria passaram: Pesquisa de entendimento do público-alvo, reorganização da arquitetura da informação, design da interface, jornada do usuário e alguma personalização, e, sistema de recomendações. Posterior ao trabalho, a taxa de desistência de usuários após o cadastro inicial foi reduzida drasticamente, o tempo médio de permanência na plataforma aumentou e o engajamento com os serviços oferecidos cresceu consideravelmente. 

Esse case, mesmo que fictício, reforça a importância de uma abordagem centrada no usuário com investimentos em uma arquitetura da informação adequada. Essa ação resultou em uma melhor experiência ao usuário, pois melhorou significativamente a navegação pelo site/sistema. Na prática, em casos semelhantes, você, desenvolvedor, será o responsável por realizar a reformulação do projeto de navegação, portanto, nada melhor do que aprender como fazer isso corretamente! Então, vamos lá?

Como dito nos tópicos anteriores, quando você lê sobre projeto de navegação, automaticamente, você está dentro do assunto específico de Arquitetura da informação em conjunto com Experiência do usuário, então para que eu possa conceitualizar de forma correta com você os termos que foram abordados anteriormente, será apresentado tópicos inerentes dessas áreas.

Após conhecer os aspectos que abordam a arquitetura de informação se faz necessário você relembrar sobre os conceitos de usabilidade tratados pelo renomado designer de interação Jakob Nielsen, que são as chamadas Heurísticas de Nielsen. Um conjunto de diretrizes e princípios que auxiliam na avaliação da usabilidade de interfaces de usuário em sistemas de softwares e sites. Elas fornecem um quadro geral para identificar problemas de usabilidade e melhorar a experiência do usuário. As 10 heurísticas de Nielsen incluem diretrizes como visibilidade do status do sistema, correspondência entre o sistema e o mundo real, controle e liberdade do usuário, consistência e padrões, prevenção de erros, reconhecimento ao invés de lembrança, flexibilidade e eficiência de uso, estética e design minimalista, ajuda e documentação para usuários, além de flexibilidade na recuperação de erros.

A Arquitetura da Informação e Experiência do Usuário são aspectos fundamentais para o sucesso de projetos digitais e ambos devem ser cuidadosamente considerados e integrados durante o processo de design e desenvolvimento de produtos e serviços, e estão diretamente relacionados ao que se chama de Projeto de Navegação.

O DCU é uma maneira eficaz de garantir que as soluções criadas atendam às necessidades reais dos usuários e ofereçam uma experiência satisfatória, contribuindo para o sucesso e a relevância dos produtos e serviços no mercado.

Um contexto interessante para você aplicar o que aprendeu nesta lição seria colocar em prática a questão do storytelling no projeto de navegação de um site, envolvendo o uso de narrativas para guiar os usuários em sua jornada e proporcionar uma experiência mais envolvente e memorável. Irei utilizar a aplicação da estratégia na criação da empresa/site do case fictício desta lição: Fitlife.

Assim, o storytelling foi aplicado para criar uma narrativa que conecta os usuários emocionalmente com a marca “FitLife” e sua proposta de valor. Além disso, ainda poderia aplicar essas narrativas para gerar a estrutura de menu do seu site/aplicação.

Menu Principal

1. Início (Página inicial): Apresentação da história da marca FitLife e sua missão.

2. Sobre nós: A história da Laura, fundadora da FitLife, e a inspiração por trás da plataforma. Valores e propósitos da empresa.

3. Serviços personalizados: Treinamentos individualizados, planos alimentares adaptados às necessidades do usuário e acompanhamento profissional.

4. Histórias de sucesso: Depoimentos e casos de clientes que alcançaram seus objetivos com a FitLife.

5. Jornada do Usuário: Etapas da jornada do usuário, avaliação de metas e necessidades, plano personalizado e acompanhamento. Experiências e resultados esperados em cada etapa.

6. Blog e Inspiração: Artigos e dicas sobre saúde, exercícios, nutrição e bem-estar. Receitas saudáveis e deliciosas e histórias inspiradoras de superação.

7. Depoimentos: Feedback positivo de clientes satisfeitos e impacto da FitLife na vida das pessoas.

8. Contato: Formulário para entrar em contato com a equipe da FitLife e informações de suporte e atendimento ao cliente.

Gostou das narrativas de storytelling que transformaram nosso case fictício em um “site real”? Pois bem, ainda deixo o desafio a você de criar a narrativa para outros itens do menu principal que não foram criados aqui como: Histórias de sucesso, Blog e Inspiração, Depoimentos e Contato. Te espero na nossa próxima lição!