Я использовал библиотеку JavaScript D3 для создания линейного навигатора постов на основе времени для своего личного блога, который значительно отличается от «традиционного» способа связывания постов вместе. Я хотел собрать некоторые отзывы о том, работает ли этот дизайн: и, более конкретно, есть ли визуальные элементы, которые я могу добавить, чтобы усилить «очевидность» панели навигации.
Здесь он не активирован:
Узлы активируются при наведении на них курсора:
Мой большой вопрос: этот дизайн функционально очевиден?
и что можно сделать, чтобы сделать это больше?
Тут довольно большие проблемы .
Я не видел навигацию, даже когда искал ее . Мне потребовалось три раза просмотреть страницу, чтобы найти его. Если это правда, я бы не увидел этого, если бы не искал. Вероятно, это потому, что
Нет никаких указаний на то, что делает наведение на них, пока это не сделает пользователь . Таким образом, пользователи понятия не имеют, наводить его или нет. Это не похоже ни на что, к чему я привык, поэтому я, вероятно, обычно не буду пытаться наводить на него курсор; Я могу случайно.
Не всегда легко наводить курсор на отдельные круги . Если вы разместили некоторые прямо рядом друг с другом, они перекрываются. Я предполагаю, что если вы опубликуете два одновременно, они будут точно друг над другом. Это не очень удобно. Чем больше расстояние между постами, тем хуже. Так что, если вы не публиковали какое-то время, а затем публиковали, шкала будет состоять из целой группы, сгруппированной вместе, а затем отдельной, потому что местоположение основано на времени.
Это было бы ужасно на мобильных устройствах . Было бы очень трудно коснуться правильного круга, особенно когда они перекрываются. Кроме того, они будут слепо переходить к другому посту, потому что предварительный просмотр отображается только при наведении курсора. Это недопустимо!
Стрелки ничего не делают (и, во-первых, слишком малы) . Я предполагаю, что если есть больше сообщений слева или справа? Я не уверен. Но поскольку вокруг контейнера нет границы, я все равно не знаю, где он начинается или заканчивается, поэтому они могут быть связаны с чем-то совершенно другим.
Таким образом, вот некоторые улучшения:
Не показывать все свои другие сообщения . Пользователям не нужно видеть полный список всех сообщений, особенно в точечной форме, которая не дает им никакой информации о сообщениях. Вместо этого покажите им релевантные и оставьте возможность показать больше или просмотреть весь список.
Сделайте так, чтобы перекрытие не было проблемой . Это хлопотно пытаться предотвратить - просто избегайте этого в первую очередь.
Всегда показывать предварительный просмотр определенных сообщений . Вы можете сделать это разными способами, но я представляю, как будет отображаться один большой по всей ширине контента и, возможно, несколько (3 или около того) под ним. Таким образом, пользователи явно увидят фразу «Эй, здесь есть еще одна картинка, которая ведет на публикацию», а не просто случайные круги.
Если вы действительно хотите показать много сообщений, вы можете добавить еще одну меньшую строку и заставить их заменять основной слот предварительного просмотра при нажатии или наведении курсора.
Вот что я себе представляю:
Дом