it-swarm-es.com

Pestañas: ¿activar al pasar el mouse o al hacer clic? ¡ambos!

¿Te gustan las pestañas utilizadas en http://www.msn.com ?

Se pueden activar al pasar el mouse o al hacer clic. Hay un breve retraso en el desplazamiento para evitar activaciones accidentales, mientras que hacer clic funciona de inmediato.

Me gustan un poco.

2
Miki

Son ordenados, eso es seguro. Sin embargo, la función de los controles de la interfaz debería, como mínimo, ser

  • claramente aparente por su apariencia (o conforme a las expectativas del usuario) y
  • consistente a lo largo de una interfaz.

Estas pestañas de sección activables son problemáticas por varias razones.

Primero, su apariencia los compara con otros objetos de interfaz de solo clic en la página, enmascarando su función real. Tienen un subrayado, similar a la navegación superior y al esquema de hipervínculo en general. Cambian al pasar el cursor, poniéndose en negrita, durante ese breve segundo antes de que cambie la pestaña, lo que sugiere que son enlaces. Luego, la interfaz cambia sin que el usuario haya realizado una interacción. Los enlaces y los elementos del menú no "hacen clic" cuando pasa el mouse sobre ellos, y el parecido fácilmente confundible será confuso o ligeramente alarmante.

En segundo lugar, la función de desplazamiento no es coherente con otros enlaces de pestañas en todo el sitio. Este artículo , vinculado desde una de las casillas de desplazamiento, tiene un área similar de contenido relacionado debajo del artículo. Sin embargo, dicho cuadro solo cambia las pestañas cuando el usuario hace clic en una pestaña no seleccionada (sin acción de desplazamiento). Cuestiones similares existen en otras secciones.

En resumen, si bien son geniales en una forma ingeniosa de la Web 2.0, la novedad se ve ensombrecida por problemas de usabilidad, cuyo costo puede ser mayor que el beneficio de tener peculiaridades de interfaz únicas.

Alguna lectura:

12
Matt

Predigo que la respuesta a esta pregunta cambiará a medida que las personas se acostumbren al nuevo esquema de pestañas que responden a un vuelo estacionario.

Recuerdo haberle pedido a un desarrollador que no seleccionara automáticamente el texto en un cuadro, justo después de que algunos navegadores comenzaron a hacer esto. Mi razón fue "Nadie espera este comportamiento". Desde entonces, se ha vuelto común, por lo que ahora le daría una palmadita en la espalda al desarrollador, diciendo: "Gracias por contribuir con esa idea".

¿Se adhiere al estándar o empuja el sobre con algo nuevo ? Esa es una pregunta interesante. Debemos recordar que, a medida que avanzan las tecnologías de comunicación, web y interfaces gráficas de usuario son muy jovenes. Me gustaría señalar una tecnología de masas diferente para explicar mi comentario. Considere las señales que entendemos en los libros impresos, como los pies de página o los números de página, que tratan principalmente de orientar al usuario y encontrar/navegar hacia contenido específico. Se necesitaron años para desarrollar estas señales. Podemos comparar esas señales con los controles, en línea y en la GUI de la aplicación. Los esquemas que nos ayudan a navegar un libro impreso tomaron generaciones para estabilizarse en una norma aceptada; Los controles que nos ayudan a navegar a través del contenido en línea también tomarán tiempo para desarrollarse y estabilizarse según una norma. Los libros impresos han dejado caer ciertas soluciones de diseño (como repetir la última palabra en una página de la derecha en la parte superior de la siguiente página de la izquierda, por lo que la palabra está allí cuando voltea la página, una señal que ayudó a las personas a leer libros en voz alta) . Del mismo modo, los controles en línea están obligados a cambiar con el tiempo. No es razonable esperar que tengamos todos los detalles de interacción correctos dentro de los primeros años de diseño de la navegación de los medios en línea.

Las pestañas que funcionan solo con el clic llegaron al mercado primero, y la gente aprendió que esquema . La naturaleza de los esquemas es que nuestros cerebros los adaptan automáticamente a nuevas experiencias. ¿Podría funcionar la ficha flotante? Depende de qué tan lejos se encuentre fuera del esquema de pestañas, qué tan útil sea y cuán fuertemente los usuarios se resistan a modificar su esquema de pestañas. Los diseñadores pueden ayudar a los usuarios a adoptar este control sugiriendo — Matt Lutze está pidiendo esto indirectamente en su respuesta a esta pregunta — formas de hacer que el nuevo control se ajuste más fácilmente al esquema existente. Matt dijo: "su apariencia los compara con otros objetos de interfaz de solo clic en la página, enmascarando su función real". Lo que se necesita es una forma en que los usuarios puedan predecir la acción de estos controles de desplazamiento.

Me pregunto por qué MSN implementó estos controles de manera inconsistente en todo el sitio. ¿Es esto un experimento? Si es así, creo que es un experimento interesante, y me reservaré mi opinión sobre la utilidad de este tipo de control de pestañas hasta que el concepto/diseño se repita para abordar los problemas que las personas plantean aquí.

2
JeromeR

No estoy seguro si ha considerado esto, pero ¡navegadores móviles no reconocerá el desplazamiento. Dado que la web móvil está creciendo a un ritmo vertiginoso, creo que es probable que al menos admitas clics, si no ambos.

¡Sin embargo, si es parte de la navegación principal del sitio (como se usa comúnmente), abrir el menú desplegable al hacer clic eliminará la posibilidad de usar el mismo enlace para la página de "sección" .

Un par de posibles soluciones podrían ser:

  • Enfoque híbrido , donde el enlace principal en la navegación todavía enlaza con la página de "sección", más otro enlace (flecha hacia abajo) que activará el menú desplegable. abajo al hacer clic. (ejemplos: LJWorld , Flickr - navegar cuando haya iniciado sesión). ¡Personalmente, siempre me ha gustado este enfoque y me pregunto por qué más sitios no lo hacen.

  • Use algún tipo de detección para servir para abrir el escritorio en los escritorios y haga clic para abrir para las personas móviles.

0
Christopher Scott