Практический пример — оценка групп вкладок Chome (Android) с помощью принципа эвристики и решения для улучшения взаимодействия с пользователем.

ИНДЕКС

1] Как это началось

2] Редизайн — что изменилось?

3] Почему стоит выбрать Google Chrome

4] Определение проблемы

5] Идеи

6] Каркас

7] Прототипирование

8] Пользовательское тестирование

9] Обратная связь

КАК ЭТО НАЧАЛОСЬ!

Я исследовал и экспериментировал с принципами UX. Каким-то образом на полпути я оказался на двухнедельном семинаре по наставничеству.

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

Наш наставник Анудип задал челлендж по UX-дизайну с ограничением по времени на 48 часов. И вот как я могу сделать краткий пример использования Google Chrome для Android.

РЕДИЗАЙН — ЧТО ИЗМЕНИЛОСЬ?

Было предложено и реализовано 2 основных изменения. Одно изменение является визуальным и, следовательно, его легко заметить, в то время как другое изменение происходит в функциональности уже существующих элементов и, таким образом, не видно невооруженным глазом.

1 ] Назовите группы вкладок

Здесь мы выбрали группу вкладок и добавили функцию редактирования, чтобы назвать группы вкладок. Для простоты мы использовали значок редактирования, с которым знакомы пользователи, и сопоставили его со стилем дизайна значков Chrome.

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

2 ] Переместите вкладки

Здесь область, отмеченная красным, — это место, где доступна и включена новая опция «Перетаскивание».

Это делается для того, чтобы помочь пользователю отсортировать и упорядочить вкладку так, как ему удобно. После организации это поможет пользователю сэкономить время и быть эффективным.

3 ] Влияние на пользователей и бизнес

Вкладки и группы вкладок — это быстрая альтернатива закладкам в Chrome Mobile. И внесенные изменения должны положительно повлиять как на Пользователя, так и на Бизнес.

✔ПОЛЬЗОВАТЕЛИ:

Изменения помогают пользователю сэкономить время и усилия. Это помогает им управлять своими вкладками более эффективно и легко. Группы имен помогают быстрее идентифицировать вкладки и, таким образом, уменьшают умственную нагрузку, которую пользователи в противном случае получили бы, чтобы запомнить вещи.

С включенными вкладками перетаскивания пользователь может расположить вкладки в соответствии со своими потребностями и приоритетами, чтобы сэкономить время и усилия.
Это также уменьшает количество шагов, которые пользователь в противном случае предпринял бы, по крайней мере, на 3.

✔Бизнес:

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

Это может привести к потере ЭКРАННОГО ВРЕМЕНИ .

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

Это может снизить ПОКАЗАТЕЛИ УДЕРЖАНИЯ.

Упрощение и эффективность работы пользователей помогает им экономить время и силы и, таким образом, помогает увеличить УДЕРЖАНИЕ ПОЛЬЗОВАТЕЛЕЙ .

Почему стоит выбрать Google Chrome?

Сделанный выбор был основан более чем на одной причине.

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

Решение настолько хорошо, насколько хороша проблема.

Для выявления проблем мы воспользовались 10-м принципом эвристики и протестировали их на указанных участках продукта.

Обнаружена проблема (R1):

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

Эвристический принцип — КОНТРОЛЬ ПОЛЬЗОВАТЕЛЯ И СВОБОДА

Проблема (R1) выявлена:

Среди пользователей сенсорных экранов общеизвестно, что мы долго нажимаем и перетаскиваем, чтобы изменить положение. То же самое отсутствует в группах вкладок Google — внутри.

Эвристический принцип — ГИБКОСТЬ И ЭФФЕКТИВНОСТЬ ИСПОЛЬЗОВАНИЯ

Проблема (R1) выявлена:

Пользователь сейчас очень привык к общепринятым практикам, они приходят естественно. Таким образом, при реализации общих практик (перетаскивании) подходящих элементов, но не получении ожидаемого ответа, пользователь расстраивается.

Эвристический принцип — СОВПАДЕНИЕ СИСТЕМЫ И РЕАЛЬНОГО МИРА

Выявленная проблема (R2):

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

Эвристический принцип — КОНТРОЛЬ ПОЛЬЗОВАТЕЛЯ И СВОБОДА

ИДЕЯ

Здесь мы придумали несколько решений для выявленных нами проблем. Методом проб и ошибок отсортировал и отсеял несколько. И выбрать лучшее решение для нашей проблемы.

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

ПРОЕКТИРОВАНИЕ

Идеи — это просто мечты, если их не воплощать в жизнь.

Здесь мы создали прототипы с низкой точностью, основанные на идеях, которые мы себе представляли.

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

После нескольких попыток визуализированная идея на изображении ниже была выбрана в качестве основы для следующего шага.

Получите доступ к ссылке на низкокачественный прототип, НАЖМИТЕ ЗДЕСЬ

ПРОТОТИПИРОВАНИЕ

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

Внесены изменения

✏️Мы добавили значок редактирования, чтобы пользователь мог называть группы вкладок в Chrome.

✏️Мы добавили всплывающее окно, на котором пользователь может добавить/изменить имя. Это всплывающее окно будет отображаться, когда кнопка «Изменить» вызывается в действие.

✏️Мы добавили возможность перетаскивания на нижнюю панель группы вкладок.

Получите доступ к ссылке на прототип высокой точности, НАЖМИТЕ ЗДЕСЬ

ПОЛЬЗОВАТЕЛЬСКОЕ ТЕСТИРОВАНИЕ

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

Продукт, который не нравится пользователям, — это плохая инвестиция.

Поиск пользователя

Важно определить правильных людей для тестирования вашего продукта. Они должны принадлежать целевой группе аудитории.

Так как Google используется большой массой людей, найти пользователей для тестирования нашего продукта не составило труда. Исключая немногочисленные «Не беспокойте меня», «У меня нет времени», мы быстро нашли пользователя и наблюдали за результатом.

Задача для пользователя

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

Что наблюдать

Понаблюдайте, как быстро пользователь находит вариант редактирования и находят ли они какие-либо проблемы при внесении правок.
Понаблюдайте, какой выбор делает пользователь, когда пытается изменить положение вкладки.
Находят ли они путь с одной попытки?
Они потерялись?

Инсайты

Вы всегда можете чему-то научиться у всех и всего.

Независимо от того, насколько популярен или широко используется продукт - всегда спрашивайте пользователя, использует ли он продукт, знаком ли он с продуктом или нет.

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

ОТЗЫВЫ

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

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

Тем не менее, мы все же внесли небольшое изменение в продукт. Мы добавляем «Zoom On Hover» в нижнюю панель вкладки «Группа».

Свяжитесь со мной на Linkedin, НАЖМИТЕ ЗДЕСЬ