function fullHeightRow() { var fullHeight, offsetTop, element = document.getElementsByClassName('vc_row-o-full-height')[0]; if (element) { fullHeight = window.innerHeight; offsetTop = window.pageYOffset + element.getBoundingClientRect().top; if (offsetTop < fullHeight) { fullHeight = 100 - offsetTop / (fullHeight / 100); element.style.minHeight = fullHeight + 'vh' } } } fullHeightRow();

Лучшие практики проектирования мобильных домашних страниц

mobile homepage

Лучшие практики пользовательского опыта для мобильных пользователей - дизайн мобильных домашних страниц

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

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

Будьте проще

У ваших клиентов будут разные ожидания при посещении вашего сайта через мобильный телефон. Они могут спешить, находиться в движении или заниматься каким-либо другим видом деятельности, что означает, что им нужен быстрый и простой переход для достижения своей цели. Минимизируйте количество кликов, необходимых им для этого. Поскольку они также просматривают сайт на маленьком экране, стоит сделать домашнюю страницу простой. Откажитесь от огромных графических изображений, пресс-релизов и прочих несущественных элементов, которые май работают на "большом" сайте, но только мешают или создают путаницу и отвлекают на мобильном.

Связь с тем, что хочет клиент

Дизайн вашей мобильной домашней страницы должен отражать то, зачем клиент пришел на сайт. С нее пользователь должен иметь возможность попасть на такие важные страницы, как Поиск товара, Контакты, Местоположение (если у вас есть физическое помещение) и т.д. Текст ссылок должен быть простым, но не вызывать у клиента сомнений в том, на что он нажимает. Используйте аналитическое программное обеспечение для получения дополнительной информации о том, какие области контента пользуются популярностью, и укажите их в дизайне домашней страницы для мобильных устройств.

Сделайте навигацию линейной

Способ представления навигации также должен измениться. Поскольку экранное пространство ограничено, стандартная горизонтальная строка меню "большого" сайта становится тесной и часто неработоспособной при отображении на мобильных устройствах (например, в мобильных телефонах).синдром толстого пальцаКто-нибудь?). Ваши клиенты будут просматривать ваш сайт преимущественно в "портретном" формате, прокручивая его вертикально, хотя в Тестирование юзабилити мы действительно видим, что пользователи поворачивают смартфон горизонтально примерно 10% раз. Поэтому естественно, что ссылки вашего меню должны соответствовать этому. Линейная навигация с самыми важными кнопками в верхней части предлагает клиенту удобный и функциональный способ, с помощью которого он может найти нужный ему контент.

Будьте последовательны в выборе бренда

Четко обозначьте свой бренд в дизайне мобильной домашней страницы. Клиентам нужна уверенность в узнаваемых особенностях, которые прочно связывают мобильную версию вашего сайта с вашим брендом. Будь то цветовая схема, шрифт, основные функции или что-то другое, поддерживающее фирменный стиль основного сайта, последовательность повышает осведомленность, удовлетворяет существующую лояльность и создает в целом лучший пользовательский опыт.

Создайте лучший мобильный пользовательский опыт для ваших клиентов с помощью эффективного дизайна мобильной домашней страницы. Чтобы узнать, как это сделать, позвоните нам бесплатно по телефону 08000 246 247 или напишите нам по адресу hello@ux247.com.

Похожие посты

Оставить комментарий