Мобильная версия сайта vs адаптивная верстка: отличия, плюсы и минусы

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

Все это ведет к простому выводу: пора задуматься о том, чтоб адаптировать свои сайты под все устройства. Выхода два: либо мы прибегаем к адаптивной верстке, либо создаем для сайта отдельную мобильную версию.

Что выбрать и в чем здесь нюансы? Разбираемся.

Что говорят исследования

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

Уже сейчас почти половина всего трафика приходится на мобильные устройства

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

Как показано ниже, доходы от мобильной рекламы оказались более устойчивы к событиям 2020 года, чем доходы от рекламы, просмотренной на планшетах, настольных компьютерах и ноутбуках. Эти данные я взял из исследования eMarketer об изменении доходов и CPM за неделю карантина в сравнении с предыдущей.

Неудивительно, что доходы от рекламы на коммерческом телевидении резко выросли во время самоизоляции

Интересно, что это не предел.

Прогноз Ericsson Mobility Report по мобильному трафику говорит, что он увеличится на 25 % к 2025 году. По их мнению, это должно произойти за счет увеличения просмотров видео и потоковой передачи данных на мобильных устройствах.

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

Но все это, конечно, совсем не значит, что надо сосредоточиться на одних смартфонах.

Исследование от Statcounter по трафику с компьютеров, планшетов и смартфонов показывает, что трафик делится примерно поровну: десктопы не слишком уступают мобильным устройствам. Аудитория, для которой компьютер – рабочий инструмент, предпочтет компьютеры телефонам.

На графике показана доля рынка компьютеров, мобильных устройств и планшетов в мире

Статистика ясно показывает, что игнорировать мобильные устройства никак нельзя, будь это создание сайта или построение стратегии продвижения в онлайне.

На что влияет адаптация под мобильные устройства

Основных вариантов адаптации сайта два, их я уже упомянул выше:

1. Отдельная мобильная версия сайта. На нее сервер перенаправляет тех пользователей, которые используют смартфоны. Обычно она размещается под отдельным URL-адресом: например – m.yoursite.ru или mobile.yoursite.ru.

2. Адаптивная верстка. Здесь нужно будет внести изменения в CSS и HTML. Для этого обращаются к программисту или верстальщику. URL-адрес сайта не меняется, контент тоже.

Выбор между мобильной и адаптивной версткой будет иметь последствия для:

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

2. SEO. Мобильная версия оптимизируется и продвигается отдельно от основного сайта.

3. Стоимости. Разработка мобильной версии дороже, чем адаптация сайта.

4. Создания, обслуживания и управления контентом. Часто для мобильной версии сайта пишут контент отдельно. Например, чтобы повысить скорость загрузки страниц.

Посмотрим на плюсы и минусы каждого варианта. Выскажу субъективное мнение, а выводы делайте сами.

Что такое мобильная версия сайта

Например, хорошие варианты мобильных сайтов – Etsy и BuzzFeed. Крупные картинки, читабельный шрифт, не слишком много контента на одном экране

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

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

Контент и функции в мобильной версии подбирают так, чтобы обеспечить оптимальное взаимодействие. Чтобы сделать это правильно, ответьте себе на несколько вопросов:

1. Какие блоки в десктопной версии служат больше для декорации? Часто это опросники, слайдеры, украшения сайдбаров. Их лучше безжалостно убрать, чтобы не всплыли какие-нибудь баги и чтобы все графические элементы нормально прогружались. Скажем, вместо анимированного меню разместите статическое. Оно, конечно, выглядит не так эффектно, зато страница в итоге загружается быстрее. Еще один хороший пример – 3D-модели товаров, которые отлично смотрятся в десктопе, но смартфоны их уже не тянут.

2. Что важно оставить? Обычно – форму обратной связи, кнопки соцсетей и подписки, рекламу.

3. На что посетители почти не реагируют? Ответить на вопрос помогут карты поведения пользователей на сайте. Например, отслеживание можно включить в «Яндекс.Метрике» и Google Analytics. Элементы, которые активны меньше других, тоже можно спрятать.

Для активации понадобится скопировать и установить код счетчика на сайт

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

Читайте также: Что такое гибрид сайта и мобильного приложения PWA и SPA

Что такое адаптивный сайт

