Detenga el uso excesivo de menús desbordados

Detenga el uso excesivo de menús desbordados

¿Conoce esos oscuros botones de menú en aplicaciones y sitios web que revelan aún más opciones de menú? Por lo general, tienen puntos suspensivos “ ” o un ícono de flecha ▼ y, a veces, incluso tienen una etiqueta Más . O, mejor aún, ¡ Más con ▼! Estos se denominan menús adicionales. Los menús de desbordamiento son un flagelo que debe ser eliminado, aplastado y ahogado en un mar de lodo tóxico.

Los menús desbordados son realmente atractivos para los diseñadores de interfaces de usuario. Se ha inculcado en la cabeza de los diseñadores durante años que el pináculo del logro es una interfaz de usuario "limpia". Los diseñadores se tropiezan ciegamente unos con otros para seguir el viejo adagio:

… La perfección finalmente se alcanza no cuando ya no hay nada que agregar, sino cuando ya no hay nada que quitar. - Antoine de Saint-Exupéry

Los menús desbordados parecen la solución perfecta. Los diseñadores pueden "eliminar" la complejidad y dejar solo las partes realmente importantes. Puede crear rápida y fácilmente una interfaz de usuario de apariencia limpia. El problema con los menús de desbordamiento es que en realidad no quitó nada, simplemente lo ofuscó desagradablemente.

El meollo del problema es que los menús de desbordamiento permiten a los diseñadores, ingenieros y personal de productos librarse de tomar decisiones difíciles. En lugar de priorizar, simplemente barremos la complejidad debajo de la alfombra y pretendemos que no existe. El software con menús de desbordamiento a menudo sigue siendo difícil de usar, incluso si la complejidad ahora está debajo de la superficie. De hecho, debido a que los usuarios no pueden discernir todas las opciones disponibles, los menús de desbordamiento frecuentemente hacen que las interfaces sean aún más difíciles de usar.

Basta con mirar la búsqueda de imágenes de Google. En lugar de elegir entre tener una interfaz muy simple o un conjunto de herramientas poderosas, el equipo dividió la diferencia. Puedes imaginar a alguien haciendo un argumento convincente:

Hola chicos, tengo la solución definitiva. Al ocultar las opciones avanzadas mediante un menú adicional llamado herramientas de búsqueda , la búsqueda de imágenes de Google será potente y fácil de usar. Además, las personas se sienten abrumadas por todas nuestras opciones de búsqueda, por lo que ocultaremos de manera inteligente los libros, los vuelos y las aplicaciones en un menú Más ▼. Un compromiso perfecto.

Suena genial. En realidad, después de años de uso diario, todavía no puedo elegir la opción correcta de manera confiable. Solo quiero filtrar mis imágenes para archivos de gran tamaño, y sé que hay un menú escondido aquí en algún lugar, pero constantemente hago clic en Más cuando creo que debería hacer clic en Herramientas de búsqueda . Argghhh!

Android adoptó los menús de desbordamiento tan profundamente que es un elemento de interfaz de usuario predeterminado en la barra de acciones. En cualquier pantalla de una aplicación, es probable que obtenga una bolsa de opciones de menú diferente. Algunas cosas como Configuración o Acerca de pueden aparecer en el menú adicional en cada pantalla de una aplicación. Y otros, como Eliminar publicación , serán específicos del contexto de la pantalla que estás mirando. Todos están mezclados en un popurrí nocivo: es un desastre total.

Principalmente me estoy burlando de la implementación de menús desbordados de Google porque trabajo en una rama de la empresa. Sé que muchos de los diseñadores de Google son excelentes y es más seguro meterse con tus amigos que con extraños. Por supuesto, los menús de desbordamiento se extienden como una plaga en aplicaciones diseñadas por todo tipo de equipos, no solo en Google. Y no es que nunca haya tomado decisiones de compromiso que luego me arrepienta, pero a veces es una buena idea tirar piedras en las casas de cristal. Y, de manera reveladora, algunas de las aplicaciones predeterminadas en Android recientemente dejaron de usar menús de desbordamiento. Play Store, por ejemplo, solía tener miles de millones de ellos y recientemente abrí la aplicación solo para notar que los desbordamientos se han eliminado a favor de una interfaz más intuitiva y optimizada. Agradable.

Entonces, si Google tiene algunos diseñadores talentosos, ¿por qué los menús desbordados a menudo se vuelven locos incluso aquí? Veamos cómo le pasan cosas malas a los buenos equipos y cómo evitar que le pase a tu equipo:

Ofuscación ≠ Simplificación

Los diseñadores confunden con frecuencia la ofuscación con la simplificación. El simple hecho de ocultar funciones parece que está creando una interfaz más "limpia" y más fácil de usar. Claro, su nueva interfaz de usuario puede pasar la prueba de simplicidad entrecerrar los ojos, pero no está lidiando con la complejidad central de su aplicación.

En lugar de utilizar la ofuscación o el juego de manos, nuestro trabajo como diseñadores es estructurar la complejidad para que se entienda fácilmente. El problema con los menús desbordados es que no hay olor a información: cualquier cosa, desde un jugoso bistec hasta un grosero regaliz, podría esconderse debajo de ese menú. En lugar de agregar un desbordamiento, considere estas opciones:

  1. Elimina la función. Si el 0,001% de las personas lo encontrará en un desbordamiento, ¿realmente lo necesitaba?
  2. Agrega la función de verdad. No vacile. Ponlo en la página. El desplazamiento es el modo de navegación más sencillo.
  3. Estructura la complejidad, no solo la escondas. Utilice un icono significativo o una etiqueta clara para indicar que un grupo de funciones está disponible. En serio, sin embargo, "Más" o "Menú" o "..." no son etiquetas claras.

