Comments 13
Почему статья о мобильном юзабилити начинается с 3-мегабайтной картинки в формате PNG?
Адаптивный сайт выигрывает перед мобильной версией (на отдельном поддомене вида m.site.ru). Его не нужно дополнительно администрировать, отсутствует проблема дублирования контента, используется один и тот же исходный код, что снижает расходы.
На самом деле просто меньше стали использовать домены вида m.site.ru, а у многих крупных интернет-магазинов мобильный сайт так и остался отдельным интерфейсом или отдельным приложением, просто выдается он по тому же самому адресу www.site.ru в зависимости от устройства пользователей.
Никакого дублирования контента или дополнительного администрирования в случае с мобильными сайтами и вовсе никогда не было. Мобильный сайт — это не второй сайт, это второй интерфейс, который использует ту же БД, тот же код, тот же API.
На самом деле просто меньше стали использовать домены вида m.site.ru, а у многих крупных интернет-магазинов мобильный сайт так и остался отдельным интерфейсом или отдельным приложением, просто выдается он по тому же самому адресу www.site.ru в зависимости от устройства пользователей.
Никакого дублирования контента или дополнительного администрирования в случае с мобильными сайтами и вовсе никогда не было. Мобильный сайт — это не второй сайт, это второй интерфейс, который использует ту же БД, тот же код, тот же API.
Про дублирование контента здесь упоминается именно с технической точки зрения. Например, две версии меню в коде. Одно показывается на десктопе, другое же есть в коде, но скрыто. Это ни хорошо, ни плохо, но имеет определенные особенности в поддержке и может быть чем-то обусловлено.
К сожалению, мир, в котором вокруг только адаптивные сайты — пока ещё не наступил. Очень много старых продуктов, которые имеют две версии и отдаются в зависимости от юзер-агента. И иногда пользователь планшета, у которого ширина экрана будет больше 1024px, получает кастрированную мобильною версию сайта.
Мы всячески призываем уделять внимание мобильному трафику и не обделять вниманием тех, кто посещает сайт с мобильных устройств. А вот на конкретном техническом решении настаивать трудно. Слишком много специфики проектов и слишком мало контекста для универсального совета.
К сожалению, мир, в котором вокруг только адаптивные сайты — пока ещё не наступил. Очень много старых продуктов, которые имеют две версии и отдаются в зависимости от юзер-агента. И иногда пользователь планшета, у которого ширина экрана будет больше 1024px, получает кастрированную мобильною версию сайта.
Мы всячески призываем уделять внимание мобильному трафику и не обделять вниманием тех, кто посещает сайт с мобильных устройств. А вот на конкретном техническом решении настаивать трудно. Слишком много специфики проектов и слишком мало контекста для универсального совета.
Отличный материал — спасибо! А на «Appify» и «Notifications» из критериев inflow не стали смотреть? Или посмотрели, и там 0/20 везде, поэтому не о чем писать?
Спасибо на добром слове)
Можно было и на эти факторы посмотреть, и на другие, и еще N штук добавить, да еще и магазины по отраслям разбить и в каждой по 20 штук проанализировать. Вопрос в ресурсах, чтобы все это обработать)
Мы выбрали, на наш взгляд, наиболее значимые факторы. Хотя, Notifications, наверное, стоило тоже добавить… Это все-таки важный момент.
Можно было и на эти факторы посмотреть, и на другие, и еще N штук добавить, да еще и магазины по отраслям разбить и в каждой по 20 штук проанализировать. Вопрос в ресурсах, чтобы все это обработать)
Мы выбрали, на наш взгляд, наиболее значимые факторы. Хотя, Notifications, наверное, стоило тоже добавить… Это все-таки важный момент.
Кликабельный номер телефона. На скрине сайт Ситилинка. Вот многомиллионная контора. Почему нельзя все довести до совершенства? Там же при такой посещаемости каждая задоринка — потенциально огромные убытки. Я впервые в жизни зашел на их сайт. Побыл там с минуту. Смотрел как сделан кликабельный телефон. Мои замечания по реализации такой ерундовой штуки:
1. «Почему tel:// вместо tel:»? В данном случае tel — это ключевое слово (mailto, skype, callto и пр.), а не протокол. tel: Нормально поймут все более-менее современные браузеры. В то время как tel:// многие из них попытаются открыть (Chrome — игнорирует, FF — открывает, IE — открывает, других у меня нет). И вылезет ошибка «Неизвестный тип адреса / Страница недоступна».
2. «Зачем вообще кликабельный телефон на десктопе»? Его можно сделать не кликабельным для ПК одной строчкой CSS. Или как вариант сделать для десктопов по клику опцию «перезвоните мне» — как в хедере у них же.
3. «Не все телефоны кликабельны». Был на их сайте впервые, провел там около минуты. Как минимум на страничке «Адреса магазинов» видел не кликабельные номера.
Такой крупный магазин. Не понимаю…
Что касается опции «добавить в корзину» на страничках каталога. Действительно, надо тестировать. И не всегда все однозначно. Как минимум, нужно учитывать сегментацию по типу устройств. У меня (по A/B) вышло:
1. На десктопах от этой кнопки только вред. Отказы ± те же. Просмотры и длительность сеансов при этом снизились на 9-10% (это теоретически может негативно влиять на поведенческие). Конверсия снизилась на 17,5%! Средний чек без изменений. Это жесть полная.
2. На планшетах отказы снизились примерно на 10% (неплохо). Просмотры страниц снизились, но где-то на 5%. Длительность сеанса упала на 12%. Почему просмотры и длительность сеансов меньше при лучших показателях отказов понятно: тем, кто определился с выбором не нужно заходить на карточку товара чтобы добавить его в корзину. Но меня все же тут волнуют поведенческие. Что интересно, конверсия при этом не поменялась. Средний чек так же без изменений.
3. На мобильных, как ни странно, показатель отказов снизился лишь на 2%. Просмотры страниц и длительность сеанса без изменений. Тут для меня загадка. Но при этом конверсии выросли на 8% (круто). А вот средний чек — вырос на невероятные 42%! Тут просто в шоке.
Так что все надо анализировать. И не по общим показателям, а смотреть по всем возможным разрезам. Конечно, это штука достаточно специфическая. Далеко не всем зайдет, а многим- только навредит серьезно.
1. «Почему tel:// вместо tel:»? В данном случае tel — это ключевое слово (mailto, skype, callto и пр.), а не протокол. tel: Нормально поймут все более-менее современные браузеры. В то время как tel:// многие из них попытаются открыть (Chrome — игнорирует, FF — открывает, IE — открывает, других у меня нет). И вылезет ошибка «Неизвестный тип адреса / Страница недоступна».
2. «Зачем вообще кликабельный телефон на десктопе»? Его можно сделать не кликабельным для ПК одной строчкой CSS. Или как вариант сделать для десктопов по клику опцию «перезвоните мне» — как в хедере у них же.
3. «Не все телефоны кликабельны». Был на их сайте впервые, провел там около минуты. Как минимум на страничке «Адреса магазинов» видел не кликабельные номера.
Такой крупный магазин. Не понимаю…
Что касается опции «добавить в корзину» на страничках каталога. Действительно, надо тестировать. И не всегда все однозначно. Как минимум, нужно учитывать сегментацию по типу устройств. У меня (по A/B) вышло:
1. На десктопах от этой кнопки только вред. Отказы ± те же. Просмотры и длительность сеансов при этом снизились на 9-10% (это теоретически может негативно влиять на поведенческие). Конверсия снизилась на 17,5%! Средний чек без изменений. Это жесть полная.
2. На планшетах отказы снизились примерно на 10% (неплохо). Просмотры страниц снизились, но где-то на 5%. Длительность сеанса упала на 12%. Почему просмотры и длительность сеансов меньше при лучших показателях отказов понятно: тем, кто определился с выбором не нужно заходить на карточку товара чтобы добавить его в корзину. Но меня все же тут волнуют поведенческие. Что интересно, конверсия при этом не поменялась. Средний чек так же без изменений.
3. На мобильных, как ни странно, показатель отказов снизился лишь на 2%. Просмотры страниц и длительность сеанса без изменений. Тут для меня загадка. Но при этом конверсии выросли на 8% (круто). А вот средний чек — вырос на невероятные 42%! Тут просто в шоке.
Так что все надо анализировать. И не по общим показателям, а смотреть по всем возможным разрезам. Конечно, это штука достаточно специфическая. Далеко не всем зайдет, а многим- только навредит серьезно.
Кликабельный номер телефона. На скрине сайт Ситилинка. Вот многомиллионная контора. Почему нельзя все довести до совершенства? Там же при такой посещаемости каждая задоринка — потенциально огромные убытки
ua30, рады вас снова видеть)
За каждым крупным магазином стоят живые люди. Ну вот, может, почитают нашу статьи и ваш комментарий, проникнутся и что-то изменят. Все же ради этого, правда?)
опции «добавить в корзину» на страничках каталога [...] Просмотры и длительность сеансов при этом снизились на 9-10%
Логичное следствие, как вы заметили, ведь с кнопкой вводится укороченный сценарий без посещения карточки товара. Сама по себе глубина просмотров (количество шагов со сменой URL) — устаревшая метрика, на мой взгляд вредная своим присутствием в методах анализа. Попытаться повысить ее вроде бы логично, убрав 1 ряд товаров из страницы секции. А динамическая подгрузка товаров снизит этот поведенческий показатель в разы.
Да, известно, что в хорошем дизайне пользователь своих целей достигает быстрее. Но «покупка товара» ошибочно считается целью 100 процентов сеансов 100% посетителей. Просто это цель магазина )
Спасибо за статью.
Было бы интересно почитать статью о сравнении ТОП интернет-магазинов в США и СНГ, чтобы понять насколько сильны отличия и понимать к чему стремится.
Было бы интересно почитать статью о сравнении ТОП интернет-магазинов в США и СНГ, чтобы понять насколько сильны отличия и понимать к чему стремится.
Спасибо и вам, что уделили время.
При написании статьи мы вдохновлялись похожим исследованием ТОП-20 западных магазинов. Вот ссылка на оригинальную таблицу: docs.google.com/spreadsheets/d/1V6t8wRx8zDNDyuORmzBINM6cbbWH4oGNiaBEpKMTFss/edit#gid=1381836197
Многие факторы мы брали отсюда — вы можете сравнить результаты. Если будут вопросы по конкретным факторам, задавайте, поможем разобраться.
При написании статьи мы вдохновлялись похожим исследованием ТОП-20 западных магазинов. Вот ссылка на оригинальную таблицу: docs.google.com/spreadsheets/d/1V6t8wRx8zDNDyuORmzBINM6cbbWH4oGNiaBEpKMTFss/edit#gid=1381836197
Многие факторы мы брали отсюда — вы можете сравнить результаты. Если будут вопросы по конкретным факторам, задавайте, поможем разобраться.
Sign up to leave a comment.
Мобильное юзабилити в e-Commerce: анализ ТОП-20 интернет-магазинов России