Guias - ativar ao passar o mouse ou clicar? ambos!
Você gosta das guias usadas em http://www.msn.com ?
Eles podem ser ativados ao passar o mouse ou clicar. Há um pequeno atraso ao passar o mouse para evitar ativações acidentais, enquanto o clique funciona imediatamente.
Eu meio que gosto deles.
Eles são legais, com certeza. Entretanto, a função dos controles de interface deve, no mínimo, ser
- claramente aparente por sua aparência (ou conforme as expectativas do usuário) e
- consistente em toda a interface.
Essas guias de seção para ativar o mouse são problemáticas por alguns motivos.
Primeiro, a aparência deles os compara com outros objetos da interface somente clique na página, mascarando sua função real. Eles têm um sublinhado, semelhante à navegação superior e ao esquema de hiperlink em geral. Eles mudam na rolagem, ficando em negrito, por um breve segundo antes da guia ser alterada, sugerindo ainda mais que são links. Em seguida, a interface muda sem que o usuário tenha feito uma interação. Links e itens de menu não "clicam" quando você passa o mouse sobre eles, e a semelhança facilmente equivocada será confusa ou um pouco alarmante.
Em segundo lugar, a função de foco instantâneo não é consistente com outros links de tabulação em todo o site. Este artigo , vinculado a uma das caixas da guia do cursor, possui uma área de conteúdo relacionado semelhante abaixo do artigo. Essa caixa, no entanto, apenas altera as guias quando o usuário clica em uma guia não selecionada (nenhuma ação suspensa). Problemas semelhantes existem em outras seções.
Para resumir, enquanto eles são legais de uma maneira enigmática da Web 2.0, a novidade é ofuscada por problemas de usabilidade, cujo custo pode ser maior do que o benefício de ter peculiaridades únicas na interface.
Alguma leitura:
Prevejo que a resposta a essa pergunta será alterada à medida que as pessoas se acostumarem com o novo esquema de guias que respondem a um foco.
Lembro-me de pedir a um desenvolvedor para não selecionar automaticamente o texto em uma caixa, logo após alguns navegadores começarem a fazer isso. Minha razão foi "ninguém espera esse comportamento". Desde então, tornou-se comum, então agora eu daria um tapinha nas costas do desenvolvedor, dizendo: "Obrigado por contribuir com essa ideia".
Atenha-se ao padrão ou empurre o envelope com algo novo ? Essa é uma pergunta interessante. Temos que lembrar que, conforme as tecnologias de comunicação, web e interfaces gráficas de usuário são muito jovens. Eu gostaria de apontar para uma tecnologia de massa diferente para explicar meu comentário. Considere as dicas que entendemos nos livros impressos, como rodapés ou números de página, que têm como principal objetivo orientar o usuário e encontrar/navegar para conteúdo específico. Demorou séculos para desenvolver essas pistas. Podemos comparar essas dicas aos controles, online e na GUI do aplicativo. Os esquemas que nos ajudam a navegar em um livro impresso levaram gerações para se estabilizar em uma norma aceita; os controles que nos ajudam a navegar pelo conteúdo on-line também levarão tempo para se desenvolver e se estabilizar de acordo com as normas. Os livros impressos descartaram certas soluções de design (como repetir a última palavra em uma página direita na parte superior da próxima página esquerda, para que o Word esteja lá quando você virar a página - uma sugestão que ajudou as pessoas a lerem livros em voz alta) . Da mesma forma, os controles online tendem a mudar com o tempo. Não é razoável esperar que todos os detalhes da interação estejam corretos nos primeiros anos de criação da navegação da mídia online.
As guias que funcionam apenas com o clique chegaram ao mercado primeiro e as pessoas aprenderam que esquema . A natureza dos esquemas é que nossos cérebros os adaptam automaticamente a novas experiências. A guia suspensa poderia funcionar? Depende de quão longe está fora do esquema de guias, quão útil é e quão fortemente os usuários resistem a modificar seu esquema de guias. Os designers podem ajudar os usuários a adotar esse controle sugerindo - Matt Lutze está pedindo indiretamente por isso em sua resposta a esta pergunta - maneiras de fazer com que o novo controle se ajuste mais facilmente ao esquema existente. Matt disse: "a aparência deles os compara a outros objetos da interface de apenas um clique na página, mascarando sua função real". O que é necessário é uma maneira de os usuários preverem a ação desses controles da guia suspensa.
Eu me pergunto por que o MSN implementou esses controles inconsistentemente em todo o site. Isso é um experimento? Nesse caso, acho que é um experimento interessante e vou reservar um julgamento sobre a utilidade desse tipo de controle de guia até que o conceito/design seja iterado para abordar os problemas que as pessoas estão levantando aqui.
Não tenho certeza se você considerou isso, mas navegadores de celular não reconhecerá o foco. Como a Web para dispositivos móveis está crescendo em um ritmo tremendo, acho que você provavelmente poderia apoiar pelo menos o clique, se não os dois.
No entanto, se fizer parte da navegação principal do site (como costuma ser usada), abrir o menu suspenso ao clicar eliminará a possibilidade de usar o mesmo link para a página "seção" .
Algumas soluções possíveis podem ser:
Abordagem híbrida , onde o link principal na navegação ainda está vinculado à página "seção", além de outro link (seta para baixo) que ativará o menu suspenso abaixo no clique. (exemplos: LJWorld , Flickr - nav quando conectado). Pessoalmente, eu sempre gostei dessa abordagem e me pergunto por que mais sites não fazem isso.
Use algum tipo de detecção para exibir o cursor para abrir nos desktops e clique para abrir para o pessoal móvel.