Сайт адаптируется к устройству, с которого заходит пользователь. И с компьютера, и телефона содержание сайта будет одним и тем же, так как загружается один HTML-код, который по-разному отображается на десктопе и смартфоне.

Картинки и текстовые блоки масштабируются под любой тип экрана. Например, контент будет отображаться тремя столбцами для ноутбука, двумя – для планшета, одним – для смартфона.

Пример адаптивного дизайна на сайте Wildberries

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

1. Flash. Flash-содержимое считается потенциально опасным из-за мошенников, которые могут распространять через него вредоносный код. Именно поэтому на «Странице общей информации Adobe Flash Player EOL» сейчас висит новость о том, что Adobe прекращает поддержку плеера 31 декабря 2020 года. Ему на смену пришел HTML5 – язык разметки с поддержкой тегов отображения визуального содержимого. Упомянуть о flash-контенте стоит хотя бы потому, что его до сих пор используют на многих сайтах (например, в играх во «ВКонтакте»).

2. Java-апплеты. Апплет – это Java-программа, которая запускается в веб-браузере. Но в Android Java работает не на JVM (Java virtual machine), а на Dalvik VM. Приложения на Java могут быть написаны для Android, но они преобразуются во время компиляции в Delvik. Delvik – это регистровая виртуальная машина для выполнения программ, которая необходима для работы операционной системы Android. Если коротко – Java-апплеты не поддерживаются как на Android, так и на iPhone.

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

Причем в мобильной выдаче «Яндекс.Видео» ролики, которые не поддерживают HTML5, а работают только с Flash, вовсе не показываются, потому что большинство современных мобильных браузеров не могут их воспроизвести.

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

Например, частая ошибка – расположение двух кнопок слишком близко друг к другу. Стоит промахнуться в несколько пикселей, и вы попадаете совсем в другое меню. Хорошо демонстрирует неудачное решение панель для выбора мест в кинотеатре на мобильной версии сайта «Афиша».

Плохое качество хорошо запоминается. Сейчас это неудобство уже исправили – изображение можно увеличить

Адаптивный сайт важно протестировать на всех типах экранов, чтобы избежать негативного пользовательского опыта.

Чем отличается SEO-оптимизация мобайл-версии от адаптива

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

В случае с мобильной версией надо:

1. Сообщить о родственности мобильного и основного сайтов «Яндексу» и Google, прописав атрибуты rel=alternate и rel=canonical. Атрибут rel=canonical устраняет дубли, объединяя одинаковые страницы, и этим улучшает ранжирование сайта. Благодаря атрибуту rel=alternate роботы поисковых систем могут идентифицировать мобильную версию сайта и показывать посетителям релевантный контент. «Яндексу» хватит rel=alternate, для Google нужны оба. Их важно прописать в теге <head> каждой страницы основного сайта со ссылкой на соответствующую страницу мобильной версии.

2. Разместить мобильную версию на поддомене основного сайта. Благодаря этому робот сможет корректно определить, что у yoursite.ru есть мобильная версия m.yoursite.ru.

3. Создать отдельный файл robots.txt, который должен быть доступен по адресу m.yoursite.ru/robots.txt. В файле запретить обход служебных страниц, указать на адрес Sitemap (его тоже надо создать отдельно для мобильного поддомена).

4. Установить редирект на мобильную версию в зависимости от User agent устройства пользователя. Если посетитель случайно зайдет со смартфона на основной сайт, то моментально будет перенаправлен на m.yoursite.ru. Так надо сделать для каждой страницы сайта. Например, редирект с yoursite/products.ru должен указывать на m.yoursite/products.ru, а не просто на главную страницу – m.yoursite.ru.

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

В «Рекомендациях по индексированию с приоритетом мобильного контента» указано, что с 1 июля 2019 года оно включено по умолчанию. Это называется Mobile-First Index.

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

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

Кстати, в статье от техподдержки «Яндекса» «Как сделать сайт действительно удобным для мобильных устройств» говорится о том, что поисковые роботы воспринимают все виды адаптации с одинаковым приоритетом. В общем, все то же самое.

Выбор – за веб-мастерами.

В чем плюсы и минусы мобильной версии

Несомненные достоинства мобильной версии:

