Здесь собрана коллекция заданий для практики UX. Рекомендую выполнять их по порядку, потому что они отсортированы от простых к сложным. Сначала вам даны самые простые методы по одиночке, а далее усложненные кейсы, где вам предстоит поработать с несколькими методами. И в самом конце я предлагаю вам самый сложный кейс, где вы должны будете сами определить, какие методы применить в рамках UX-исследования предложенного сервиса.
А начинаем с самого простого.
Кейс #1
Воссоздать карту сайта (sitemap) одного существующего сайта/приложения
Уровень сложности: Junior-помощник
О кейсе: Начнем практику с одного из самых простых UX-методов. Сам по себе метод не сложен, а для вас это задание упрощено ещё и тем, что вам не нужно создавать карту сайта с нуля, а нужно лишь воссоздать карту уже существующего сервиса. Все, что вам понадобится для выполнения этого задания - это ознакомиться с двумя приложенными статьями и по инструкции одной из них воссоздать карту существующего сервиса. Я предлагаю вам взять в качестве сервиса для тренировки - сайт airbnb. Структура этого сайта простая, поэтому для знакомства с методом/инструментом sitemap подходит идеально. Но вы также можете выбрать любой другой существующий сервис и подготовить карту сайта для него. А для закрепления и обретения полной уверенности можете повторить это задание с несколькими сервисами.
Задание: Воссоздайте карту сайта сервиса airbnb. Или выберите ваш любимый онлайн-сервис/приложение и воссоздайте его структуру.
Платформы проекта: веб-сайт/мобильное приложение
Пригодятся следующие ресурсы:
- "Что такое карта сайта и для чего её используют" на Unisender
- "Простой шаблон карты сайта" в Figma или "Шаблон карты сайта с auto-layout" в Figma // используйте шаблоны, чтобы ускорить процесс работы.
Кейс #2
Создать user-flow существующего сайта/приложения
Уровень сложности: Junior-помощник
О кейсе: Есть ещё одна разновидность UX-метода, связанная со структурой, но отличная от карты сайта - это user-flow. И чтобы их не путать, в этом задании вам предстоит воссоздать user-flow того же сервиса, для которого вы проектировали карту сайта в кейсе #1. Предлагаю вам взять для работы все тот же сервис - airbnb, но если вы делали задание с другим сервисом, то используйте его. И немного проясним, весь сервис/приложение можно разделить на множество подсервисов. Например, вы можете подготовить user-flow только регистрации/авторизации или любой другой функциональной части сервиса. Я же предлагаю вам пойти сложным путем и спроектировать user-flow всего сервиса целиком. А помогут вам справиться с этой задачей приложенные ниже ссылки на ресурсы.
Задание: Подготовьте user-flow всего сервиса airbnb. Или возьмите онлайн-сервис/приложение, которое использовали в предыдущем кейсе и подготовьте user-flow для него.
Платформы проекта: веб-сайт/мобильное приложение
Пригодятся следующие ресурсы:
Кейс #3
Создать две персоны (User persona)
Уровень сложности: Junior-аналитик
О кейсе: Нельзя сделать новый сервис/приложение удобным в использовании абсолютно для всех людей. Но очень важно сделать его удобным для тех, кто будет пользоваться приложением. Целевая аудитория каждого продукта/приложения отличается и очень важно понимать, для кого именно вы создаете свое приложение. Создание user-person направлено на определение ЦА приложения. И в этом кейсе вам предстоит познакомиться с методом персон и создать две персоны для приложения. А помогут вам с этим ссылки ниже.
Задание: Прописать две персоны (user persona), которые являются ЦА нового мобильного приложения для знакомств. Также можете взять за основу любое другое приложение на свое усмотрение и описать две user-персоны для него.
Платформы проекта: веб-сайт/мобильное приложение
Пригодятся следующие ресурсы:
- "Шаблон User Persona" в Figma
Кейс #4
Написать пользовательские сценарии (User scenarios)
Уровень сложности: Junior-аналитик
О кейсе: Следующим важным этапом после создания персон пользователя является определение и написание пользовательских сценариев (user scenarios). Сценарии пишутся с уже созданными персонами. Изучите материалы по ссылкам ниже, чтобы понимать, что такое пользовательские сценарии и написать свои. Также для написания вам понадобятся листок и ручка или клавиатура и текстовый документ.
Задание: Прописать пользовательские сценарии с использованием персон, которых вы описали в прошлом кейсе. Приложение/сервис тот же, что был в прошлом кейсе.
Платформы проекта: веб-сайт/мобильное приложение
Пригодятся следующие ресурсы:
Кейс #5
Провести глубинное интервью
Уровень сложности: Junior-общительный
Вам понадобится: найти респондентов среди своих друзей/коллег/родных;
О кейсе: При создании новых продуктов или апгрейде уже существующих вам предстоит проводить глубинные интервью. Для этого задания постарайтесь подобрать респондентов наиболее соответствующих целевой аудитории вашего приложения/сервиса. В качестве проекта возьмите приложение из предыдущих кейсов, таким образом вы можете написать вопросы для персон, которых создали в кейсе #3. А ниже вам представлен примерный план и ссылки на материалы, которые помогут вам подготовиться к проведению интервью. Постарайтесь не пропускать этот кейс.
Задание разделим на этапы:
- Разработайте список открытых вопросов для интервью, которые помогут вам понять мотивации, потребности и поведение участников.
- Создайте план интервью, определите последовательность вопросов и подходы к проведению.
- Найдите участников для интервью и организуйте встречи с ними (можно онлайн).
- Проведите глубинное интервью с каждым участником, задавая вопросы из списка и дополнительные уточняющие вопросы при необходимости.
- Запишите ответы участников и делайте заметки о наблюдениях и важных моментах.
- Проанализируйте полученные данные и сформулируйте выводы и рекомендации на основе результатов интервью.
- Подготовьте отчет о глубинном интервью, включающий описание методологии, основные результаты и рекомендации.
Платформы проекта: веб-сайт/мобильное приложение
Пригодятся следующие ресурсы:
Кейс #6
Подготовить карту пути пользователя (User/Customer Journey Map)
Уровень сложности: Junior-аналитик
О кейсе: Это задание отличается от предыдущих тем, что в нем мы проверяем наработки дизайна (или хотя бы черновые варианты макетов). Но так как этот кейс создан для обучения, то вам необязательно готовить карту с нарисованными с нуля макетами, а значит вы можете пропустить этап отрисовки.
И раз в этом кейсе мы учимся составлять карту пути пользователя и заполнять её, то предлагаю вам составить карту к уже существующему приложению и найти респондентов, которые помогут вам в поиске болевых точек этого существующего приложения.
Все также предлагаю вам взять за основу приложение airbnb или любое приложение для знакомств. А ссылки на ресурсы ниже помогут вам с выполнением этого задания.
Задание: Составить карту пути пользователя приложения airbnb, найти респондентов и определить их болевые точки при взаимодействии с приложением.
Платформы проекта: веб-сайт/мобильное приложение
Пригодятся следующие ресурсы:
- "Шаблон User Journey Map" в Figma
Кейс #7
Проделать полную работу по UX-исследованию с использованием предложенного набора методов
Уровень сложности: Почти middle
О кейсе: В предыдущих кейсах вы отдельно знакомились с конкретными методами/техниками UX-исследований. В этом кейсе вам предстоит провести полное UX-исследование с предложенными методами для создания нового приложения. При желании, вы можете скорректировать набор методов/техник. Для этого изучите список методов и техник для UX-исследований
.
Примечание: данный порядок и предложенные методы не являются единственно верным путем проведения исследования. Задание создано таким образом, чтобы вы на примере проведения одного UX-исследования познакомились с разными техниками проведения исследований, а для понимания взаимосвязи между методами - проводили их в рамках одного проекта.
Текущее задание можно разделить на этапы:
- Определите цели и задачи проекта: изучите рынок конкурентов, определите ЦА и их потребности (конкурентный анализ, создание персон и пользовательских сценариев).
- Проведите анализ пользовательского опыта существующих приложений (изучение пользовательских отзывов и оценок существующих приложений).
- Проведите исследование ЦА (проведение опросов и/или глубинных интервью с представителями ЦА).
- Создайте информационную структуру приложения (карту сайта/приложения и user-flow)
- Напишите отчет с рекомендациями на основе глубинных интервью с пользователями и результатами остальных методов, которые будете использовать в данном кейсе.
Платформы: мобильное приложение;
Пригодятся следующие ресурсы:
- "Список всех методов ux-исследований" от "Воздушный дизайн"
Кейс бонусный
Проделать UX-исследование, самостоятельно определив используемых методы
Уровень сложности: Больше чем middle
О кейсе: В этом кейсе вам даны лишь бизнес-требования мобильного приложения для покупки книг, но UX-исследование вы должны разработать сами с полного нуля. Разработка включает в себя полное проведение UX-исследования, при этом вы сами определяете, какие методы и техники UX-исследования применить в этом кейсе. В результате вы должны получить полный перечень качественной информации, которую можно передавать в UI и составленный отчет со всеми рекомендациями.
Для мобильного приложения магазина книг требуется следующее:
- Простой и интуитивно понятный интерфейс для поиска и покупки книг.
- Возможность просмотра информации о книгах, включая обложку, описание, автора и цену.
- Удобная система фильтрации и сортировки книг по различным параметрам, таким как жанр, автор или рейтинг.
- Возможность добавления книг в список желаемого для последующей покупки.
- Легкая навигация между разделами приложения, включая разделы "Новинки", "Популярные", "Рекомендуемые" и "Скидки".
- Регистрация новых пользователей с использованием электронной почты или социальных сетей.
- Возможность входа в приложение с помощью учетных данных пользователя.
- Личный кабинет пользователя со списком предыдущих покупок, отзывами и рейтингом книг.
- Возможность оставлять отзывы и рейтинги для книг.
- Простой процесс оформления заказа с выбором способа оплаты и доставки.
- Возможность просмотра и редактирования корзины покупок перед оформлением заказа.
- Интеграция с платежными системами для безопасной оплаты заказа.
- Интерфейс для администраторов магазина для управления каталогом книг, пользовательскими отзывами и заказами.
- Возможность добавления, редактирования и удаления книг из каталога.
- Просмотр и управление заказами пользователей.
- Возможность отправки уведомлений о новых поступлениях, акциях и скидках.
- Интеграция с социальными сетями для распространения информации о книгах и акциях.
- Возможность создания персонализированных рекомендаций на основе предпочтений пользователей.
Платформы: мобильное приложение;
Пригодится: "Список всех методов и техник ux-исследований" от "Воздушный дизайн"
Что дальше?
- А далее вы можете ознакомиться со всеми другими методами и техниками UX-исследований в этой статье. А также можете перейти к повторению UI-теории и UI-практики.
- И не забудьте ознакомиться с Самыми полезными ресурсами для всех UX/UI дизайнеров
Всем спасибо за внимание!
Данная статья была написана специально для телеграм-канала "Айрат о дизайне"
