[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-158433683", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=" } } ]
{ "author_name": "Alexander Lashkov", "author_type": "self", "tags": ["\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435_\u0441\u0430\u0439\u0442\u044b","\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435_\u0432\u0435\u0440\u0441\u0438\u0438_\u0441\u0430\u0439\u0442\u043e\u0432","\u043a\u0430\u043a_\u0441\u0434\u0435\u043b\u0430\u0442\u044c_\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439_\u0441\u0430\u0439\u0442"], "comments": 11, "likes": 15, "favorites": 1, "is_advertisement": false, "section_name": "default", "id": "4912" }
Alexander Lashkov
6 503

Как улучшить мобильную версию сайта: 10 полезных функций

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

Время работы ближайшего представительства

Американская сеть магазинов товаров для дома Lowe's реализовала в мобильной версии своего сайта функцию, позволяющую пользователю узнавать о времени работы ближайшего к нему магазина (местоположение покупателя определяется с помощью возможностей геолокации его смартфона).

Ключевые элементы интерфейса в верхней части страницы

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

Подсказки для неочевидных элементов интерфейса

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

Выделение популярных опций

Автомобильный бренд Kia на своем мобильном сайте в Великобритании подсвечивает в меню популярные и выгодные компании пункты, вроде скачивания рекламной брошюры, заказа тест-драйва и поиска адреса ближайшего дилера:

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

Ненавязчивое предложение о загрузке приложения

Британский ритейлер Argos предлагает посетителям своего мобильного сайта скачать специальное приложение. Оповещение сделано аккуратно, не отвлекает и не мешает пользователю перемещаться по сайту:

Резервирование товара в один клик

На том же мобильном сайте Argos пользователям предлагается активировать возможность резервирования товара в один клик (по-умолчанию эта возможность отключена):

Цветовая дифференциация элементов форм

Онлайн-магазин по продаже солнечных очков Warby Parker помогает своим мобильным пользователям сделать выбор, выделяя элементы форм разным цветом:

Крупный шрифт в меню

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

Социальные кнопки большого размера

Сайт другого онлайн-медиа — Huffington Post — для привлечения трафика использует социальные кнопки большого размера:

Кнопка для возврата наверх страницы

Британская сеть супермаркетов Sainsbury's на своем мобильном сайте реализовала кнопку для возврата в верхнюю часть страницы — пользователям мобильных устройств прокручивать страницу самостоятельно часто неудобно, а данная функция экономит силы и время.

#Интерфейсы #интерфейсы #мобильные_сайты #мобильные_версии_сайтов #как_сделать_мобильный_сайт

Статьи по теме
Подсказки в интерфейсе: как обучить пользователя и убедить его не удалять приложение
Когнитивная нагрузка: как облегчить восприятие интерфейса продукта
Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

0 новых

Популярные

По порядку

Прямой эфир

Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления