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