Reconoce que estás usando una muleta

Admitir que tiene un problema es el primer paso para resolverlo. Muchos equipos no reconocen que usar un desbordamiento es una muleta, una forma de evitar tomar una decisión difícil. Estoy seguro de que a veces elegirá conscientemente usar un menú desbordado (incluso admitiré a regañadientes haber usado uno antes), pero no permita que la elección se vuelva fácil.

Oblígate a ti mismo y a tu equipo a tomar decisiones difíciles

Este es realmente el punto. En lugar de pretender hacer su producto más simple, tome la decisión difícil de incluir o no incluir opciones de menú. Si algo es lo suficientemente importante como para incluirlo, enséñelo a los clientes. Una de las mejores partes de diseñar dispositivos móviles es que constantemente te ves obligado a tomar decisiones difíciles sobre qué incluir y qué omitir (esto es particularmente cierto en iOS, que no tiene un menú de desbordamiento incorporado en su caja de herramientas). Tómelo como un desafío en lugar de una limitación.

Sea contextual

Los menús de desbordamiento son más atroces cuando carecen de contexto. En Gmail, por ejemplo, PrintLa función podría vivir en cualquiera de los dos menús adicionales. En Android, el menú de desbordamiento persistente en la parte superior derecha de la barra de acción puede contener opciones de menú globales o locales. En Google Imágenes, dos menús de desbordamiento no relacionados, uno al lado del otro, entran en conflicto entre sí. Los menús de desbordamiento pueden funcionar cuando se usan de manera realmente contextual. Considere el ejemplo de la aplicación de reloj despertador de Android, a la izquierda. El menú de desbordamiento en la parte superior derecha carece de contexto (podría ser sobre cualquier cosa) pero los menús de desbordamiento en cada fila individual dan alguna indicación sobre lo que puede encontrar debajo de la superficie porque es contextual para una alarma específica.

La investigación te mantiene honesto

Una excelente manera de detener la marea de menús desbordados es investigar a los usuarios. En los confines de nuestros estudios de diseño, las soluciones como los menús desbordados parecen perfectas. Poner su producto en manos de seres humanos normales y verlos luchar a través de la interfaz que diseñó es la última prueba de su instinto. Su interfaz de usuario “limpia” probablemente confunde muchísimo a sus usuarios. A menos que usted y su equipo sean un grupo de SOB de corazón frío, empatizar con las luchas de sus usuarios debería convencerlo de encontrar mejores soluciones.

Considere buscar información

Si mi grandilocuencia anterior es desagradable para usted, considere una perspectiva más académica sobre por qué los menús de desbordamiento son, eh, subóptimos. Existe una teoría popular llamada Búsqueda de información que se usa a menudo para describir por qué algunas interfaces son mejores que otras. Puede leer una explicación completa y útil de Búsqueda de información en la Organización de diseño de información aquí, pero la esencia básica es:

La teoría de la búsqueda de información se basa en la analogía de un animal que decide qué comer, dónde se puede encontrar, la mejor manera de obtenerlo y cuánta "energía" (qué tan abundante) proporcionará la comida ... Imagine un depredador, como un ave rapaz, que se enfrenta al problema recurrente de decidir qué comer, y suponemos que su aptitud, en términos de éxito reproductivo, depende de la ingesta energética. La energía fluye hacia el medio ambiente y se almacena de diferentes formas. Para el ave de rapiña, diferentes tipos de hábitat y presa producirán diferentes cantidades de energía neta (rentabilidad energética) si se incluyen en la dieta. //bit.ly/InformationForaging

En una gran simplificación excesiva, de acuerdo con esta teoría de búsqueda de información, algo tiene que valer la pena el esfuerzo de buscarlo (valor alto) si va a ser difícil de encontrar. O, si la cosa tiene un valor menor, debe presentarse en un contexto que facilite su localización.

En un ejemplo concreto, considere las opciones ocultas en Google Image Search. He estado usando esta interfaz durante años para filtrar imágenes "grandes" en los resultados de búsqueda y, sin embargo, no he aprendido la interfaz ni me he rendido y he utilizado una búsqueda de imágenes diferente. Tanto la frustración como mi uso continuo de la búsqueda de imágenes de Google pueden explicarse mediante la teoría de búsqueda de información. Por un lado, el enlace de las herramientas de búsqueda no se presenta con ningún contexto real, por lo que lo encuentro difícil de localizar y confuso, diablos está justo al lado de Másenlace que tiene un propósito completamente diferente! Por otro lado, no estoy tan frustrado con la complejidad a la que renuncio. Vuelvo y me golpeo el dedo del pie en la puerta una y otra vez. Eso es porque la comida es muy sabrosa. Es una buena herramienta de búsqueda y el filtro para imágenes “grandes” es muy útil para mi trabajo. Ojalá no supiera tan bien o, mejor aún, desearía que la sabrosa comida estuviera en la superficie.

¿Dijiste que nunca uses menús adicionales? Como nunca

Como casi todo, los menús de desbordamiento tienen un tiempo y un lugar donde no apestan del todo. Pero, el lugar apropiado para un menú adicional probablemente no sea su proyecto y probablemente no sea el lugar en el que está pensando. Por lo tanto, piense mucho antes de recurrir a usar uno.