Mobile UX

Мобильный UX: учебное пособие

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

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

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

Количество	Ссылка	Формат	Описание
1	Мобильный пользовательский интерфейс: ограничения и сильные стороны	Статья	Сильные и слабые стороны проектирования для мобильных устройств
2	Мобильный UX улучшает рекомендации по юзабилити	Статья	Почему соблюдение основных принципов UX еще более важно на мобильных устройствах, чем на настольных компьютерах
3	Состояние пользовательского интерфейса мобильных устройств	Статья	Обзор общего состояния мобильного пользовательского интерфейса
4	Удобство использования планшета	Статья	Основные проблемы с дизайном, возникающие при исследовании пользователей на планшетах
5	Оптимизация для контекста в многоканальном пользовательском интерфейсе	Статья	Общие каналы, сильные стороны и контекст использования мобильных (и других) устройств
6	Мобильные: нативные приложения, веб-приложения и гибридные приложения	Статья	Определение различных типов мобильных приложений
7	The Vortex: почему пользователи чувствуют себя в ловушке своих устройств	Статья	Феномен потери контроля над суммой, потраченной в Интернете и на мобильных устройствах
8	Почему пользователи чувствуют себя в ловушке своих устройств: вихрь	Видео

Дизайн мобильного взаимодействия

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

Количество	Ссылка	Формат	Описание
1	Сенсорные цели на сенсорных экранах	Статья	Рекомендуемые размеры для сенсорных кнопок и других целей
2	Аккордеоны на мобильных устройствах	Статья	Плюсы и минусы аккордеонов на мобильных устройствах
3	Значки аккордеона: какие означающие работают лучше всего?	Статья	Исследование, исследующее лучший значок для аккордеона
4	Дизайн слайдера: эмпирические правила	Статья	Рекомендации по использованию слайдеров на мобильных устройствах и как сделать их удобными
5	Разработка эффективных каруселей для веб-сайтов и мобильных приложений	Статья	Лучшие практики для каруселей на мобильных устройствах
6	Карусели на мобильных устройствах	Видео
7	Контрольный список для разработки мобильных полей ввода	Статья	Рекомендации по разработке текстового поля на мобильных устройствах
8	Упрощенный ввод на мобильных устройствах	Видео	Как помочь пользователям вводить информацию на мобильных устройствах, используя преимущества камеры, GPS и других функций телефона
9	4 Правила iOS, которые нужно нарушить	Статья	Почему точки, "Отправить" вверху, а значки "Плюс" (+) и "Переместить" создают проблемы с удобством использования

Мобильная навигация

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

Количество	Ссылка	Формат	Описание
1	Основные шаблоны для мобильной навигации: учебное пособие	Статья	Обсуждение различных шаблонов мобильной навигации и когда использовать каждый
2	Поддержка мобильной навигации, несмотря на меню с гамбургерами	Статья	Как перекрестные ссылки на мобильных устройствах могут облегчить некоторые проблемы скрытой навигации
3	Мобильная субнавигация	Статья	Общие шаблоны для реализации мобильной субнавигации и когда их использовать
4	Не используйте разделенные кнопки для меню навигации	Статья	Почему разделенные кнопки для навигации плохо работают на мобильных устройствах и что использовать для размещения подменю и целевых страниц категорий
5	Мобильная навигация: сетки изображений или текстовые списки?	Статья	Почему текстовое меню предпочтительнее графических сеток на более высоких уровнях информационной архитектуры

Контент на мобильных устройствах

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

Количество	Ссылка	Формат	Описание
1	Мобильный контент в два раза сложнее	Статья	Исследование 2011 года, которое показало, что понимание на мобильных устройствах было хуже, чем на десктопе
2	Чтение контента на мобильных устройствах	Статья	Исследование 2016 года показало, что преимущество понимания на рабочем столе исчезает для простых переходов, но все еще сохраняется для сложных
3	Мобильный контент: если есть сомнения, оставьте его	Статья	Исследования показывают, что мобильный контент должен быть сокращен до необходимого
4	Отложите вторичный контент при написании для мобильных пользователей	Статья	Почему мобильным пользователям должна предоставляться только важная информация, а менее важный контент доступен только по запросу
5	Используйте доступное пространство на экране	Статья	Почему дизайнеры не должны тратить место на мобильных устройствах на большие, неинформативные иллюстрации
6	Мини-ИА: структурирование информации о концепции	Статья	Структурирование информации в отдельных блоках контента, которые позволяют пользователям легко выбирать правильный
7	Якоря в порядке? Переоценка ссылок на странице	Статья	Использование ссылок на странице, позволяющих пользователям видеть структуру страницы и быстро получать доступ к каждому отдельному блоку контента
8	Пересмотр баннерной слепоты: пользователи уклоняются от рекламы на мобильных и настольных устройствах	Статья	Как баннерная слепота мешает пользователям замечать информацию, которая выглядит как реклама как на мобильных устройствах, так и на настольных компьютерах
9	Размещение рекламы для мобильных устройств	Статья	Как сделать рекламу более удобной для использования на мобильных устройствах и предотвратить ее создание ложных уровней
10	Эскизы списков на мобильных устройствах: когда их использовать и где их размещать	Статья	Когда использовать уменьшенные изображения для мобильных списков
11	Визуальные индикаторы для различения элементов в списке	Статья	Исследования показывают, что визуальные индикаторы лучше всего привлекают внимание, когда они используют разные цвета и значки
12	Мобильные электронные рассылки	Статья	Исследование в дневнике, показывающее, как люди получают доступ к новостным рассылкам на мобильных устройствах
13	Мобильные таблицы: сравнения и другие таблицы данных	Статья	Как сделать мобильные таблицы более удобными
14	Как разместить большие таблицы на маленьких экранах	Видео	Почему вам может понадобиться предлагать пользователям более продвинутые методы работы с таблицами, такие как скрытие и изменение порядка столбцов
15	Научно-популярные книги на планшетах: все еще продолжается работа	Статья	Сравнение опыта чтения книг на Kindle и Приложения для чтения книг на iPad
16	Оптимизация экрана для мобильного использования	Статья	Пример редизайна мобильной страницы, который соответствует нескольким нашим рекомендациям по удобству использования для мобильных устройств

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

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

