Posso combinar uma caixa de seleção com uma barra de pesquisa?
Bem, eu queria saber o que você poderia pensar de uma caixa de seleção dentro de uma barra de pesquisa. Contanto que o texto não fique embaixo da caixa, acho muito legal.
Exemplo:
Isso pertence a um site de hospedagem que estou codificando no momento. Mas um amigo disse que todos os outros sites de hospedagem o possuem fora do bar e ao lado do botão, e devemos fazê-lo como eles.
Eu não sei, eu só gosto de fazer diferente do que todo mundo faz. O que você acha?
Existe um livro famoso chamado Não me faça pensar: uma abordagem de senso comum à usabilidade na Web , que explica como fazer com que seus usuários pensem (mesmo por um segundo) pode causar-lhes frustração com o site, iminir usabilidade , etc.
Os usuários esperam que um controle tão comum pareça de uma certa maneira e, caso contrário, ficarão frustrados. Pense nos carros - você pode entrar em praticamente qualquer carro e conduzi-lo, já que todos os controles principais são iguais - tudo é previsível e esperado, o que é uma coisa muito boa .
BTW - você pensou no que acontece se o usuário tentar inserir um nome muito longo? No seu controle, parece que o texto ficará oculto pela caixa de seleção ou sobrepor acima dela, nada disso é bom. Se, por outro lado, a caixa de texto e a caixa suspensa estiverem separadas, você não terá esse problema (o texto simplesmente rolará automaticamente na horizontal).
Então, seus dois motivos para projetar a interface do usuário dessa maneira são "parece legal" e "é diferente do que todo mundo faz"?
Nesse caso, minha resposta seria: não acho que esses sejam bons motivos para projetar uma interface do usuário de uma certa maneira. Ao criar interfaces de usuário, uma das coisas mais importantes a lembrar é que você não está projetando para si mesmo, mas para seus usuários finais.
Isso significa que você deve descobrir o que as pessoas que visitam seu site esperam, entendem e já usaram antes. Por exemplo, faça um teste de usabilidade com alguns de seus usuários, onde você os observa usando o site de um concorrente que coloca a caixa de seleção fora do campo de pesquisa e, em seguida, observe os usuários usando seu design. Veja qual funciona melhor (pode não haver diferença, pois essa é uma pequena parte da interface do usuário).
Mas, no geral, lembre-se de que "parece legal" e "eu gosto de ser diferente" não levará você a sério como designer de interface do usuário. Na maioria das vezes, você precisa ter fatos para apoiar seu argumento. Os dados ou métricas de uso são um bom começo.
Esta questão parece digna de uma atualização ...
Mantenha a calma e combine controles
Sete anos atrás (quando a pergunta foi feita), isso parecia "incomum" para algumas pessoas. Graças a Deus por pessoas como @kawoki que pensaram em perguntar - não há problema em misturar controles agora!
Como uma indústria (especialmente em e-comm e mobile), experimentamos combinar controles que se complementavam. A caixa de pesquisa da Amazon é um caso por excelência. Após testes intermináveis (ainda em andamento), a experiência de navegação categórica usual foi minimizada em um menu sutil e a caixa de pesquisa reinou suprema. Por padrão, é uma pesquisa global, mas as categorias acima mencionadas podem ser acessadas ali mesmo na caixa de pesquisa para limitar o escopo.
A moral da história
Se uma interação inovadora parece resolver um problema específico, também pode fazer sentido para os usuários. Não jogue fora como "incomum" - teste!
Também é importante notar que é muito provável que a maioria dos visitantes da barra de pesquisa seja móvel. Não tenho certeza se o menu suspenso será muito útil para usuários de dispositivos móveis.