В этом блоге мы продолжим подробный рассказ о новом скине FandomDesktop, который появится на всех википроектах этим летом. Настала очередь для навигации.

Локальная навигация

В FandomDesktop локальная навигация станет приоритетом. Именно её будут видеть пользователи вверху экрана. С точки зрения дизайна навигационное меню мало изменится для участников Фэндома за исключением того, что раздел "Исследовать" переместиться в левую часть меню (будет первым в списке), а замкнёт список специальный раздел "Больше".

Logged In - Wiki Nav.png

Для участников Gamepedia это серьёзное изменение, так как будет удалено навигационное меню в левой части вики. Мы провели много исследований по взаимодействию с навигационным меню, чтобы разобраться, что лучше для пользователей.

Для оценки мы использовали параметр Цена взаимодействия. Это сумма усилий, как умственных, так и физических, которую пользователь должен приложить при взаимодействии с сайтом для достижения своей цели. Просмотр, чтение, прокрутка страницы, нажатие на элементы меню - всё это является частью цены взаимодействия. Когда пользователь оказывается на странице вики, у него есть несколько путей взаимодействия со страницей. С этого момента цена взаимодействия начинает расти, и чем выше она окажется в итоге, тем меньше вероятность, что пользователю понравится сайт и он захочет вернуться.

Это очень технический подход, но есть конкретные вещи, влияющие на цену взаимодействия:

  • Большое количество прокруток и ссылок увеличивают цену
  • Хорошо организованное навигационное меню снижает цену
  • Навигационное меню само по себе позволяет взаимодействовать с контентом вики без прокрутки страницы

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

TV Gamepedia Wiki Nav - Default.pngTV Gamepedia Wiki Nav - Scroll.pngTV Gamepedia Wiki Nav - Submenu.png

Пример Цены взаимодействия для меню в левой части экрана.

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

TV Fandom Wiki Nav - Default.pngTV Fandom Wiki Nav - Submenu 1.pngTV Fandom Wiki Nav - Submenu 2.png

Пример Цены взаимодействия для горизонтального меню. Цена растёт только, когда пользователь переходит на следующие уровни меню.

К тому же, наличие меню в левой части экрана мешает нашей идее о широкой области контента. В результате пользователи сайтов Gamepedia имеют возможность получить много ссылок (более 200!) в меню вики без больших затрат на взаимодействие и без дополнительной прокрутки страницы.

Новшеством и для Фэндома, и для Gamepedia станет то, что навигационное меню будет перемещаться за пользователем при прокрутке страницы вниз. Причём логотип и название вики останется в меню, что добавляет идентичности вашей вики.

Logged In - Scroll.png

Инструменты редактора

В новом дизайне в правой колонке появится меню со ссылками на инструменты редактора. Это меню будет отображаться только для участников. В меню будут отображаться такие ссылки, как Ссылки сюда, Информация о странице, История страницы и Правила вики. Последняя ссылка стала результатом отзывов участников, которые хотели видеть наглядную ссылку на правила в связи с введением новой политики блокирования.

Logged In - Default.png

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

Глобальная навигация

Пожалуй, главное обновление в FandomDesktop с точки зрения внешнего вида является перемещение панели глобальной навигации в левую часть страницы. Зачем это было сделано? В ранних макетах мы исследовали сочетание глобальной навигации, локальной навигации и рекламы вверху страницы. Это приводило (и приводит в текущем скине) к тому, что контент страницы смещается вниз. Это не очень хорошо с точки зрения повышенного внимания к контенту, которого мы хотим добиться. К тому же, панель с глобальной навигацией вверху страницы мешало идее сделать локальное меню, которое бы смещалось вниз при прокрутке страницы.

ANON - Default.png

У нас было два решения для этого. Во-первых, два навигационных меню (глобальное и локальное) могли бы располагаться одно над другим при прокрутке вниз. Во-вторых, можно было сделать аналог того, что происходит в скине FandomMobile, где два меню совмещаются вместе. Второй подход казался более интересным, так как связывает идентичность вики с глобальным брендом, но также это несёт потерю видимости глобальных ссылок.

В результате, было принято третье решение - переместить глобальное меню в левую часть страницы, что снижает нагрузку для локального меню и делает само глобальное меню более заметным. Также вся функциональность глобального меню останется наглядной и заметной.

Меню профайла, поиск и уведомления

Мы благодарим всех участников, в первую очередь тех, кто присутствовал на Community Connect, за ваши отзывы. Мы уже внесли ряд изменений в новый дизайн на основе этих отзывов.

Меню профайла. Данное меню будет располагаться внизу слева в глобальной панели. Это достаточно резкое изменение по сравнению с текущим дизайном, но мы предполагаем, что на самом деле это расположение более комфортно для участников. На многих сайтах пользовательское меню расположено в левой части экрана. Мы хотим узнать ваше мнение об этом, когда появится возможность тестирования нового скина.

Logged In - Profile.png

Поиск. Кнопка поиска будет находится вверху глобальной панели навигации, но сам поиск будет отображаться в отдельном окне. Ещё одна кнопка поиска (добавлена на основе ваших отзывов) будет располагаться среди кнопок справа вверху, над правой колонкой. Как уже говорилось, мы планируем дополнительные работы, связанные с функционирование поисковой системы. Они должны начаться в конце года.

Logged In - Search.png

Уведомления. Они также находятся в левой части экрана и раскрываются в большую ленту. Нам ещё предстоит унифицировать системы уведомлений, которые отличаются для Фэндома и для Gamepedia. Это работа будет начата позже в этом году, но в новом скине и для Фэндома, и для Gamepedia уведомления будут расположены в левой части экрана.

Logged In - Notifications.png


Больше изменений означает больше возможностей, но также и больше ответственности. Мы уже учитываем ваши отзывы, внося изменения в FandomDesktop, и ждём ещё больше отзывов, когда новый скин будет доступен для тестирования. Это должно случится в конце весны, совсем скоро.


Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA, если не указано иное.