Чем мобильные веб-страницы отличаются от обычных веб-страниц?

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

Размер экрана и «Недвижимость» разные

Это самая очевидная разница между настольными и мобильными веб-страницами. Хотя большинство настольных мониторов имеют диагональ от 19 до 24 дюймов, планшеты обычно имеют диагональ 10 дюймов. Смартфоны имеют диагональ 4 дюйма. Простое уменьшение масштаба не приводит к успешному преобразованию веб-страницы в мобильную, поскольку это только делает текст нечитаемым. Точно так же, касание пальцем становится невозможным для точного выполнения на уменьшенной веб-странице. Мобильные веб-дизайнеры на самом деле должны изменить весь свой подход к макету страницы. Обычно дизайнерам необходимо удалять боковые панели и ненужные изображения, выбирать меньшие изображения, увеличивать размер шрифта и сворачивать содержимое в расширяемые виджеты. Это ограничение в сфере недвижимости привело к совершенно другому типу мышления среди веб-дизайнеров.

Виджеты и «Слайдеры» в; Боковые панели и пробелы отсутствуют

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

Нажатие пальца менее точно, чем нажатие мыши

В отличие от точного указателя мыши на вашем рабочем столе, человеческий палец – это капля, а касание пальцем требует больших целей на экране для гиперссылок. Ожидайте увидеть больше крупных прямоугольных целей («плиток») на мобильных веб-страницах и меньше текстовых гиперссылок. Кроме того, меню часто заменяют большими кнопками и большими вкладками, чтобы приспособиться к неточности касаний пальцами.

URL мобильной страницы отличается

Мобильные веб-страницы обычно включают букву «м» в качестве значительной части своего адреса. Мобильный URL-адрес обычно выбирается автоматически, когда вы работаете с мобильным планшетом или смартфоном. В некоторых случаях вы увидите ссылку, которая позволяет переключаться на обычную настольную версию страницы.

Реклама либо сокращена, либо удалена

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

Флажки и небольшие ссылки будут разочаровывать

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

Логины могут быть скрыты или слишком малы

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

Картинки становятся более выдающимися

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

Оцените статью
Solutics.ru
Добавить комментарий