¿Cómo puedo mantener la atención del usuario en el contenido principal sin cambiar la barra lateral?

Estoy trabajando para hacer un diseño de un sitio web de cartera. El sitio web tendrá una barra de navegación lateral, que colapsará en la vista móvil. Lo que estoy tratando de lograr es mantener la atención del usuario en los contenidos (que serán en su mayoría imágenes y textos mínimos) del cuerpo principal sin causar ninguna distracción y manteniendo los colores de la marca (independientemente de qué color). Entonces, ¿debo hacer que la barra de navegación sea de color (sin importar de qué color) o dejarla en blanco? Pero también recuerda, ya que los colores que se utilizarán son parte de la marca. Así que no pensé que fuera prudente eliminarlo por completo. En mi hallazgo, observé que los sitios de cartera tienen barras de navegación blancas y se usan barras de navegación coloridas cuando hay un directorio web complejo. Ejemplo: 1) https://dribbble.com/shots/3237774-Material-Design-Sidebar 2)https://dribbble.com//shots/2510857-Dribble-Chat-Cliente 3) https://bit.ly/2KVXN4Q 4) https://bit.ly/2IYc3bG

Indique también qué métodos puedo usar para probar si el diseño actual distrae o no y cómo se puede mejorar. Gracias.

ingrese la descripción de la imagen aquí

¿Qué tiene de bueno la barra lateral? ¿No debería ser la pregunta, "¿Dónde se usaría mejor/mejor el color de mi marca?" Como ha presentado el problema, los usuarios de dispositivos móviles (un segmento en crecimiento) no tendrán el mismo refuerzo de color de marca que los usuarios de consolas. Como error de UX, investiga el efecto Von-Restorff. Parece que ha aplicado el énfasis para desviar la atención del contenido.
@Stan, ¿debería abrir una nueva pregunta o editar esta? Y el blanco neutro será el hogar de imágenes ilustrativas coloridas. Pero es una estructura alámbrica, así que no puse contenido genérico y todavía no puedo usar contenido original.
Honestamente, no lo sé. Tómate un momento para pensar en lo que quieres lograr. "Y el blanco neutro en realidad será el hogar de imágenes ilustrativas coloridas". Solo podemos sostener tanto. Tiendo a ser minimalista. El ruido de fondo diluirá aún más la atención disponible para el contenido. Mantenga el objetivo a la vista. ¿Qué puede hacer para mostrar la "cartera" de la mejor manera posible?
@Stan, la pregunta es cómo mostrar la cartera de la mejor manera y al mismo tiempo reforzar la personalidad de la marca.
Si muy bien. Ahora, pregunte eso y muestre sus estructuras alámbricas desnudas y el panel de estado de ánimo aplicable. Luego, dé un paso atrás y disfrute del espectáculo.

Respuestas (2)

Lo que muestra en el esquema no distrae. De hecho, podría ser una excelente manera de transmitir un cambio de contexto, si el cambio de color representa un aspecto diferente de la marca que está construyendo. Por ejemplo, cada color podría asociarse con un mercado vertical específico o una línea de productos. Incluso podría usarse para designar secciones del sitio. Los libros blancos, "Acerca de nosotros" y otro contenido autodescriptivo podrían ser todos verdes, el sitio principal podría ser naranja, etc. Hay varias formas de usar el color de la barra lateral como un método intuitivo para transmitir la naturaleza del contenido que están viendo sin necesidad de deletrearlo.

Esa es una excelente idea. Gracias. Además de eso, estoy tratando de eliminar todos los defectos del diseño para involucrar más a los usuarios en el cuerpo principal.

Cualquier color brillante introducido en un esquema neutral como el que tiene aquí seguramente distraerá. Sin embargo, la gente aprende a ignorar ciertas cosas después de un tiempo. Usar un color brillante puede beneficiar otros aspectos de su sitio:

  • llamar la atencion en primer lugar
  • transmitir marca, personalidad, etc.

Además, la forma en que se presenta el trabajo (actualmente representado como un cuadrado gris) tendrá un impacto en esto.

En el chat, mencionaste: "Estaba pensando en recurrir a algunos principios de diseño para mantener a los usuarios en el cuerpo principal con certeza".

Creo que una buena manera de lograr esto sin sacrificar el color de la barra de navegación es reutilizar el mismo color como acento en todo el sitio. Esto permitiría que el ojo del espectador salte de un color a otro y tenga la oportunidad de repasar su trabajo en lugar de simplemente quedarse atascado en la barra de navegación de colores.

ingrese la descripción de la imagen aquí

¡Ay! ¡Si esa es una buena idea! Los contenidos serán principalmente ilustraciones coloridas y pinturas tradicionales (esas pueden ser tenues en algunos puntos).
Aunque ha tratado de minimizarlo en su respuesta, encuentro un fuerte conflicto visual con el contenido de la cartera comparativamente neutral.
@Stan ¿Puede dar más detalles sobre el aspecto del conflicto visual? No estoy seguro de entender lo que dices, pero tengo curiosidad. Una cosa que he tratado de tener en cuenta es que habrá obras de arte insertadas con sus propios colores, por lo que podría no ser tan neutral al final.
Mi atención se desplaza de un elemento a otro debido al uso del color para enfatizar. En su respuesta, ha tratado de minimizar el color incorporándolo en otras partes del diseño como acentos. El contenido (portafolio) debe ser el punto focal del sitio y no un vehículo para todos los adornos. Conflicto visual = puntos de interés alternativos que compiten por mi tiempo y atención [limitados].
@Stan Sí, estoy de acuerdo contigo, quería asegurarme de entender qué elementos estaban en conflicto contigo. La forma en que lo veo es un poco más efectivo porque es más probable que el ojo revise el contenido en lugar de quedarse en un lugar estático. Por eso también menciono que la forma en que se represente el trabajo será importante. Si solo se trata de un trabajo en escala de grises, es posible que no sea tan efectivo.
¿Cómo puedo mantener la atención del usuario en el contenido principal sin cambiar la barra lateral?
RespuestasAquíPolítica de privacidad1y, 0v