Мобильные веб-страницы - уникальное животное. В отличие от настольных веб-страниц, которые предназначены для больших экранов и точного щелчка мышью, мобильные веб-страницы имеют размеры для меньших экранов и неточное прослушивание пальцев. Кроме того, современные веб-сайты обязаны публиковаться как в настольных, так и в мобильных форматах, что фактически требует, чтобы каждая веб-страница создавалась дважды.
01 из 08Размер экрана и «Недвижимость» различны
Это самая очевидная разница между настольными и мобильными веб-страницами. В то время как большинство настольных мониторов имеют диагональ от 19 до 24 дюймов, таблетки обычно диагональю 10 дюймов. Смартфоны имеют диагональ 4 дюйма. Простое масштабирование не позволяет конвертировать веб-страницу в удобную для мобильных устройств, так как это делает текст нечитаемым. Точно так же вырезка пальцев становится невозможной для точного отображения на увеличенной веб-странице. Разработчики мобильных веб-сайтов действительно должны изменить свой подход к макету страницы. Обычно дизайнеры должны удалять боковые панели и ненужные картинки, выбирать меньшие изображения, увеличивать размер шрифта и сворачивать содержимое в расширяемые виджеты. Это ограничение недвижимости привело к тому, что среди веб-дизайнеров появилось совершенно другое мышление.
Виджеты и «слайдеры» находятся; Боковые панели и пустое пространство
Вы можете ожидать, что большинство мобильных страниц будут удалять некоторые или все их навигационные ссылки на боковой панели и заменять их видными складскими / расширяемыми виджетами меню. Аналогичным образом, ожидайте, что слева и справа от содержимого не останется пустого места, а гораздо меньше пробелов, поскольку дизайнеры стремятся максимально использовать планшет и недвижимость для смартфонов.
Нажатие пальца менее точная, чем щелчок мышью
В отличие от точного указателя мыши на вашем рабочем столе, человеческий палец является блобом, а для прослушивания пальцев требуются большие цели на экране для гиперссылок. Ожидайте увидеть более крупные прямоугольные целевые точки («плитки») на мобильных веб-страницах и меньше текстовых гиперссылок. Кроме того, меню часто заменяются большими кнопками и большими вкладками, чтобы приспособить неточность пальцев.
04 из 08URL-адрес мобильной страницы отличается
Мобильные веб-страницы, как правило, включают букву «m» в качестве важной части ее адреса. Мобильный URL-адрес обычно выбирается автоматически, когда вы путешествуете с помощью мобильного планшета или смартфона. В некоторых случаях вы увидите ссылку, позволяющую переключиться на обычную версию настольной версии страницы.
05 из 08Реклама лимитируется или удаляется
Да, это замечательно для читателей, но это серьезная проблема с веб-рекламодателями. Поскольку на планшете или смартфоне меньше места, размещение толпы спонсируемых ссылок и крупных баннеров просто не работает. Вместо этого ожидайте увидеть специальные рекламные объявления с небольшим всплывающим окном на мобильных веб-страницах, часто в нижней части экрана. Другие умные типы рекламы меньшего размера разрабатываются по мере созревания мобильных устройств.
06 из 08Флажки и малые ссылки будут расстраивать
Когда веб-издатели не выполняют полную редизайн своего контента для небольших экранов, они часто вынуждают вас использовать наши пальцы типа blob, чтобы нажимать на маленькие маленькие флажки. Это заставляет пользователей использовать пробные ошибки и масштабирование, чтобы точно установить флажки.
07 из 08Вход в пароли может стать замаскированным или слишком мелким
Да, это современная досада со многими мобильными веб-страницами. Поскольку многие веб-издатели по-прежнему думают о 22-дюймовых экранах, они настроят вас на два неприятных мобильных впечатления: ваши поля для входа и пароля будут крошечными и труднодоступными, а ваша скользящая мобильная клавиатура будет закрывать ваши поля входа и пароля , Вам нужно будет адаптироваться с помощью масштабирования, чтобы сделать поля входа видимыми, и вам нужно будет прокрутить экран и выключить клавиатуру, чтобы открыть скрытые кнопки входа. Надеюсь, современные веб-издатели скоро найдут умный способ этого раздражения.
08 из 08Картинки становятся более заметными
Как правило, фотографии усохли, чтобы они поместились на меньших экранах. В некоторых редких случаях фотографии фактически расширяются, чтобы заполнить ширину планшета или дисплея смартфона.
