Сделайте страхование легким и увлекательным — пример использования Jago Last Wish UI/UX

Dec 03 2022
Отказ от ответственности: эта работа является частью совместной работы Bank Jago и Skilvul Kampus Merdeka UI/UX Design Batch 3–2022. Цели тематического исследования: под руководством Сяхдана Эди Мурада я сотрудничал с Гелухом Таная, Алифом Мухаммадом Шиддиком и Хаалхабси в команде из 4 человек.

Отказ от ответственности: эта работа является частью совместной работы Bank Jago и Skilvul Kampus Merdeka UI/UX Design Batch 3–2022.

Цели тематического исследования:

  • Завершить независимое исследование Skilvul Kampus Merdeka UI/UX Design Batch 3–2022
  • Понимать и применять структуру дизайн-мышления в обучении UI/UX.

Под руководством Сяхдана Эди Мурада я сотрудничал с Гелух Таная , Алифом Мухаммадом Шиддиком и Хаалхабси в команде из 4 человек. Я играю роль руководителя команды, исследователя пользователей и дизайнера UX. В процессе UX-дизайна я:

  • Поиск респондентов, соответствующих критериям, а затем проведение исследования пользователей, чтобы выяснить их потребности в страховании.
  • Проводите вторичные исследования, проводя анализ конкурентов и ища статьи, новости и исследования, которые могут помочь в процессе проектирования.
  • Определение проблем на основе исследований и выявление возможностей оттуда
  • Создание идей решений, которые могут преодолеть болевые точки и превратить возможности в реальность
  • Управляйте пользовательским потоком в соответствии с активностью пользователя, от первоначальной регистрации страховки, оплаты и составления завещания до завершения действия.
  • Сделайте визуализацию решения простой в использовании с помощью эскизов и каркасов
  • Создайте систему дизайна, которая содержит компоненты с согласованными стилями, чтобы поддерживать единообразие в существующем интерфейсе приложения и маркетинге бренда.
  • Создавайте удобные для пользователя проекты High Fidelity на основе каркасов и существующего интерфейса приложения.
  • Создание прототипов, которые работают в соответствии с пользовательским потоком, с помощью Figma
  • Поиск участников для юзабилити-тестирования, а затем проведение тестирования с реальными пользователями на основе пользовательских исследований.

Сроки: октябрь 2022 г. — ноябрь 2022 г.
Инструменты: Figma, Sheets, Docs, Zoom Meeting

Обзор

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

Краткий

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

  • Простые шаги для составления завещания, учитывая, что пользователи могут вводить различные типы запросов.
  • Простой способ рассчитать ежемесячные платежи, необходимые для желаемой формы завещания
  • Управление принятыми обязательствами и редактирование завещаний
  • Геймификация или творческие способы, связанные со здоровым образом жизни и уровнем физической подготовки, которые могут снизить ежемесячные затраты на обязательства.

- Пол не указан
- Возраст 25–35 лет
- Проживает в городской местности, СЭС A и B (уровень расходов в месяц)
- Работаю по найму
- У вас уже есть страховка в офисе
- Образован и технически дружелюбен
- Обычно поиск осуществляется с помощью Google
- Обычно используют приложение для повседневных нужд (покупка еды, транспорта, покупок и др.)
- Нормально и хотите получать кэшбэк, а также скидки
- Подпишитесь на такие приложения, как Spotify, Netflix и Disney+
- Работайте из дома
- Беспокоитесь о COVID и были привиты до двух доз
- Неженатые (60%), состоящие в браке (40%)

Предлагаемые решения

На основе предоставленных данных проекта перед нами стояла задача создать функцию мобильного приложения для оформления страховки и завещания под названием Jago Last Wish со следующими целями:

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

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

Этапы дизайн-мышления

1 — Исследования

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

  • Лучшее понимание текущих решений людей о покупке страховки и процесса формирования завещания
  • Выявляйте болевые точки пользователей и находите возможности улучшить текущий процесс
  • Сделайте потоки более лаконичными, увлекательными и мотивируйте пользователей использовать продукт и быть лояльными к нему.
