A inserção de uma ajuda-seção no seu App pode desempenhar um papel decisivo na melhoria da experiência do usuário. Muitas vezes, os usuários têm dificuldades em navegar em um aplicativo ou precisam de respostas para perguntas específicas. Neste guia, você descobrirá como criar uma seção de ajuda eficaz e visualmente atraente criar, que não apenas responde às perguntas frequentes, mas também integra funções de feedback.
Principais conclusões
Uma seção de ajuda bem projetada pode aumentar a satisfação do usuário e reduzir o esforço de suporte. É importante que a ajuda esteja claramente estruturada e seja facilmente acessível. Você receberá neste guia:
- Instruções passo a passo para criar a seção de ajuda.
- Dicas sobre usabilidade e design das FAQs.
- Instruções para a integração de um botão de feedback.
Guia passo a passo para criar a seção de ajuda
1. Crie um novo controlador para a seção de ajuda
Para integrar a funcionalidade de ajuda no seu App, comece criando um novo controlador. Pressione a tecla A e selecione o iPhone 8 como dispositivo alvo. Nomeie o controlador como "Ajuda".
2. Defina o fundo e planeje o layout
O fundo deve ser branco para que o conteúdo seja fácil de ler. Adicione um cabeçalho para destacar a seção. Além disso, você precisará de uma Collection View ou Table View, onde as perguntas mais frequentes poderão ser exibidas.
3. Adicione o cabeçalho
Comece adicionando o cabeçalho, que deve ter cerca de 150 pixels de altura. Remova a borda e escolha uma cor verde adequada para seu design. Certifique-se de que o cabeçalho esteja consistente com o design das outras telas do seu App.
4. Adicione a barra de status
Para integrar uma barra de status, você pode usar o Sketch Runner ou o menu de Inserção. Defina a barra de status como "Escura" para criar um bom contraste com o fundo branco.
5. Crie o campo de texto para o título
Adicione um campo de texto que conterá o título "Ajuda". Escolha um tamanho de fonte de 40 pixels para torná-lo claramente visível e posicione-o 16 pixels abaixo do cabeçalho.
6. Adicione a Table View para as perguntas
Crie um retângulo com uma altura de 90 pixels, que represente o tamanho do container das perguntas. O retângulo deve se estender por toda a largura. Adicione várias perguntas de exemplo para que os desenvolvedores tenham uma ideia do layout.
7. Estilize os containers das perguntas
Para tornar as perguntas visualmente atraentes, adicione uma seta (Arrow) que leve às respostas. Posicione a seta estrategicamente ao lado do texto, para indicar aos usuários que eles podem selecionar a pergunta.
8. Implemente separadores entre as perguntas
Adicione separadores finos e cinzas entre as perguntas para estruturar o layout com separações claras. Esses separadores devem ter a largura total do container.
9. Crie um símbolo para a Collection View
Selecione todos os componentes que você deseja inserir na Collection View e crie um símbolo chamado "help sell". Essa estrutura facilita para o desenvolvedor implementar as seções de FAQ no App.
10. Adicione um botão de feedback
Para garantir que os usuários possam contatar você em caso de perguntas ou problemas, adicione um botão de feedback. Posicione esse botão no final da página de ajuda e rotule-o como "Enviar feedback".
11. Otimize o campo de texto para feedback
O campo de texto para feedback deve ser claramente legível. Certifique-se de que o tamanho da fonte e o estilo do texto sejam consistentes com o restante do App. Posicione-o de forma que seja fácil de encontrar e com uma distância de 16 pixels em relação a outros elementos.
12. Adicione o botão de cancelar na barra de navegação
Adicione um botão "Cancelar" no topo da barra de navegação para permitir que os usuários fechem a tela de ajuda. Este botão deve ser colocado de forma visível e levar o usuário de volta visualmente à tela anterior.
Resumo – Guia para criar uma seção de ajuda em seu App
A criação de uma seção de ajuda em seu App requer planejamento cuidadoso e um design consistente. Com este guia passo a passo, você agora sabe como criar um ambiente de ajuda atraente e funcional para seus usuários.
Perguntas frequentes
Como uso a seção de ajuda no meu App?A seção de ajuda fornece respostas a perguntas frequentes e permite que você envie feedback.
Qual é o objetivo do botão de feedback?O botão de feedback permite que os usuários façam perguntas ou relatem problemas que tiveram ao usar o App.
Como posso personalizar as FAQs?Você pode atualizar e personalizar as FAQs a qualquer momento no Editor, para garantir que elas permaneçam relevantes.
Como escolho a fonte certa para meu App?A fonte deve ser de fácil leitura e combinar com o conceito de design geral do App.
Posso usar ícones ou imagens próprios na seção de ajuda?Sim, você pode adicionar seus próprios ícones ou imagens para individualizar a seção de ajuda e torná-la visualmente atraente.
