Padrões de navegação para a estrutura de apps iOS
- Os apps iOS têm uma estrutura hierárquica fixa, e isso permite que os usuários prevejam as opções de navegação.
- Os padrões de navegação ajudam os usuários a entender onde estão agora, onde estavam antes e como voltar.
Navegação drill-down
- Drill-down é um padrão de exploração passo a passo de uma estrutura em árvore de informações, usando animações de transição horizontal.
- Ele não preserva estado, e a barra de navegação exibe o título da tela atual.
- O indicador de divulgação em uma linha de lista mostra que é possível aprofundar ainda mais na hierarquia.
Navegação plana
- A navegação plana divide a hierarquia no nível raiz e a exibe com uma barra de abas.
- Os itens da barra de abas são organizados em torno das principais funções do app e moldam as expectativas dos usuários e seu modelo mental sobre o app.
- A barra de abas permanece sempre visível em toda a tela do app, a menos que seja temporariamente coberta por uma folha modal.
Padrão pirâmide
- O padrão pirâmide permite mover-se rapidamente entre visualizações irmãs no mesmo nível hierárquico sem voltar para a tela pai.
- É possível navegar entre visualizações irmãs em apps de mídia usando gesto de deslizar horizontalmente ou botões.
Padrão hub-and-spoke
- O padrão hub-and-spoke é adequado para grandes coleções de itens não relacionados entre si no topo da hierarquia.
- A tela inicial do iOS funciona como um hub, oferecendo um "estado neutro" confiável do sistema operacional.
Navegação por sobreposição
- As sobreposições exigem a atenção do usuário, e sobreposições modais requerem ação do usuário.
- Modais de alta fricção exigem uma decisão do usuário e focam na conclusão de uma tarefa específica.
- Modais de baixa fricção podem ser dispensados facilmente, e diálogos de alerta de tarefa única devem ser evitados sempre que possível.
Navegação embutida
- O padrão de navegação embutida exige atenção especial à estrutura rígida e ao modelo espacial do iOS.
- Mudanças de estado não alteram a posição na hierarquia, e é preciso confirmar que a mudança de estado não é hierárquica nem modal.
Navegação passo a passo
- O padrão passo a passo conecta uma sequência de telas em um fluxo linear, como tours guiados, fluxos de configuração e tutoriais de onboarding.
- Sequências passo a passo devem estar contidas em uma sobreposição modal e ser encerradas com um botão de concluir ou fechar.
Navegação centrada em conteúdo
- A navegação centrada em conteúdo transporta instantaneamente o usuário para outra página ou visualização por meio de hiperlinks ou botões.
- Em apps iOS, esse padrão deve ser evitado, exceto em hipertexto, jogos imersivos ou conteúdo não linear.
Opinião do GN⁺
- Este texto pode ser muito útil para desenvolvedores de apps iOS, pois apresenta padrões de navegação importantes para melhorar a experiência do usuário.
- Diferentes padrões de navegação, como drill-down, plano e pirâmide, contribuem para aumentar a usabilidade e a acessibilidade do app.
- Em especial, o uso de modais e navegação por sobreposição pode ter grande impacto no fluxo de trabalho do usuário, então os desenvolvedores devem considerar isso com cuidado.
2 comentários
Olá! Eu também percebi isso quando compartilhei este texto com um colega. Disseram que, em vez de "nebigeisyeon", a forma padrão de acordo com a ortografia coreana é "naebigeisyeon". Haha. Como é uma pronúncia vinda do inglês, na verdade pode ser um pouco ambíguo dizer qual está "certo". Mas, como é um lugar que muita gente vê, achei que seria melhor usar a forma padrão, então estou deixando este comentário de passagem.
Este texto foi resumido pelo GPT-4. Parece que o GPT usa corretamente "navegação", mas às vezes também mistura com "nevigação". Já corrigi isso hehe