Как я могу удерживать внимание пользователя на основном контенте, не меняя боковую панель?

Я работаю над созданием макета сайта-портфолио. На веб-сайте будет боковая панель навигации, которая скроется в мобильной версии. Чего я пытаюсь добиться, так это удерживать внимание пользователя на содержимом (которое будет в основном изображениями и минимальным текстом) основного тела, не отвлекая внимания, сохраняя при этом фирменные цвета (независимо от того, какой цвет). Так должен ли я сделать навигационную панель цветной (независимо от того, какого цвета) или оставить ее белой? Но также помните, что цвета, которые будут использоваться, являются частью бренда. Поэтому я не думаю, что было бы разумно удалить его полностью. По моим наблюдениям, сайты портфолио имеют белые панели навигации, а цветные панели навигации используются, когда есть сложный веб-каталог. Пример: 1) https://dribbble.com/shots/3237774-Material-Design-Sidebar 2)https://dribbble.com//shots/2510857-Dribbble-Chat-Client 3) https://bit.ly/2KVXN4Q 4) https://bit.ly/2IYc3bG

Также скажите, какие методы можно использовать, чтобы проверить, отвлекает ли текущий макет или нет, и как его можно улучшить. Спасибо.

введите описание изображения здесь

Что хорошего в боковой панели? Не следует ли задаться вопросом: «Где лучше/лучше всего использовать цвет моего бренда?» Как вы описали проблему, мобильные пользователи (растущий сегмент) не будут иметь такого же усиления цвета бренда , как пользователи консолей. В качестве ошибки UX исследуйте эффект фон-Ресторффа. Похоже, вы сделали акцент, чтобы отвлечь внимание от содержания.
@Stan, мне открыть новый вопрос или отредактировать этот? А нейтральный белый цвет действительно станет домом для красочных иллюстративных изображений. Но это каркас, поэтому я не размещал общий контент и пока не могу использовать оригинальный контент.
Я честно не знаю. Найдите минутку, чтобы подумать о том, чего вы хотите достичь. «А нейтральный белый цвет действительно станет домом для красочных иллюстративных изображений». Мы можем только держать так много. Я склонен к минимализму. Фоновый шум еще больше отвлечет внимание от контента. Держите цель на виду. Что вы можете сделать, чтобы показать «портфолио» с максимальной выгодой?
@Stan, вопрос в том, как показать портфолио с максимальной выгодой, одновременно укрепляя индивидуальность бренда?
Да очень хорошо. Теперь спросите об этом и покажите свои голые вайрфреймы и подходящую доску настроения. Затем отойдите и наслаждайтесь шоу.

Ответы (2)

То, что вы показываете на каркасе, не отвлекает. На самом деле, это может быть отличным способом передать изменение контекста, если изменение цвета представляет другой аспект бренда, который вы создаете. Например, каждый цвет может быть связан с определенным вертикальным рынком или линейкой продуктов. Его даже можно использовать для обозначения разделов сайта. Официальные документы, «О нас» и другой самоописательный контент могут быть зелеными, основной сайт может быть оранжевым и т. д. Существует множество способов, которыми вы можете использовать цвет боковой панели в качестве интуитивно понятного метода передачи информации. характер контента, который они просматривают, без необходимости объяснять его.

Это отличная идея. Спасибо. Кроме того, я пытаюсь устранить все недостатки в макете, чтобы больше вовлекать пользователей в основную часть.

Любой яркий цвет, представленный в нейтральной схеме, как здесь, наверняка будет отвлекать. Однако со временем люди учатся игнорировать определенные вещи. Использование ярких цветов может принести пользу другим аспектам вашего сайта:

  • привлечение внимания в первую очередь
  • передача бренда, личности и т. д.

Более того, то, как произведение представлено (в настоящее время изображено в виде серого квадрата), повлияет на это.

В чате вы упомянули: «Я думал прибегнуть к некоторым принципам дизайна, чтобы с уверенностью удерживать пользователей в основном теле».

Я думаю, что хороший способ добиться этого, не жертвуя цветом навигационной панели, — это повторно использовать один и тот же цвет в качестве акцента на всем сайте. Это позволит взгляду зрителя переходить от цвета к цвету и иметь возможность просматривать вашу работу, а не просто застревать на цветной панели навигации.

введите описание изображения здесь

Ах! Да, что это хорошая идея! Содержание будет состоять в основном из красочных иллюстраций и традиционных картин (в некоторых местах они могут быть тусклыми).
Несмотря на то, что вы пытались минимизировать это в своем ответе, я нахожу сильный визуальный конфликт со сравнительно нейтральным содержанием портфолио.
@Stan Можете ли вы уточнить аспект визуального конфликта? Я не уверен, что понимаю, что вы говорите, но мне любопытно. Одна вещь, которую я пытался иметь в виду, это то, что будут вставлены изображения с собственными цветами, поэтому в конце они могут быть не такими уж нейтральными.
Мое внимание переключается с одного элемента на другой из-за использования цвета для акцента. В своем ответе вы попытались минимизировать цвет, включив его в другое место макета в качестве акцентов. Контент (портфолио) должен быть фокусом сайта, а не средством для всех украшений. Визуальный конфликт = альтернативные точки интереса, конкурирующие за мое [ограниченное] время и внимание.
@Stan Да, я согласен с вами, я хотел убедиться, что понимаю, какие элементы противоречат вам. На мой взгляд, это немного эффективнее, потому что глаз с большей вероятностью пробежится по контенту, а не просто останется на одном статичном месте. Вот почему я также упоминаю, что способ изображения работы будет важен. Если это просто работа в оттенках серого, это может быть не так эффективно.
Как я могу удерживать внимание пользователя на основном контенте, не меняя боковую панель?
СпросиСетьПолитика конфиденциальности1y, 0v