1. Скорость. Можно существенно облегчить сайт, что благоприятно скажется на скорости загрузки страниц.

2. Юзабилити. Так как дизайн рисуется отдельно от основного сайта, можно максимально удобно расположить блоки, адаптировав их расположение под мобильные устройства.

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

4. Экономия трафика. Это серьезный плюс для аудитории, которая сидит в интернете с мобильных устройств.

5. Мобильный контент. Контент можно подбирать без оглядки на основной сайт в поисках тонкой грани между коротко и скудно. Хотя это и противоречит рекомендации Консорциума всемирной паутины (W3C) о публикации одинакового контента для всех устройств.

Недостатки тоже есть, и их немало:

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

2. Большие расходы. Разработка и поддержка отдельной версии сайта требует дополнительных расходов времени и денег.

3. Подходит не всем. Есть основной сайт, есть его мобильная версия. Но еще есть телевизоры, планшеты, дисплеи Retina – как быть с ними? На других экранах сайт может отображаться некорректно. Чаще всего так и бывает.

В чем плюсы и минусы адаптивной верстки

Главные преимущества адаптивных сайтов:

1. Собственно, адаптивность. Такой сайт подстраивается под любой размер экрана при помощи метатега viewport. Он содержит все необходимые инструкции для браузера по масштабированию для разных устройств.

2. Отсутствие редиректов. Когда URL-адрес один для пользователей любых устройств, это значительно экономит время и деньги владельца сайта: контент один для всех, нет дополнительных забот для SEO-специалистов.

3. Экономия времени и средств. Быстрая и удобная разработка. Благодаря современным технологиям и фреймворкам – например, BootStrap или Foundation – нет нужды переписывать весь код сайта, достаточно прописать стили в CSS и вставить необходимые операторы.

Но и недостатки тоже есть:

1. Медленная загрузка страницы. Стили и скрипты, которые не используются в мобильной версии, все равно будут загружаться и влиять на скорость. Поэтому для интернет-магазинов с большим ассортиментом товаров мобильная версия сайта предпочтительнее. Хотя с нормальным 4G-соединением эта проблема не слишком заметна. Каналы шириной 40–60 Мбит/с зачастую работают лучше, чем домашний интернет.

2. Отсутствие выбора. С адаптивного сайта пользователь не сможет перейти на полную версию в отличие от мобильного варианта, где выбор есть.

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

Что такое динамический показ

Есть еще вариант адаптивного дизайна – RESS (Responsive Design + Server Side), или динамический показ.

Динамический показ – это когда со стороны сервера приходит HTML-код, адаптированный под конкретное устройство. То есть для ноутбука, смартфона или планшета загружается разный HTML и CSS, при этом сохраняется один URL-адрес. Казалось бы, идеально. Но нет.

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

Уходят и время, и деньги, поэтому такое решение подходит далеко не всем проектам.

Читайте также: Как увеличить скорость загрузки сайта и от чего она зависит

Так что же выбрать?

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

Но представьте на минуту другой блог. С черным фоном и мигающими изображениями, где при прокрутке каждый раз появляется новое всплывающее окно. Так, что вы даже не можете прочитать, на что нажали.

Это все – пользовательский опыт (UX – user experience). UX – это то, как вы относитесь к тому или иному интерфейсу. И его тоже надо учитывать, когда вы выбираете, как именно адаптировать ваш сайт.

Не только Google – весь мир движется к принципу Mobile-First.

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

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

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

При помощи калькулятора для расчета стоимости digital-услуг на сайте Workspace вы узнаете примерную стоимость выполнения работ, и сможете уточнить все детали со специалистом, выбрав его в разделе с вакансиями и резюме IT-специалистов.

Workspace.LIVE — мы в Телеграме

Новости в мире диджитал, ответы экспертов на злободневные темы, опросы, статьи и многое другое.
Подписывайтесь:
https://t.me/workspace

как довести пользователя до покупки, часть первая — Дизайн на vc.ru

Мы в Mojo много писали про интернет-магазины, но это ещё не весь Commerce. Настало время сменить «e» на «m» и поговорить о мобильных интерфейсах. В этой статье сосредоточимся на минусах смартфонов, особенностях разработки контента и нюансах мобильного чек-аута.

9315
просмотров

