UX preferido para un ítem vacío pero seleccionable en un menú

Question

En un proyecto en el que estoy trabajando, tenemos un menú de navegación donde los elementos están coloreados cuando la sección relevante tiene información debajo o se desvanece cuando no hay nada disponible para el usuario. En el caso de un administrador, es posible que estos elementos no tengan información útil, pero aún así se pueda hacer clic (ya que elementos como "Agregar artículo de noticias" o "Agregar archivo" se implementan como submenús).

La llamada de On High se ha reducido para hacer que estos elementos de administración se distingan de alguna manera. Como ya estamos usando el texto descolorido para los elementos que no se pueden cliquear, me preguntaba si existe una convención de UI establecida para indicar que se puede hacer clic en un elemento, pero no contiene información.

Y sí, ya he preguntado por qué nos molestamos en mostrar elementos que no están disponibles para el usuario. En resumidas cuentas: porque On High quiere hacerlo.

Answer 1

Respuesta corta, no, no creo que haya una convención para esto. Mucha gente diría que si no es aplicable, no lo muestres. Sin embargo, hay un poco de debate sobre esto. Una de las razones por las que Microsoft comenzó a usar The Ribbon en MS Office es porque querían alejarse de los menús dinámicos donde las opciones se ocultaban y mostraban "inteligentemente". Los usuarios no pudieron averiguar las reglas de lo que aparece, dónde y cuándo.

Quizás separe las preocupaciones aquí: 1) cómo indicar que se puede hacer clic en el elemento y luego 2) cómo indicar que el elemento no contiene información.

El primero está relativamente bien establecido: texto subrayado en azul. También puede hacer que se vea como un botón. Por supuesto, si tiene un aspecto específico del sitio para sus hipervínculos, úselo. Básicamente, no rompas las expectativas de los usuarios sobre qué cosas se pueden hacer clic.

Segundo, cómo mostrar que no hay nada que valga la pena hacer clic en él. Creo que lo que desea es una indicación visual de la prioridad / utilidad de estos enlaces de administrador en relación con otros. Algunas opciones:

• ¿Puedes mover los enlaces de administración al final de una lista?
• Agregue un número que indique cuántas cosas hay al otro lado del enlace.
• ¿Tachar el texto?

Answer 2

Ya que no hay convenciones estrictas sobre este tipo de cosas, solo recuerda que cualquier cosa que hagas de forma consistente funcionará. Algunas cosas funcionarán mejor que otras.

Independientemente de lo que elija, el usuario aprenderá después de algunos intentos cuál es el nuevo método de indicación vacía.

Si está bien pensado y es coherente, probablemente lo obtendrán después de un par de clics.

Además, recuerde que demasiados puntos destacados, colores, desvanecimientos y subrayados eliminarán toda la efectividad al organizar visualmente su menú para que sea fácil de usar. En algún momento, se puede volver más difícil de usar si se organizan en exceso las cosas.

Piénsalo de esta manera: hay dos cajas en un estante virtual. Uno es rojo y el otro es azul. El cuadro seleccionado se identifica con un color diferente al del otro cuadro ... Ahora, ¿cuál es el cuadro seleccionado?