Появление мобильных устройств в качестве доминирующей платформы для онлайн-активности всех видов означает, что как никогда важно обратите на это особое внимание. Этот сдвиг в привычках пользователей подчеркивает изменение того, как люди потребляют контент в целом, что им нравится и как они с ним взаимодействуют. Чтобы отразить это и удовлетворить потребности и желания вашей аудитории, необходимо тщательно продумать, как ваш онлайн-контент представлен на мобильных устройствах. Это будет включать как технические, так и творческие элементы в равной мере, и есть много аспектов, которые вы, возможно, захотите рассмотреть - здесь мы говорим о важности хорошего взаимодействия с пользователем и о том, как лучше всего этого достичь.
Пользователь опытом
Как упоминалось ранее, пользователи потребляют контент на мобильных устройствах совершенно иначе, чем на настольных компьютерах. Например, часто они будут в движении, у них мало времени или они будут выполнять несколько задач одновременно, и, конечно же, они будут читать на гораздо меньшем экране. Короче говоря, они ищут удобство и ясность информации. Следовательно, чтобы представлять действительно удобный для мобильных устройств контент, пользовательский опыт должен быть во главу угла вашего подхода.
- Быстрые заголовки. С меньшим экраном пространство в большом почете. Не тратьте зря на длинные заголовки - вырежьте ненужные слова-вставки и сделайте их четкими и точными. Это служит двойной цели: заинтересовать людей и сэкономить ценное место на экране.
- Продолжайте прокручивать. Прокрутка вниз для дальнейшего чтения кажется более естественной и гораздо менее трудоемкой, чем загрузка новой страницы. Если ваш контент действительно должен быть разбит на страницы, сделайте это как можно проще, разрешив пролистывание или, по крайней мере, легкодоступную ссылку на следующую страницу.
- Прямой стиль. Как и в случае с заголовками и заголовками, любой письменный контент должен иметь в виду короткие промежутки времени.
- Мультимедиа. Хотя видео, аудио и изображения .gif - отличные способы привлечь пользователей, они должны быть необязательными, чтобы избежать наказания за небольшие объемы данных.
- Сжатие изображений. Сведите размеры файлов к минимуму, чтобы сократить время загрузки страницы, и будьте осторожны, задавая размеры, подходящие для мобильных дисплеев.
Мобильный сайт или адаптивный дизайн?
Что касается макета вашего сайта, существует два основных варианта доставки контента в удобном для мобильных устройств виде: отдельный мобильный сайт (например, «m.website.com») или адаптивный веб-дизайн. Оба метода могут помочь в достижении вышеупомянутых целей взаимодействия с пользователем, но последний более эффективен, чем последний.
Если раньше мобильные сайты были популярны, то сейчас множество веских причин бросить их. Для начала намного сложнее поддерживать два отдельных сайта, часто с одинаковым контентом - вы не можете уделять одинаковое внимание обоим. Хотя веб-пространством управлять становится все проще, с пакетами хостинга от признанные компании, такие как 1 & 1, чем больше вы сможете сосредоточить свои усилия, тем лучше. Кроме того, m.site требует перенаправления с вашего основного сайта, что в корне плохо для SEO и может повредить вашему рейтингу в Google.
Адаптивного дизайна позволяет избежать этих проблем, позволяя применять разные правила CSS к одному и тому же базовому HTML-коду в зависимости от используемого устройства. Используя метатег name = ”viewport”, вы можете указать браузерам, как настроить размеры вашего контента, чтобы он масштабировался более подходящим образом. Ключевым преимуществом здесь является его гибкость по сравнению с m.site - нет необходимости переделывать всю страницу для практически одинакового содержания, а переход с настольного компьютера на мобильный выполняется для пользователя без проблем.
Более того, вы сохраняете возможность использования единого URL-адреса, что значительно упрощает межплатформенный обмен и позволяет ботам сканировать ваш сайт. Благодаря этим преимуществам унифицированный подход адаптивного веб-дизайна - это путь вперед для мобильных пользователей.