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