В прошлом цикле мы дали матчасть по дизайну десктопной версии. Если ещё не читали — самое время. При классическом подходе большинство проблем мобильная версия заимствует у «настольной».

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

Обещали — выполняем. Спустя 3 месяца. Лучше поздно, чем никогда.

Трафик ≠ продажи

С мобильных устройств идёт 65% всего трафика электронной коммерции, но конверсии в продажи отстают.

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

14% пользователей считают покупки с десктопа безопаснее. Retail Systems Research: 2020 Retailer Website Performance Evaluation

Размер имеет значение

Размер мобильных устройств — основной барьер для работы с сайтами. Даже дисплей с диагональю почти 7″ не сравнится с компьютерным монитором.

Vivo Nex 3 Liveinternet

Экран «мобилки» вмещает меньше контента. С телефонов пользователи дольше читают тексты свыше 400 слов. Им чаще приходится напрягать кратковременную память, чтобы вспомнить предыдущий абзац.

Средние оценки понимания прочитанных простых и сложных статей по устройствам. Nielsen Norman Group

Прерывистое восприятие. Смартфону труднее удерживать внимание пользователя — людей отвлекают события во внешней среде.

Нельзя работать со множеством вкладок на одном экране одновременно. Одна страница сайта должна вмещать решение всех пользовательских задач.

Сенсорный экран. Если на дисплее много активных элементов, их легче случайно задеть. Кроме того, сенсор реагирует не только на касание пальцев.

Переменная мощность сигнала. Качество связи не на высоте даже в крупных городах. Сигнал пропадает в общественном транспорте, подземных переходах, магазинах. Я ежедневно вижу 3G «с двумя палочками» в некоторых районах.

Каждая загрузка страницы заставляет ждать, а люди этого не любят.

Если ваш интернет-магазин грузится дольше 3 секунд, то половина покупателей уйдет к конкурентам.

Немного о плюсах

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

Отдельная радость — мобильные платежи. Минимум действий — взять телефон и набрать небольшой текст. Кроме того, обработку данных из SMS можно полностью автоматизировать.

Mobile first

Mobile first подход — это разработка интерфейсов продуктов, в первую очередь, для смартфонов.

Количество мобильных пользователей растёт каждый год — только за 2019 прибавилось 124 миллиона. Трафик десктопа падает, поэтому дизайнеры используют Mobile First. Тренд на него задал Google в 2015 году, когда внедрил новый алгоритм ранжирования, и сайты без мобильной версии начали терять позиции в поисковой выдаче.

Трафик десктопа упал на 6,8% с декабря 2018 года. Digital 2020: Global digital overview

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

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

Не стоит забывать, что Mobile First — это не только mobile. Пользователи не оценят перенос неадаптированной мобильной версии на другую платформу.

Mobile First = Content First

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

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

Сайт для «Ювелирторга» Mojo

Баннерная слепота

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

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

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

Размер кликабельных элементов

Какой-то универсальной формулы расчёта не существует. Или мы о ней не слышали. На просторах интернета много гайдлайнов, но рекомендации в них различаются. Если вы владеете тайным знанием — моргните два раза в комментариях.

В своей практике мы используем элементы не меньше 40х40 px, но на должность последней инстанции не претендуем.

Оформление заказа

Про корзину, в том числе в «мобилке», мы уже рассказывали. Добавим несколько рекомендаций:

Разрешите пользователям удалять товары, устанавливая «0» напротив позиции. Это достаточно распространенный паттерн поведения.

В мобильной версии HP можно убирать товары из корзины, выбирая «0», но отсутствие контрастной кнопки «удалить» — не лучшее решение.

Добавьте возможность восстановить товар в корзине. Не заставляйте пользователей снова искать карточку товара в магазине после случайного удаления.

«Связной» предлагает отменить удаление товара.

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

Промокоды

Распространено мнение, что не стоит добавлять промокод на страницу оформления заказа. Это может увести человека в гугл на поиски бонусов. Пользователь прервёт завершение покупки и, возможно, не вернётся к ней уже никогда.

Можно добавить скидку прямо в корзину.

Lamoda автоматически применяет скидку при добавлении товара в корзину.

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

Отчёт о заказе

Люди не любят неожиданности в чеке. Когда расходы внезапно увеличиваются, пользователи бросают свои корзины и ищут товары в другом месте. Каждая оставленная покупка — неполученная прибыль.

