Mobile UX
Мобильный UX: учебное пособие
Резюме: Не знаете, с чего начать? Используйте эту подборку ссылок на наши статьи и видео, чтобы узнать, как писать и представлять информацию, соответствующую потребностям пользователей и их поведению в Интернете.
Проектирование для мобильных устройств и планшетов: общие соображения
В этом разделе обсуждаются некоторые общие соображения о сильных сторонах и ограничениях мобильных устройств как среды. Начните с этого раздела, чтобы получить общее представление об этой области.
Количество
Ссылка
Формат
Описание
1
Статья
Сильные и слабые стороны проектирования для мобильных устройств
2
Статья
Почему соблюдение основных принципов UX еще более важно на мобильных устройствах, чем на настольных компьютерах
3
Статья
Обзор общего состояния мобильного пользовательского интерфейса
4
Статья
Основные проблемы с дизайном, возникающие при исследовании пользователей на планшетах
5
Статья
Общие каналы, сильные стороны и контекст использования мобильных (и других) устройств
6
Статья
Определение различных типов мобильных приложений
7
Статья
Феномен потери контроля над суммой, потраченной в Интернете и на мобильных устройствах
Дизайн мобильного взаимодействия
В статьях этого раздела обсуждается, как разрабатывать базовые элементы пользовательского интерфейса для мобильных устройств.
Количество
Ссылка
Формат
Описание
3
Статья
Исследование, исследующее лучший значок для аккордеона
4
Статья
Рекомендации по использованию слайдеров на мобильных устройствах и как сделать их удобными
5
Статья
Лучшие практики для каруселей на мобильных устройствах
7
Статья
Рекомендации по разработке текстового поля на мобильных устройствах
8
Видео
Как помочь пользователям вводить информацию на мобильных устройствах, используя преимущества камеры, GPS и других функций телефона
9
Статья
Почему точки, "Отправить" вверху, а значки "Плюс" (+) и "Переместить" создают проблемы с удобством использования
Мобильная навигация
Навигация на мобильных устройствах может быть сложной задачей из-за ограниченного пространства на экране, доступного разработчику. В нескольких приведенных ниже ресурсах обсуждаются шаблоны мобильной навигации и способы их правильного использования.
Количество
Ссылка
Формат
Описание
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
Статья
Пример того, как улучшить плохо спроектированную стену входа
4
Статья
Как использовать QR-коды для упрощения входа в систему на мобильных устройствах и настольных компьютерах
5
Статья
Когда следует использовать отдельное пошаговое руководство по адаптации в мобильном приложении
7
Статья
Почему большинство пошаговых инструкций по внедрению мобильных устройств - пустая трата ресурсов
9
Статья
Как представить советы и помощь в мобильных приложениях
Жесты
Устройства с сенсорным экраном поддерживают множество жестов, помимо нажатия. В этих статьях обсуждаются некоторые из распространенных жестов, с акцентом на свайп.
Количество
Ссылка
Формат
Описание
1
Статья
Как использование горизонтального свайпа подвергает пользователей проблемам, вызванным неоднозначностью свайпа
2
Статья
Как QR-коды и жест встряхивания получили широкое распространение в Китае благодаря популярности WeChat
3
Статья
Почему контекстные меню, запускаемые жестом салфетки, менее доступны для обнаружения
Другие функции, специфичные для мобильных устройств
Современные мобильные устройства оснащены такими возможностями, как камера, распознавание голоса, GPS, push-уведомления, дополненная реальность и множество других функций. Эти функции при правильном использовании могут сделать пользовательский интерфейс лучше и приятнее.
Количество
Ссылка
Формат
Описание
1
Статья
Как следует учитывать уникальные потребности пользователей и особенности устройств при проектировании для мобильных устройств
2
Статья
Проблемы юзабилити, связанные с включением карт на мобильных страницах
3
Статья
3 компонента эффективных запросов на получение разрешений: сообщение о том, почему требуется разрешение, запрос разрешения в нужное время и предоставление пользователям возможности отозвать разрешение
5
Статья
Рекомендации по разработке эффективных push-уведомлений
6
Статья
Как поддерживать короткие мобильные сеансы с помощью push-уведомлений, виджетов, быстрых действий и ярлыков или процедур
7
Статья
Как функции дополненной реальности помогают пользователям визуализировать продукт в среде, в которой он будет использоваться
Многозадачность
Одновременное объединение информации из нескольких приложений на мобильных устройствах может быть сложной задачей. В этом разделе обсуждается многозадачность и переключение приложений на небольших экранах.
Количество
Ссылка
Формат
Описание
1
Статья
Анализ удобства использования кнопки возврата в приложение в iOS
2
Статья
Анализ пользовательского интерфейса смартфона со складным экраном
Адаптивный веб-дизайн
Многие веб-сайты сегодня являются адаптивными: их макет адаптируется к размеру экрана, на котором они отображаются. В этих статьях обсуждается проблема проектирования для нескольких устройств и то, как это должно быть сделано правильно.
Количество
Ссылка
Формат
Описание
2
Статья
Как подойти к проектированию для нескольких устройств, принимая во внимание пропускную способность канала связи между человеком и устройством
3
Видео
Почему простота переоценена, а дизайн должен использовать преимущества каждого устройства
4
Статья
Как адаптировать изображения, предназначенные для рабочего стола, к размеру мобильного устройства
5
Статья
Как адаптировать изображения, предназначенные для мобильных устройств, к размеру рабочего стола
6
Статья
Исследование, показывающее, что меню для гамбургеров не работает на рабочем столе
7
Статья
Исследования показывают, что меню для гамбургеров чаще используются на мобильных устройствах, чем на настольных компьютерах
8
Статья
Влияние адаптивного веб-дизайна на опыт мобильных пользователей
9
Статья
Обсуждение того, когда имеет смысл оптимизировать для каждой платформы или перепрофилировать существующий дизайн
10
Статья
Различные виды мобильных веб-сайтов
Культурные и индивидуальные различия
В этот раздел включены статьи об использовании мобильных устройств людьми с ограниченными возможностями или людьми в других странах.
Количество
Ссылка
Формат
Описание
1
Статья
Анализ того, как программы чтения с экрана работают на сенсорных экранах
2
Статья
Исследование, изучающее ментальную модель пользователей и использование WeChat, платформы, на которой размещается множество сервисов, от социальных сетей и обмена сообщениями до мобильных платежей
3
Статья
Рекомендации по разработке мини-приложений, встроенных в более крупную мобильную платформу, такую как WeChat
4
Видео
Примеры и советы по добавлению социальных функций в ваш продукт
5
Статья
Исследование, посвященное основным проблемам пользователей мобильной связи в Индии
6
Статья
Как используются блокировки приложений для обеспечения конфиденциальности, родительского контроля и безопасности данных для владельцев телефонов в Индии
7
Статья
Использование телефонов в ресторанах в Китае для заказа еды без участия или с небольшим участием людей-официантов
Другие устройства, помимо смартфона
В этих статьях содержатся выводы, касающиеся удобства использования Kindle для чтения электронных книг, планшетов на Windows 8, Kindle Fire, умных часов и больших сенсорных экранов (планшетов или автомобильных панелей мониторинга).
Количество
Ссылка
Формат
Описание
1
Статья
Анализ пользовательского интерфейса умных часов Samsung Galaxy Gear
3
Статья
Проектирование для больших (24-дюймовых) планшетов с сенсорным экраном
4
Статья
Интервью с дизайнером сенсорного экрана-киоска
5
Статья
Анализ пользовательского интерфейса Tesla с сенсорным экраном
6
Видео
Советы по использованию юзабилити-тестирования для устранения проблем с современными технологиями виртуальной реальности
Мобильная электронная коммерция
Сегодня покупки с помощью мобильных устройств широко распространены. Все статьи в этом разделе относятся к мобильной электронной коммерции.
Количество
Ссылка
Формат
Описание
1
Статья
Рекомендации по разработке процесса оформления заказа на мобильных устройствах
3
Статья
Анализ данных о продажах на мобильных устройствах и настольных компьютерах, выявляющий плохое состояние мобильного UX
4
Статья
Как популярное китайское приложение для социальной электронной коммерции преуспевает в создании взаимовыгодного сообщества пользователей и обеспечении удобства покупок для пользователей
Тестирование юзабилити на мобильных устройствах
Этот раздел поможет вам в настройке вашего собственного исследования удобства использования мобильных устройств.
Количество
Ссылка
Формат
Описание
1
Статья
Как настроить тест на удобство использования для мобильных устройств
Last updated
Was this helpful?