Представляем вашему вниманию FandomDesktop – новый единый дизайн, который появится в ближайшем будущем. В его разработке мы ориентировались на отзывы участников, а также на совместный опыт Фэндома и Gamepedia. Во время прошедшего Community Connect мы объявили, что мы будем давать больше информации о наших разработках, чтобы участники больше знали об этом. Этот блог – попытка подробно рассказать о новом дизайне, чтобы у вас осталось минимум вопросов.
Но если говорить коротко, то FandomDesktop – это модернизированный скин Фэндома, куда были перенесены важные элементы скина Gamepedia.
UCP уже завершено?
За последние месяцы мы практически завершили этап UCP – перенос википроектов на новую единую платформу. По сути, мы близки к тому, чтобы окончательно оставить старую платформу в прошлом. Последние две недели инженеры посвятили исправлению багов на единой платформе. Всего было исправлено более 200 различных ошибок. По мере продвижения вперёд всё более значительная часть инженеров переключиться на улучшение существующих функций и инструментов и разработке новых.
Не забывайте и о новом скине для мобильных устройств – FandomMobile. Сейчас на нём работают все википроекты Gamepedia и ~30% трафика с Фэндома.
Что такое FandomDesktop?
FandomMobile – очень важная разработка, так как большинство читателей посещают википроекты с мобильных устройств. Однако FandomDesktop не менее и даже более важен, так как именно его будут использовать редакторы и администраторы википроектов, без которых Фэндом не может существовать. FandomDesktop был основан, в том числе, на наших предыдущих экспериментах с дизайном платформы. То есть, обновление дизайна не в новинку для нас. Но несомненно, что FandomDesktop является самым крупным обновлением дизайна для Фэндома с 2010 года, а для Gamepedia это будет очень значительное визуальное изменение.
Мы провели несколько исследований FandomDesktop: сначала с группой Community Council, а затем во время Community Connect. Мы показали участникам несколько модификаций FandomDesktop и добавили изменения в дизайн на основе этих отзывов. Мы старались учесть в FandomDesktop особенности и Фэндома, и Gamepedia, но, очевидно, что невозможно просто взять и объединить два разных скина в единое целое.
Вот список особенностей дизайна, которые участники и администраторы назвали важным, а также то, как выглядят эти особенности со стороны читателей:
| Желания редакторов | Желания читателей |
| Участники не хотят терять особенности взаимодействия со скинами Фэндома и Gamepedia, которые есть сейчас. | Большинство читателей попадают на википроекты через поисковые системы. Очень часто они не могут понять, что это не отдельный сайт, а целое сообщество викисайтов. Читатели ищут информацию, которая им необходима, но не связывают полученную информацию с брендом Фэндом. |
| Участники хотят использовать больше пространства экрана. Многим не нравится фиксированная ширина страниц на Фэндоме. | Зачастую страницы вики трудно воспринимать, особенно если читатели ищут ответа на конкретный вопрос, а не перегруженные различными инструментами страницы вики. |
| Участникам нравится возможность настраивать внешний вид вики, чтобы придать ей больше индивидуальных черт. | Читателям нравится простой и последовательный дизайн, который легко считывается и в котором легко ориентироваться. Читателям не нравятся элементы, затрудняющие доступ к сайту. |
| Участникам нужен быстрый доступ к инструментам редактора и важным ссылкам/страница, а администраторам – возможность легко модерировать вики и управлять ею. | Читатели, в основном, посещают только одну вики и даже только один тип контента во время одного своего визита, поэтому далеко не все инструменты и служебные страницы нужны им. |
Принимая во внимание эти противоречивые требования, мы должны были определиться с новым дизайном. Поэтому выводы были следующие:
| FandomDesktop это... | FandomDesktop НЕ... |
| Переработанный макет для статей вики, который включает согласованное размещение рекламы и просмотр контента, поэтому участникам и читателям не нужно будет заново учиться использовать сайт. | Вводит новые типы контента и инструменты для редакторов. Это в планах! У нас будет отдельный блог о новых инструментах, и это обновление не связано с FandomDesktop. О некоторых нововведениях было объявлено на Community Connect, и они были положительно восприняты. |
| Единая глобальная и локальная навигация, которая позволяет легко находить контент на вики и на всём Фэндоме. | Новые функции поиска, хотя мы можем внести какие-то улучшения в поиск прежде, чем основательно взяться за это |
| Согласованность с FandomMobile, а также с новым Конструктором тем, который будет использоваться и для FandomMobile. | Влияние на домашние страницы Фэндома (fandom.com) и связанные с ним страницы, а также Обсуждения. Проект по обновлению fandom.com будет запущен отдельно. |
Как выглядит FandomDesktop?
Разобравшись с тем, какие предпосылки были для создания FandomDesktop, переходим к самой интересной части – скриншотам нового дизайна! Мы отдельно будем обращать ваше внимание на то, как выглядит новый дизайн для участников и для читателей.
В целом, новый дизайн для читателей будет выглядеть вот так:
Вот, на что нужно обратить внимание:
- Глобальная навигация. Мы переместили её в левую часть страницы. На это были следующие причины. Во-первых, навигация и реклама вместе вверху страницы увеличивали время доступа к контенту страницы. Во-вторых, пользователи редко взаимодействовали со ссылками в этом меню. Так как люди читают слева направо, то мы надеемся, что навигация в левой части экрана будет более заметной. Это также отсылка к навигации в левой части экрана Gamepedia. Пока отзывы о новой навигации со стороны редакторов – негативные. Возможно, мы добавим настройку, позволяющую скрывать эту панель.
- Локальная навигация. Мы решили не менять существующее расположение локальной навигации для скина Фэндома. Мы знаем, что на Gamepedia многие привыкли к навигации, расположенной в левой части экрана, поэтому изучили десятки вариантов компоновке. В результате, мы выяснили, что текущий дизайн локальной навигации является наиболее функциональным и современным.
- Изображение на заголовке. Мы удалили изображение в локальной навигации и заменили его на сплошное фоновое изображение. Таким образом, тематика вики будет чётко обозначена на странице с самого начала её загрузки. Мы разрешим использовать CSS, если вы захотите добавить изображение для фона вики в целом, а не только для верхней части.
- Ширина страницы. В левой части экрана есть кнопка с двусторонней стрелкой. Это гибкая ширина страницы. Те, кто хочет, могут развернуть контент страницы на максимум размера экрана, что обеспечит ширину страницы гораздо больше, чем есть на Фэндоме сейчас, и больше, чем видят незарегистрированные пользователи Gamepedia.
Давайте прокрутим страницу вниз и посмотрим на другие элементы страницы. Когда участники и читатели просматривают контент страницы, важно, чтобы все элементы навигации находились под рукой.
Здесь обращаем ваше внимание на следующее:
- Поиск всегда рядом. Левая панель никуда не исчезает, поэтому строка поиска всегда будет доступна. Это уже существует для сайтов Фэндома, но для Gamepedia это будет новым элементом.
- Локальная навигация всегда рядом. Раньше только панель глобальной навигации перемещалась по странице, а теперь это будет делать и локальная навигация. Она немного уменьшиться в размерах и будет следовать за читателем. Это стало возможным благодаря тому, что глобальная навигация перемещена влево.
- Важные инструменты. В левой части страницы всегда есть доступ к трём инструментам. Первая кнопка – это переключатель ширины страницы. Вторая – открывает меню с содержанием страницы. То есть, вам не надо прокручивать длинную страницу вверх, чтобы вернуться к разделам страницы. Теперь вы всегда можете быстро перейти от одного раздела страницы к другому. Третья кнопка – Править. Вы можете открыть редактирование раздела страницы, как обычно, а можете открыть редактирование всей страницы даже находясь в самом низу страницы.
Тёмный скин!
Тёмный режим уже давно доступен на Gamepedia, и теперь эта функция будет доступна всем на FandomDesktop!
Пользователи хотят контролировать внешний вид сайта хотя бы в малой степени, поэтому переключение между светлой и тёмной темой будет основополагающим элементом нового дизайн.
Новый Конструктор тем позволит настроить обе темы: тёмную и светлую. Также администраторы смогут выбрать тему, которую хотят использовать для своей вики по умолчанию. Мы также добавим поддержку шрифтов для заголовков.
FandomDesktop для редакторов
На Фэндоме и Gamepedia скин одинаков для участников и анонимных пользователей, за исключением рекламы. Наш многолетний опыт говорит нам, что это неправильный подход. Если вы являетесь участником вики, то вы должны видеть больше инструментов, чем читатели. FandomDesktop – большой шаг в этом направлении.
Если вы вошли в свой аккаунт, то увидите такую вики:
Особенности FandomDesktop для участников следующие:
- Без рекламы. Как и было ранее, вы сможете отключить почти всю рекламу на вики. Монетизация важна для Фэндома, как для коммерческой компании, но ценность участников и редакторов намного выше.
- Инструменты редактора. В верхнем правом углу сохраняться ссылки на инструменты редактора, такие как «Создать новую страницу», «Свежие правки», «Кабинет администратора», внутри дополнительного меню - «Добавить изображение» или «Добавить видео»
- Правая колонка. В правой части страницы находятся ссылки на важные служебные страницы и окно Вики-деятельности.
- Ширина страницы. Вы можете использовать всю ширину страницы или ограниченную ширину страницы. Сайт запомнит ваши настройки и будет всегда использовать их.
Прокрутив страницу вниз вы увидите следующее:
Несколько ключевых точек:
- Кнопка редактирования всегда рядом. Как и для анонимных участников, вы в любой момент можете перейти к редактированию страницы.
- Локальная навигация и правая колонка. Эти элементы страницы будут смещаться вместе с вами, чтобы всегда быть под рукой.
- Обновлённые Мои инструменты. Это очень важная панель будет перемещена в правую часть экрана. Мы расскажем о её работе в другом блоге.
Я ненавижу правую колонку!
Многие ненавидят правую колонку. И даже если мы поместим туда действительно важные ссылки и инструменты, то ничего не изменится. Вам действительно не нравится правая колонка? В FandomDesktop вы сможете скрыть её! Вот так будет выглядеть страница в этом случае.
С помощью небольшой стрелочки справа вы всегда сможете вернуть её обратно, если захотите. Мы по-прежнему надеемся сделать правую колонку полезной для вас, но выбор за вами.
Итак, впервые на Фэндоме у нас будет отдельный пользовательский опыт для читателей и для редакторов. На примере правой колонки это чётко видно. Мы не можем убрать правую колонку совсем, так как там отображается реклама. Но рекламу видят только анонимные участники, поэтому зарегистрированные участники могут скрыть этот элемент.
Дизайн редактора
Вот как будет выглядеть экран с редактором в FandomDesktop:
Некоторые особенности:
- Локальная навигация. У вас по-прежнему будет доступ к ней даже во время редактирования.
- Переключение между редакторами. По-прежнему очень лёгкое и максимально простое.
- Инструменты страницы. В редакторе есть меню, где можно получить доступ к некоторым служебным страницам.
- Ширина страницы. Редактор будет использовать максимум ширины экрана для редактирования.
Что можно улучшить уже сейчас?
Новый дизайн FandomDesktop это не конец истории, а её начало. Это основа для дальнейшего совершенствования. Например, нужно обновить следующие области:
- Иконки. По отзывам участников, некоторые изображения для кнопок не совсем очевидны и понятны.
- Профайл и уведомления. Отзывы участников в большей степени негативны по поводу доступа к профилю и уведомлениям в левой нижней части экрана. Это потребуем много времени, чтобы перестроится по сравнению с нынешним дизайном.
Если вы тоже считаете, что мы что-то упустили в новом скине и что требует немедленной доработки, оставляйте отзывы в комментариях или пишите в поддержу.
Когда FandomDesktop появится на википроектах?
Новый дизайн будет доступен в качестве опционального (по выбору в настройках) позже этой весной, а полностью FandomDesktop мы планируем развернуть летом.
Мы готовим новые блоги, где расскажем подробнее о различных элементах FandomDesktop, в том числе, о новом Конструкторе тем, навигации, инструментах редактора и многом другом.