Покажите итог заказа на видном месте вверху страницы завершения покупки.

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

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

Заполнение полей

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

Уберите все опциональные поля, сведите их общее количество к минимуму, обеспечьте автоматическое заполнение. Ответьте на вопрос: «зачем бизнесу эта информация?», прежде чем вставить новую форму. Если ответ покажется неубедительным для вас — пользователь тем более сочтёт эту строку лишней.

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

Люди беспокоятся о конфиденциальности, поэтому не любят оставлять свои данные.

Количественное исследование Baymard, проведенное среди более чем 2800 онлайн-покупателей.

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

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

Кстати, Эндрю Койл опубликовал обновлённый список практик оформления полей. Это must-read для владельцев бизнеса, маркетологов и веб-дизайнеров.

Используйте маски ввода

Примера форматирования у поля недостаточно. Пользователи всё равно будут совершать ошибки.

Маска ввода номера телефона заранее даст понять, нужно ли указывать код страны, города и т.д.

Поле номера карты лучше форматировать маской с пробелами.

Есть региональные различия в вводе данных. Например, формат даты в США — ММ/ДД/ГГ, в Европе — ДД/ММ/ГГ, а в Канаде и Японии — ГГГГ/ММ /ДД.

Длина телефонных номеров в разных странах отличается: в Германии номера от 7 до 11 цифр, а код города варьируется от 2 до 5 цифр. Практически невозможно сделать маску ввода, которая верно отобразит ожидаемый пользователем формат. Учитывайте это, если работаете на международном рынке.

Используйте календари для выбора диапозона дат или близких событий, например, желаемого дня доставки. Оставьте возможность ввести дату вручную, если пользователю так удобнее.

Для каждого поля выберите правильную клавиатуру.

Используйте цифровую клавиатуру для банковских карт или номеров телефонов. Для электронных адресов используйте буквенную клавиатуру с символами «@» и «.». Также должны быть стрелки вверх и вниз, чтобы облегчить быстрый переход к другим формам.

Обеспечьте автоматическое заполнение полей на основе сохраненных данных пользователей.

Способы оплаты

Предоставьте широкий выбор платежей. Так вы обратитесь к более широкой аудитории и гарантируете, что люди не откажутся от покупок.

Интернет-магазины редко принимают оплату за рамками банковских карт и PayPal.

Важно, чтобы интернет-магазин поддерживал мобильные платежи. В России популярны ApplePay, GooglePay, SamsungPay и бесконтактные кошельки. На зарубежном рынке предложений ещё больше.

Итоги

• с мобильных устройств покупать сложнее;
• при работе с контентом помните о баннерной слепоте и размере кликабельных элементов;
• выделяйте все дополнительные расходы и бонусы в саммари заказа;
• сохраняйте данные: кто владеет информацией — тот владеет сердцами покупателей;
• заполняйте поля за пользователей там, где это возможно, но не усердствуйте;
• не спрашивайте лишнего;
• интегрируйте мобильные системы платежей в интернет-магазин.

Мобильную навигацию оставили на вторую часть. Статья про неё уже в ближайшее время — подписывайтесь на Mojo, чтобы не пропустить.

Определение мобильной версии | Law Insider

• имеет значение, приписываемое этому термину в NI 41-101, и включает в себя любую пересмотренную версию шаблона маркетинговых материалов, предусмотренную NI 41-101;

• означает сеть(и) мобильной связи, через которую предоставляются Услуги InControl;

• означает мобильное телефонное устройство, которое Вы используете для получения Одноразового кода доступа.

• означает мобильное приложение, предоставляемое Universe Silver в Apple App Store1 и Google Play Store2, где доступна определенная информация о вашей Учетной записи. Стандартные тарифы на передачу данных и текстовые сообщения могут применяться вашим оператором сотовой связи для использования мобильного приложения.

• означает любое оборудование, устройство или другое подобное устройство, способное двигаться самостоятельно и используемое для выполнения строительных работ на строительной площадке;

• означает специализированную программу, загруженную на устройство беспроводной связи.

