Вики Сообщества
Вики Сообщества

Как было обещано в предыдущем блоге, мы подробно расскажем о каждом элементе нового единого дизайна, который появится на всех википроектах этим летом. И начнём с того, как выглядит страница вики в FandomDesktop.

Страницы - основа вики

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

Такая разная страница

Дизайн Фэндома и Gamepedia принципиально отличается, когда речь идёт о представлении контента на странице. Скин Фэндом/Oasis показывает страницу стандартной ширины, что, согласно исследованиям Wikimedia Foundation и IBM, лучше подходит для чтения текста. Скин Hydra на Gamepedia использует всю ширину экрана, что очень хорошо подходит для контента с большим количеством таблиц, характерного для игровых проектов.

С момента выхода скина Oasis в 2010 году мы получили очень много отзывов о том, что стандартная ширина страницы очень хорошо подходит для отображения части контента, но далеко не всегда. Поэтому многие участники Фэндома хотели бы изменить это. В новом дизайне FandomDesktop мы хотим реализовать оба подхода.

ANON - Default.png

На изображении выше вы видите то, как выглядит страница Zelda Wiki для анонимных пользователей в новом дизайне. Zelda Wiki - это объединённое сообщество, которое сейчас находится на Gamepedia. В новом дизайне появится специальная кнопка в верхнем левом углу страницы, с помощью которой можно переключать ширину страницы. Вы сможете использовать узкую страницу для чтения и ширину почти во весь экран для лучшего представления контента.

ANON - Expanded.png

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

Ещё шире!

Для участников вики будет доступна ещё одна опция, помимо изменения ширины страницы. Либо с помощью глобальных настроек, либо на самой странице вики вы сможете скрыть правую колонку на странице, тем самым ещё больше увеличив ширину страницы. Таким образом, ширина страницы станет даже больше (на 10%), чем есть сейчас на Gamepedia!

Logged In - Collapsed Right Rail.png

Выше вы можете видеть страницу такой максимальной ширины. Хотим отметить, что вариант скрытия правой колонки появился в результате обратной связи с Community Council, Gamepedia Fellowship, интервью редакторов и от участников Community Connect. Правая колонка очень важна, так как в ней отображается реклама. Однако зарегистрированные участники не видят её, поэтому теперь могут скрыть правую колонку.

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

Другие кнопки на странице

Мы добавили на страницу две кнопки, которые будут постоянно с вами. Это Редактирование страницы и Содержание страницы.

Наша команда провела тестирование страниц. Результаты этого тестирования показали, что содержание страницы вверху страницы является логичным элементом, но не покрывает все варианты использования содержания на практике. Что делают читатели, когда оказываются на странице? Они прокручивают её вниз. А если страница длинная, то для навигации по ней приходится вновь возвращаться к верхней части страницы. Вспомните скрипт "Наверх", который добавляет одноимённую кнопку на страницу. Этот скрипт довольно популярен на википроектах с длинными страницами.

ANON - Scroll ToC.png

В FandomDesktop, а также в FandomMobile, кнопка "Содержание" всегда находится по рукой. Больше не надо возвращаться в верхнюю часть страницы. Вы можете перейти к любой части страницы в любой момент.

Что касается редактирования, то мы заменили кнопки и слова "править/править код" на значки. Наша цель была в том, чтобы выдвинуть контент на первый план и уменьшить визуальное присутствие других функций. При этом мы сохранили основную кнопку "Править" в верхнем правом углу страницы. Однако теперь вы сможете начать редактировать, находясь в любом месте на странице. Для этого есть иконка "Править" в левой части экрана, которая перемещается следом за вики. Вы по-прежнему сможете открыть редактирование раздела страницы, но новая точка открытия редактора несомненно пригодится.

Итого

Несмотря на новый дизайн, вы видите, что страницы вики по-прежнему в центре внимания. Мы добавляем новые элементы для редакторов и читателей и предоставляем вам больше выбора. Это современный подход. Также мы в большей степени используем стандартные компоненты MediaWiki, что характерно для Gamepedia. При этом Конструктор тем будет влиять на больше число элементов. А если подводить итог о ширине страницы, то посмотрите на эту таблицу:

Скин Читатели Участники
Oasis/Фэндом Узкая страница и правая колонка Узкая страница и правая колонка
Hydra/Gamepedia Широкая страница и правая колонка Широкая страница, нет правой колонки
FandomDesktop/Единый скин Узкая страница и правая колонка

Широкая страница и правая колонка

Узкая страница и правая колонка

Широкая страница и правая колонка

Узкая страница, нет правой колонки

Широкая страница, нет правой колонки

Больше выбора!


Это наш первый блог, а впереди - блоги о новом конструкторе тем, локальной навигации, инструментам редактора и другим элементам FandomDesktop. Ждём ваших комментариев!