Количество	Ссылка	Формат	Описание
1	Контрольный список для форм регистрации и входа в систему на мобильных устройствах	Статья	Как сделать регистрацию и вход в систему менее болезненными на мобильных устройствах
2	Стены входа останавливают пользователей на их пути	Статья	Почему вы не должны просить пользователей войти в систему или создать учетную запись, прежде чем они будут использовать ваше мобильное приложение или веб-сайт
3	Почему мобильное приложение WSJ получает ** Отзывы клиентов	Статья	Пример того, как улучшить плохо спроектированную стену входа
4	Мобильные методы входа в систему помогают китайским пользователям избежать препятствий с использованием паролей	Статья	Как использовать QR-коды для упрощения входа в систему на мобильных устройствах и настольных компьютерах
5	Адаптация мобильных приложений: анализ компонентов и методов	Статья	Когда следует использовать отдельное пошаговое руководство по адаптации в мобильном приложении
6	3 Способа привлечения новых пользователей	Видео
7	Мобильные учебные пособия: потраченные впустую усилия или повышение эффективности?	Статья	Почему большинство пошаговых инструкций по внедрению мобильных устройств - пустая трата ресурсов
8	Адаптация: пропустите это, когда это возможно	Видео
9	Учебные наложения и оценки тренеров для мобильных приложений	Статья	Как представить советы и помощь в мобильных приложениях

Жесты

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

Количество	Ссылка	Формат	Описание
1	iPhone X: рост жестов	Статья	Как использование горизонтального свайпа подвергает пользователей проблемам, вызванным неоднозначностью свайпа
2	Сканируйте и встряхивайте: урок по внедрению технологий от китайского WeChat	Статья	Как QR-коды и жест встряхивания получили широкое распространение в Китае благодаря популярности WeChat
3	Использование свайпа для запуска контекстных действий	Статья	Почему контекстные меню, запускаемые жестом салфетки, менее доступны для обнаружения

Другие функции, специфичные для мобильных устройств

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

Количество	Ссылка	Формат	Описание
1	Мы можем добиться большего успеха на мобильных устройствах: проектирование для среды	Статья	Как следует учитывать уникальные потребности пользователей и особенности устройств при проектировании для мобильных устройств
2	Карты и средства определения местоположения на мобильных устройствах	Статья	Проблемы юзабилити, связанные с включением карт на мобильных страницах
3	3 Соображения по дизайну для эффективных запросов разрешений для мобильных приложений	Статья	3 компонента эффективных запросов на получение разрешений: сообщение о том, почему требуется разрешение, запрос разрешения в нужное время и предоставление пользователям возможности отозвать разрешение
4	Разработка эффективных запросов на разрешение приложений	Видео
5	Пять ошибок при разработке мобильных push-уведомлений	Статья	Рекомендации по разработке эффективных push-уведомлений
6	Мобильные микросессии	Статья	Как поддерживать короткие мобильные сеансы с помощью push-уведомлений, виджетов, быстрых действий и ярлыков или процедур
7	Рекомендации по UX для инструментов для покупок в дополненной реальности	Статья	Как функции дополненной реальности помогают пользователям визуализировать продукт в среде, в которой он будет использоваться

Многозадачность

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

Количество	Ссылка	Формат	Описание
1	Переключение приложений iOS 9 и кнопка возврата к приложению	Статья	Анализ удобства использования кнопки возврата в приложение в iOS
2	Многозадачность в Surface Duo от Microsoft	Статья	Анализ пользовательского интерфейса смартфона со складным экраном

Адаптивный веб-дизайн

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