Результат интервью

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

Вторичное исследование: анализ конкурентов, описание случая
Вторичные исследования: данные исследований, новости

2 — определить

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

  • Чтобы выявить болевые точки пользователей
  • Чтобы определить возможности для решения нашей задачи

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

  • Чтобы определить, какая функция будет наиболее полезной и полезной для пользователей, исходя из их возможности
  • Организуйте содержимое приложения таким образом, чтобы упростить его и уменьшить ограничения пользователя.
  • Наметьте и поймите текущий процесс покупки пользователя, чтобы разработать процесс покупки.
  • Визуализируйте потенциальные дизайнерские решения и начните формулировать впечатления от продукта, планируя интерфейс.

«…воображение охватывает весь мир, стимулируя прогресс, рождая эволюцию». - Альберт Эйнштейн.

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

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

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

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

Эскиз
Каркас

3 — Дизайн

После окончательной доработки каркаса и имеющихся данных мы приступили к процессу проектирования. Нашими целями на этом этапе были:

  • Разработайте дизайн-систему для Jago Last Wish, которая будет продуманной и простой для понимания, но в то же время профессиональной и увлекательной.
  • Дизайн интерфейса мобильного приложения в высоком разрешении
Цветовая палитра

Типография

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

Система дизайна

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

Пользовательский интерфейс с высокой точностью
Пользовательский интерфейс с высокой точностью

4 — Тестирование

Мы использовали инструмент прототипирования в Figma, чтобы связать потоки вместе для ряда сценариев, чтобы проверить дизайн и проверить, есть ли какие-либо дыры, которые можно исправить. Цели здесь были:

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

План юзабилити-тестирования
На этом этапе мы планируем тестовые сценарии для структурированного выполнения.

Пользовательское тестирование и результаты

Отзывы пользователей

В целом, функции приложения, которые мы разработали, получили средний балл 6,7 и были заявлены как соответствующие баллу SEQ на основе минимального стандарта Skilvul 5,5. Тем не менее, все еще есть недостатки, которые можно исправить, в том числе форма в процессе заявления о завещании, которую можно редактировать только через меню редактирования завещания, поэтому процесс идет вперед и назад. Респонденты также предоставили другие данные, так что эта функция приложения также обеспечивает видео вложения в завещании, различные форматы документов завещания, а вывод документа завещания достаточно только один раз. С точки зрения дизайна интерфейса участники остались довольны, поскольку дизайн был простым, понятным и привлекательным.

Документация интервью

Выводы

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

Следующие шаги и уроки

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

Этот проект также научил меня многому, в том числе:

  • Я понял, как важно слушать пользователей, потому что это позволяет нам лучше понять суть проблемы. Кроме того, мы можем собирать их отзывы; что является ключом к пониманию того, как они на самом деле относятся к продукту, который мы предоставляем. Например, мы выслушали опыт довольных пользователей о быстром доступе к номеру полиса после оформления страховки. Мы приняли это к сведению и попытались сделать подобный поток.
  • Разработка решений путем определения приоритетов потребностей пользователей для создания продукта, который действительно приносит им пользу. Например, мы создали функцию расчета ежемесячных и годовых премий, чтобы пользователям было проще определить правильную премию и страховую сумму. По результатам юзабилити-тестирования пользователи утверждают, что эта функция очень полезна при принятии решений о страховании.
  • Важно оглянуться назад на этапы сопереживания и исследования, чтобы поддерживать проект в соответствии с исходной проблемой.
  • Согласованность дизайна необходима для того, чтобы внешний вид каждой страницы выглядел единообразным и взаимосвязанным.
  • Как пользователи, скорее всего, заблудятся в сложном процессе оформления страховки, поэтому важно помочь им узнать, сколько еще шагов необходимо сделать, чтобы добраться до конечного пункта назначения, и предоставить четкие инструкции. Упрощение процесса также очень полезно в процессе оформления страховки и завещания, чтобы его могли использовать даже менее технически подкованные пользователи.