it-swarm-pt.com

Como melhorar a usabilidade de menus suspensos preenchidos dinamicamente?

Estou trabalhando em um aplicativo para um cliente que possui uma "interface de usuário exclusiva" na qual desejo melhorar.

Search Drop Down

Atualmente, quando o usuário acessa esta página da web, há apenas um menu suspenso mostrado para a região. Quando o usuário começa a selecionar a região, a página inteira envia e mostra a zona suspensa. Isso se repete para cada lista suspensa até que todos os valores sejam selecionados. Região, Zona, Distrito e Revendedor.

Claramente, isso não é muito utilizável ou preferível para o usuário, pois a página inteira é atualizada e requer muitos cliques. Eu queria ver se há alguma maneira de melhorar a experiência do usuário aqui?

Uma solução que posso fazer, se não conseguir melhorar a interface do usuário, é recorrer às chamadas AJAX para evitar a atualização completa da página. Mas como posso melhorar a interface do usuário?

7
Richard L. Burton III

Pelo que entendi, você já tem o nome da concessionária que deseja abrir.

Essa abordagem de design de interface do usuário específica replica a maneira do mundo físico de entender as coisas. Se eu quiser chegar a essa concessionária, como eu faria? Bem, eu tenho que ir a essa região, chegar à zona, chegar ao distrito e depois encontrar a concessionária. No mundo físico, não há muita escolha.

Mas, para seu objetivo aqui, acho que uma abordagem baseada em pesquisa seria não apenas mais apropriada, mas também muito mais simples e utilizável.

O que eu estou falando aqui é ao longo das linhas do google sugerir. O usuário começa a digitar o nome da concessionária que deseja abrir. Se houver apenas um com esse nome, tudo bem. Você tem isso. Caso contrário, mostramos várias sugestões que incorporam informações de região, zona e distrito e o usuário pode escolher a que deseja acessar.

6
nemo

Tenho uma sugestão, mas primeiro deixe-me dizer que é um paradigma bem conhecido e, se implementado bem (sem a página inteira atualizando e talvez exibindo todas as listas de reprodução), pode funcionar bem.
A menos que o espaço vertical seja escasso, eu também consideraria organizar as listas de drop-down uma abaixo da outra.

Se você quiser mudar completamente a experiência, tente, por exemplo, adicionar um mapa.
Isso pode ajudar alguns usuários a escolher o local mais facilmente, mas pode ser um pouco mais complicado para aqueles que preferem usar o teclado e o tipo.

Se você realmente deseja levar isso ao Edge, tente analisar um formato livre, ou seja, deixe o usuário digitar algo e deduzir todos os parâmetros (como o Google Maps).

1
Dan Barak

A única coisa que eu gostaria de acrescentar à resposta do Vijay era que você pode considerar várias técnicas para encontrar e pesquisar - em outras palavras, pode executar o preenchimento automático para o nome da concessionária E pode permitir que o usuário faça uma pesquisa detalhada do lado oposto - se preferir passar por região, zona etc. eles podem usar outra seção do formulário ou outro formulário inteiramente. Você pode aprender mais sobre padrões de localização e pesquisa, bem como como eles influenciam o design da web, para entender o assunto para uma ampla variedade de sites. Alguns livros excelentes sobre o assunto incluem Search Patterns by Morville & Callender, Ambient Findability by Morville e até uma seção do Web Style Guide no capítulo Design de interface (disponível gratuitamente on-line e impressa).

1
ericawebdev