O que pode ser feito para tornar um assistente longo e com várias etapas mais fácil de usar?
Preciso criar um assistente que tenha várias seções, cada uma com várias perguntas. Como posso melhorar a experiência do usuário final?
Minha primeira sugestão seria tentar eliminar o maior número possível de etapas. Realmente pense no fluxo, no que é necessário, etc.
Algumas dicas para tornar um processo longo mais amigável:
- Mostrar um medidor de progresso das etapas concluídas
- Se possível, permita que os usuários retornem e corrijam e corrijam uma entrada anterior
- Dê feedback em tempo real quando uma entrada não estiver em conformidade com os valores de entrada esperados, em vez de notificar o usuário que algo não funcionou no final do processo.
Uma observação lateral (espero que não acenda as chamas): Apple quase nunca usa Wizards para processos de configuração, e quando o fazem, o Apple assistentes são (na minha opinião) sempre mais fáceis de descobrir do que os equivalentes da Microsoft.Eu sugiro olhar para as diferenças e tentar identificar os truques empregados pela Apple.
Este é o mais importante que consigo pensar:
- Divida as operações que constituem a tarefa em uma série de pedaços.
- Botões Anterior e Próximo.
- Mapa de sequência que mostra onde você está nas etapas o tempo todo
Leia mais sobre este tópico no Designing Interfaces Wizard .
Se você considerou todas as alternativas mencionadas em outras respostas e decidiu que o assistente precisa ser grande, considere o seguinte:
- Divida as informações em seções lógicas que não são muito longas
- Título cada seção claramente, mas tente mantê-lo curto. Se você precisar, adicione uma descrição adicional abaixo do título para explicar mais
- Mostrar um indicador de progresso, ou seja, etapa 3 de 10
- Forneça os botões Avançar e Voltar para navegação. Às vezes, é apropriado permitir que o usuário progrida sem ter concluído cada seção; no entanto, em muitos casos, não é por adicionar complexidade extra ao assistente que o usuário pode não entender completamente. Costumo não permitir que o usuário continue até que tenha concluído a seção (o próximo botão nesses casos atua como envio).
- Pense realmente sobre cada controle de formulário e se é apropriado para os dados que você está tentando coletar. Se você deseja que o usuário selecione em uma lista curta, use uma lista suspensa; no entanto, se a lista for realmente longa, uma lista suspensa não será adequada. Use um controle de pesquisa ou algo assim.
- As listas nos controles suspensos devem ser ordenadas alfabeticamente
- Faça os rótulos de controle de formulário o mais curtos possível, mas eles devem ser claros e fáceis de entender quais informações você deseja coletar. Se você precisar adicionar uma descrição, não faça o título muito longo
- Use marcas d'água descritivas em todos os controles de entrada e itens padrão nas listas suspensas. por exemplo. "Digite um título" ou "Selecione um país"
- Fornecer mensagens de validação com falha detalhadas e úteis, alinhadas com o controle, tendo a tendência de mostrar uma mensagem simples primeiro, mas se o usuário passar o mouse, obterá muito mais informações sobre o campo e quais valores serão aceitos, etc. Também incluo uma falha na validação principal mensagem que aparece ao lado do botão continuar. Você também pode tornar essa funcionalidade em tempo real para que, quando o usuário estiver digitando e ele entenda errado, você possa destacá-la ali e ali.
- Se o assistente for realmente longo e você achar que isso ajudaria, permita que o usuário salve seu progresso para que ele não precise preenchê-lo em uma sessão e possa continuar mais tarde de onde parou.
Eu colocaria cada etapa em uma guia, de modo que as guias acessíveis a qualquer momento sejam ativadas e as outras desativadas.
Dessa forma, o usuário pode mover-se livremente em torno de erros corretos sem precisar recuar várias etapas, etc. A ativação das guias ainda impede o usuário de seguir etapas que ainda não podem ser modificadas, porque ainda há informações ausentes.
Além de outras dicas mencionadas, use padrões inteligentes para tudo o que puder. Se você já possui o endereço de e-mail, provavelmente pode tentar o nome, o potencial nome de usuário, o local de trabalho, o país de residência (ou o endereço IP ou as configurações do sistema). Aqui está um pequeno exemplo .
O que traz outra fonte de informação: se você estiver criando um aplicativo, haverá enormes quantidades de informações disponíveis no sistema. Use-o.
Pensar nisso também pode alterar a ordem em que você faz suas perguntas. Você pode obter muitas coisas apenas do país e do código postal, por exemplo.
Por falar em endereços, os sistemas de endereçamento postal usam vastos bancos de dados de endereços para facilitar a verificação de erros nas entradas de endereços: dado o CEP, você pode adivinhar, após uma única tecla do nome da rua, que o endereço pretendido é " Rua Quixotesca "e salve muitos erros de digitação e ortografia. Você também pode conhecer o intervalo de endereços conhecidos e, mesmo que certos números exijam itens adicionais, como número do apartamento, por exemplo. Não que você não permita que o usuário digite um nome de rua ou número de residência que você não conhece, mas você pode avisá-lo com uma mensagem do tipo 'não-modal' você quis dizer ...? ".
Para resumir: mesmo que pareça muito trabalho da sua parte, que pode ser substituído pelo usuário no final das contas, facilitando a vida dos seus (espero milhões de) usuários.
Se o processo/assistente em si não puder ser simplificado ou, de alguma outra forma, reduzido, sugiro no mínimo indicar exatamente onde está o usuário no momento.
Você pode fazer isso com algo tão simples como a "Etapa 6 de 10" ou mais elaboradamente, mostrando um fluxograma com a etapa atual destacada etc.
Sempre há maneiras de minimizar o tamanho de um assistente, como separar tarefas ou tornar algumas etapas opcionais.
Algumas dicas:
- Intitule suas seções
- Botões Voltar e Avançar
- Permita que o usuário navegue pelas etapas e, se elas dependem das etapas anteriores, somente as que foram concluídas.
- Forneça bons valores padrão para suas entradas.
Além dessas ótimas dicas táticas que todos sugeriram, também recomendo que você faça alguns testes de usabilidade com desconto com pessoas que trabalhariam com o assistente.
Percorrendo as páginas atuais do assistente com os usuários, você pode obter um feedback útil sobre quais conjuntos de campos podem ser agrupados para tornar o processo mais natural para eles.
Em algumas circunstâncias, você descobrirá que seus usuários têm uma tolerância maior a formulários mais longos quando estão organizados de maneira a corresponder às expectativas deles.
r.
Talvez um assistente não seja a solução ideal aqui.
O usuário realmente precisa escolher entre uma enorme lista de opções diferentes em sequência?
Você poderia usar como padrão a maioria das opções? Se o usuário precisar alterar os padrões, poderá clicar em um botão de alteração para alterar essa opção específica.
Se eles não puderem ser padronizados desde o início, você pode salvar as opções anteriores e padronizá-las?
Considere as alternativas ao Wizards: habilitação e divulgação progressivas.
Tenha todas as perguntas em ma página, mas mostre apenas o primeiro pedaço delas. Então, quando o usuário terminar o primeiro pedaço, você mostrará o segundo pedaço na mesma página. Continue assim. Assim é:
- Fácil de ir e voltar
- Obtenha uma visão geral de todas as opções
- Só precisa lidar com um subconjunto de perguntas por vez
Com a ativação progressiva, você desabilitou o próximo bloco de perguntas até o usuário concluir o primeiro bloco.