ФЭНДОМ


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

Несколько советов

  • Чтобы увидеть, как отображаются страницы вашей вики в мобильном браузере, зайдите на нее со смартфона. Или вы можете дописать к URL ?useskin=mercury, при этом измените размер окна браузера, чтобы он был маленьким, как у экранов телефона. Как правило, размер экрана составляет 320 x 480 px.
  • Важно понимать, что страницы вашей вики должны быть понятными, простыми и гибкими. Чем меньше сложных кодов используется, и чем более простой макет у страниц, тем лучше ваша вики будет подстраиваться под различные платформы.
  • Уделите особенное внимание тому, что находится в верхней части страницы. На экране смартфона гораздо меньше места для контента, а потому пользователи мобильных в первую очередь увидят то, что находится на самом верху.
  • Изображения должны располагаться рядом с соответствующим текстом. Иногда пользователи помещают картинки в другие разделы, но на экране компьютеров все выглядит хорошо. Тем не менее на смартфонах все будет совершенно не так, и картинки могут быть совершенно не к месту. Помните, что размер текстового контента изменится, а картинки, если они шире, чем 30px, растянутся на всю ширину экрана. Если картинки расположены рядом или в галерее, читатели увидят только первую из них, а нажав на нее, они смогут просмотреть остальные. Это сделано, чтобы читатели не видели перед собой бесконечную череду картинок. А потому, если у вас есть любимое изображение, помещайте его первым в галерею.
  • Наконец, обратите внимание на навигацию. Скорее всего, читатели будут исследовать содержимое вики с помощью нее. А потому приведите навигацию в порядок, и дайте ссылки на наиболее важные статьи и систематизируйте их должным образом.

Чего стоит избегать

  • На некоторых вики в начале статей располагается ряд шаблонов-плашек и других предупреждений для участников. Это усложняет просмотр страниц для пользователей мобильных. Читатель хочет узнать информацию о персонаже, и ему неинтересны все эти предупреждающие шаблоны. Мы рекомендуем переместить плашки на страницы обсуждений или обновить правила вики. В верхней части страницы должна располагаться та информация, которая побудит посетителя вики продолжать читать. Если же ваше сообщество настаивает на необходимости данных шаблонов в статьях, то убедитесь, что им присвоен тип шаблона «Информационные шаблоны», чтобы пользователи мобильных устройств их не видели.
  • Мы рекомендуем внимательно относится к использованию таблиц. С помощью них удобно упорядочивать данные, но их отображение далеко от идеального. Страницы с таблицами гораздо менее гибкие, чем без них, и их сложно отобразить корректно. Многие таблицы слишком широкие, и, чтобы их просмотреть, приходится использовать полосу прокрутки. Попробуйте использовать вместо таблиц другие инструменты, например слайдеры, галереи или теги div. Они более гибкие и подстраиваются под разную ширину экрана.
  • Навбоксы предназначены для широких экранов, и в портретной ориентации они отображаются плохо. Постарайтесь сократить количество навбоксов. Используйте их в тех случаях, когда помещения статей в соответствующую категорию недостаточно. И убедитесь, что навбоксам присвоен соответствующий тип шаблона.

Помните

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

См. также

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