FandomMobile - это новый мобильный скин, который был развёрнут на всех википроектах Фэндома весной 2021 года. Ранее скин прошёл бета-тестирование на википроектах Gamepedia.
Общее описание[]
Мобильный скин это:
- Опыт Gamepedia в области мобильных устройств основан на мобильном скине от MediaWiki, что представляет прочную техническую основу для дальнейшего развития.
- Новый мобильный скин затронет большинство читателей википроектов, так как в среднем 56-64% трафика на википроекты поступает с мобильных устройств.
Несмотря на то, что в FandomMobile были внесены некоторые улучшения для редакторов и участников (количество которых значительно выросло с появлением возможности редактировать с мобильных устройств на википроектах Фэндома), основные изменения в FandomMobile направлены на удобочитаемость, доступность и производительность для читателей википроектов. Следующий шаг, разработка объединённого пк-скина для Фэндома и Gamepedia, займёт больше времени, поэтому у вас будет возможность высказаться об этом в будущем.
FandomMobile использует основу мобильного скина Gamepedia, который, как было уже сказано, основан на мобильном скине MediaWiki и расширении MobileFrontend. Используя такой подход, мы получаем следующие преимущества:
- Большое количество кода в FandomMobile от кода с компьютеров;
- Обновления от Викимедиа;
- Лучшая производительность, чем у текущего мобильного скина Фэндома;
- Поддержка практически всех пространств имён MediaWiki.
А также мы получаем следующие улучшения:
- Инфобоксы с модульной викиразметкой;
- Новые удобные галереи изображений;
- Таблицы и шаблоны, которые адекватно отображаются на мобильных устройствах.
Работая над FandomMobile, мы следовали за отзывами участников Фэндома и Gamepedia о взаимодействии с мобильным скином, которые мы собирали на протяжении нескольких лет, а также обсуждали дизайн внутри компании. Итогом этой работы стал FandomMobile, который сейчас развёрнут на всех вики. Основные отзывы от участников касались плохой трансформации некоторых элементов википроектов при переключении на мобильный скин. Особенно это влияло на обрезку изображений в инфобоксах, странных макетах галерей, подписей к изображениям и т. д. Участники вики никак не могли повлиять на это, а значит, нашей задачей было исправить это.
Далее вы можете прочитать об особенностях FandomMobile, но обратите внимание, что изображения для этих разделов взяты у дизайнеров и не являются окончательными. Они были созданы ещё до запуска бета-тестирования. Не нужно ориентироваться на эти изображения в своих отзывах.
Тёмный и светлый скины[]
Если ваша вики на Gamepedia использует HydraDark для ПК версии, то пользователи вики в FandomMobile будут видеть тёмный скин по умолчанию.
Глобальное навигационное меню[]
Мы хотели, чтобы глобальная навигация была чем-то большим, чем просто строкой поиска. Чтобы участники могли видеть то, что актуально для данной вики и для всего Фэндома/Gamepedia в целом. Мы решили, что это должно содержать: поиск по самой вики, отображение интересного контента вики, доступ к глобальным ссылкам. Первый вариант дизайна вы видите на картинке выше. На нём поиск по вики находится под меню с глобальными ссылками. Во втором варианте — поиск располагался над меню с глобальными ссылками. Нам кажется, что первый вариант более удобен.
Также вы можете видеть переключатель между поиском по этой вики и по всем википроектам. Наше предварительное тестирование показало, что этот переключатель очень удобен для участников, но мы ещё собираем данные по его функциональности. В данный момент, по умолчанию, для участников отображается поиск по данной вики.
Локальное навигационное меню[]
Локальное навигационное меню — это то, что администраторы вики предлагают участникам, стараясь максимально представить контент своей вики. Здесь вы видите название самой вики и кнопку для открытия локального меню вики. Когда пользователь прокручивает страницу вниз, локальная часть меню и глобальная часть меню объединяются в единой блок, чтобы в любой момент предоставить пользователю доступ к главной странице вики, локальному навигационному меню и поиску, даже когда участник находится в самом низу страницы.
Содержание страницы[]
Это важная часть интерфейса, особенно когда речь идёт о длинной странице. Однако содержание может быть слишком большим и громоздким для небольшого экрана мобильного устройства, и пользователю приходится дополнительно прокручивать страницу внизу, чтобы добраться до самого контента. Мы рассматривали следующие варианты отображения содержания:
- Содержание как часть страницы под инфобоксом и введением;
- Плавающее содержание, которое перемещается вместе с пользователем по странице;
- Содержание в виде значка, который перемещается вместе с пользователем и открывает содержание по клику.
Команда дизайнеров посчитала, что третий вариант самый удобный, так как он сохраняет навигационную ценность содержания и делает его доступным для пользователей во время чтения статьи. Мы получили положительные отзывы от других сотрудников, но будем рады услышать ваши отзывы о таком решении.
Галереи[]
Как уже говорилось выше, проблема с галереями была в отсутствии подписей для изображений или искажения самих изображений. Здесь мы также рассмотрели несколько вариантов дизайна для галерей:
- Вертикальный "список" изображений с фиксированной шириной и переменной высотой.
- Мозаика из изображений в два столбца с вертикальной прокруткой, переменной высотой и фиксированной шириной.
- Мозаика из изображений в два столбца с вертикальной прокруткой, фиксированной высотой и фиксированной шириной.
Дизайнеры остановились на втором варианте, который вы видите на изображении. По нашему мнению, это наилучшее сочетание качества и количества изображений, без обрезки под конкретный размер и искажений, с чёткими подписями.
Лайтбокс[]
Эта функция позволяет пользователям просматривать большие изображения, читать описание, переходить к другим изображениям, узнавать информацию о лицензировании. Сейчас такого нет на Gamepedia совсем и только частично реализовано на мобильном скине Фэндома. Вместо того, чтобы отправлять участника на отдельную страницу с изображением, пользователь увидит это всплывающее окно, где может взаимодействовать с изображением. Это значительное улучшение, особенно для википроектов, где много изображений.
Отзывы[]
Чтобы оставить отзывы о FandomMobile, напишите в поддержку или оставьте сообщение на сервере Дискорд. Мы рады услышать ваши отзывы и конструктивную критику о новом мобильном скине!