• означает автомобиль, внедорожный двигатель или внедорожное транспортное средство. Автомобиль – это самоходное транспортное средство, предназначенное для перевозки людей или имущества по улице или шоссе. Внедорожник – это транспортное средство, приводимое в движение внедорожным двигателем. Внедорожный двигатель — это двигатель внутреннего сгорания, который не используется в автомобилях или транспортных средствах, используемых исключительно для соревнований, или на который не распространяются стандарты, опубликованные в соответствии с разделом 111 или разделом 202 Закона.

• означает любой из следующих типов наземных транспортных средств, включая любые прикрепленные машины или оборудование:

• означает вычислительное устройство, обычно меньшего размера, чем ноутбук, на котором установлена ​​мобильная операционная система, такая как iOS, Android или Windows Phone. К мобильным устройствам относятся смартфоны, большинство планшетов и устройства других форм-факторов.

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

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

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

• означает сеть связи, принадлежащую или арендуемую BT и используемую для предоставления Услуги.

• означает любое имя пользователя, присвоенное Клиенту для доступа к Услугам;

• означает любой горючий материал, предназначенный для нанесения, включения, добавления или использования с древесным углем для усиления воспламенения. «Материал для угольной зажигалки» не включает ничего из следующего: (A) электрические стартеры и зонды, (B) металлические цилиндры с использованием бумажного трута, (C) природный газ,

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

• имеет значение, указанное для этого термина в Законе о контроле;

• Документа означает любую работу, содержащую Документ или его часть, либо скопированную дословно, либо с изменениями и/или переведенную на другой язык.

• означает безалкогольные напитки, содержащие натуральные или искусственные подсластители. «Безалкогольные напитки» не включают напитки, содержащие молоко или молочные продукты, сою, рис или аналогичные заменители молока, или содержащие более пятидесяти процентов овощного или фруктового сока по объему.

• означает рентгеновское оборудование, установленное на постоянном основании с колесами и/или роликами для перемещения в полностью собранном виде.

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

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

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

• означает Комплект для разработки программного обеспечения JetBrains Rider и, в частности, любые связанные файлы программного обеспечения JetBrains Rider, документацию, программный код или другие материалы, предоставленные JetBrains и любыми сторонними программами, которые принадлежат и лицензируются сторонами, отличными от JetBrains и которые либо интегрированы с SDK, либо являются его частью (совместно именуемые «Стороннее программное обеспечение»).

• означает транспортное средство, не предназначенное для перевозки людей или

• означает услугу радиосвязи, осуществляемую между подвижными станциями или приемниками и наземными станциями, а также подвижными станциями, осуществляющими связь между собой, и включает (a) услуги как односторонней, так и двусторонней радиосвязи, (b) подвижную услуга, которая обеспечивает регулярно взаимодействующую группу базовых, мобильных, переносных и связанных с ними станций управления и ретрансляции (независимо от того, лицензированы ли они на индивидуальной, совместной или множественной основе) для частной односторонней или двусторонней наземной подвижной радиосвязи правомочными пользователями через обозначенные области деятельности и (c) любую услугу, для которой требуется лицензия в службе персональной связи, созданной в соответствии с разбирательством Федеральной комиссии по связи, озаглавленным «Поправка к правилам Комиссии по созданию новых служб персональной связи» (Досье GEN № 9). 0-314; ET Docket No. 92-100) или любое последующее производство.

Статья о мобильной+версии из The Free Dictionary

Мобильная+версия | Статья о мобильной+версии The Free Dictionary

Мобильная+версия | Статья о мобильной+версии The Free Dictionary

Слово, не найденное в Словаре и Энциклопедии.

Возможно, Вы имели в виду:

Пожалуйста, попробуйте слова отдельно:

мобильный
версия

Некоторые статьи, соответствующие вашему запросу:

• Opera Mobile
• Завоевание Крайона
• Дело о серийном убийстве в Портопии

• Internet Explorer Mobile
• Microsoft Reader
• SQL Anywhere

• EBuddy
• Slingbox
• .NET Compact Framework

• NOD32
• Встроенная Windows
• Microsoft Office Mobile

• NOD32 Signature Search Engine
• Rush’n Attack
• Final Fantasy Anthology

Не можете найти то, что ищете? Попробуйте выполнить поиск по сайту Google или помогите нам улучшить его, отправив свое определение.

This entry was posted in Популярное