Количество	Ссылка	Формат	Описание
1	Адаптивный веб-дизайн (RWD) и пользовательский интерфейс	Статья	Определение адаптивного веб-дизайна
2	Масштабирование пользовательских интерфейсов: подход к обработке информации при проектировании нескольких устройств	Статья	Как подойти к проектированию для нескольких устройств, принимая во внимание пропускную способность канала связи между человеком и устройством
3	Простой дизайн относителен	Видео	Почему простота переоценена, а дизайн должен использовать преимущества каждого устройства
4	Большие изображения на маленьких экранах: удаление, изменение размера или реорганизация	Статья	Как адаптировать изображения, предназначенные для рабочего стола, к размеру мобильного устройства
5	Маленькие картинки на больших экранах: масштабирование с мобильных устройств на настольные	Статья	Как адаптировать изображения, предназначенные для мобильных устройств, к размеру рабочего стола
6	Меню для гамбургеров и скрытая навигация ухудшают показатели UX	Статья	Исследование, показывающее, что меню для гамбургеров не работает на рабочем столе
7	Mobile First - это НЕ только мобильный	Статья	Исследования показывают, что меню для гамбургеров чаще используются на мобильных устройствах, чем на настольных компьютерах
8	Прогресс в работе с мобильными пользователями	Статья	Влияние адаптивного веб-дизайна на опыт мобильных пользователей
9	Перепрофилирование против Оптимизированный дизайн	Статья	Обсуждение того, когда имеет смысл оптимизировать для каждой платформы или перепрофилировать существующий дизайн
10	Мобильные веб-сайты: сайт, ориентированный на мобильные устройства, адаптивный, адаптивный или десктопный?	Статья	Различные виды мобильных веб-сайтов

Культурные и индивидуальные различия

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

Количество	Ссылка	Формат	Описание
1	Программы чтения с экрана на устройствах с сенсорным экраном	Статья	Анализ того, как программы чтения с экрана работают на сенсорных экранах
2	WeChat: интегрированный пользовательский интерфейс Интернета в Китае	Статья	Исследование, изучающее ментальную модель пользователей и использование WeChat, платформы, на которой размещается множество сервисов, от социальных сетей и обмена сообщениями до мобильных платежей
3	Приложения в приложениях: уроки UX из мини-программ WeChat	Статья	Рекомендации по разработке мини-приложений, встроенных в более крупную мобильную платформу, такую как WeChat
4	Социальные функции в китайских приложениях	Видео	Примеры и советы по добавлению социальных функций в ваш продукт
5	Поведение мобильных пользователей в Индии	Статья	Исследование, посвященное основным проблемам пользователей мобильной связи в Индии
6	Шкафчики приложений для совместного использования телефона в Индии	Статья	Как используются блокировки приложений для обеспечения конфиденциальности, родительского контроля и безопасности данных для владельцев телефонов в Индии
7	Изучение границ беспилотных ресторанных услуг: незаменимые человеческие услуги по-прежнему необходимы	Статья	Использование телефонов в ресторанах в Китае для заказа еды без участия или с небольшим участием людей-официантов

Другие устройства, помимо смартфона

В этих статьях содержатся выводы, касающиеся удобства использования Kindle для чтения электронных книг, планшетов на Windows 8, Kindle Fire, умных часов и больших сенсорных экранов (планшетов или автомобильных панелей мониторинга).

Количество	Ссылка	Формат	Описание
1	Умные часы — это будущее, но Samsung Galaxy Gear там только частично	Статья	Анализ пользовательского интерфейса умных часов Samsung Galaxy Gear
2	Apple Watch: оценка пользовательского опыта	Статья	Анализ пользовательского интерфейса Apple watch
3	Большие сенсорные экраны: в чем отличие?	Статья	Проектирование для больших (24-дюймовых) планшетов с сенсорным экраном
4	Очень большие сенсорные экраны: дизайн пользовательского интерфейса отличается от мобильных экранов	Статья	Интервью с дизайнером сенсорного экрана-киоска
5	Пользовательский интерфейс Tesla с сенсорным экраном: пример пользовательского интерфейса приборной панели автомобиля	Статья	Анализ пользовательского интерфейса Tesla с сенсорным экраном
6	Виртуальная реальность и пользовательский опыт	Видео	Советы по использованию юзабилити-тестирования для устранения проблем с современными технологиями виртуальной реальности

Мобильная электронная коммерция

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

Количество	Ссылка	Формат	Описание
1	Опыт оформления заказа с помощью мобильных устройств	Статья	Рекомендации по разработке процесса оформления заказа на мобильных устройствах
2	Опыт оформления заказа с мобильных устройств: советы	Видео
3	M-Commerce: ужасный UX	Статья	Анализ данных о продажах на мобильных устройствах и настольных компьютерах, выявляющий плохое состояние мобильного UX
4	Как сообщество может стимулировать торговлю: урок из Маленькой красной книги Китая	Статья	Как популярное китайское приложение для социальной электронной коммерции преуспевает в создании взаимовыгодного сообщества пользователей и обеспечении удобства покупок для пользователей

Тестирование юзабилити на мобильных устройствах

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

Количество	Ссылка	Формат	Описание
1	Тестирование юзабилити для мобильных устройств - это просто	Статья	Как настроить тест на удобство использования для мобильных устройств
2	Как настроить тест на удобство использования мобильных устройств	Видео