Я считаю, что дизайнерам очень важно обращать внимание на детали и оформление. Это многое скажет за тебя: от того, как ты ведёшь проекты, до того, как решаешь задачи.
Я понимаю, что тестовое не должно отнимать много времени, но и наспех собранный прототип не будет показывать тебя в лучшем свете.
В этой статье я покажу пошаговый ход мыслей на примере своего тестового.
В этой части
Задача
Представь себе продукт, предназначенный для подготовки контента к онлайн-семинарам и для проведения мероприятий.
Он имеет широкий спектр возможностей: от обмена файлами и редактирования текста до сложной технологии рендеринга. Например, там можно создать видеолекции с использованием технологии Deepfake.
Пользователи — сотрудники университета.
Задание состоит в том, чтобы создать концепцию дизайна некоторых ключевых взаимодействий в этом инструменте нового поколения для мира образования.
Я полностью погрузилась в проблему. Нашла знакомого профессора и провела с ним глубинное интервью, чтобы больше понимать специфику продукта.
Шаг 1. Понимание проблемы
Чтобы начать решать проблему, нужно ответить себе на вопросы:
- Почему этот продукт или функция важны?
- Какую проблему мы пытаемся решить?
- Почему возникла такая проблема?
- Как это поможет пользователям и бизнесу?
- Какое влияние окажет на мир в целом?
Я построила гипотезы и пошла к профессору.
Мне было важно понять механику работы преподавателей. Как они планируют лекции, как готовят материал, пользуются ли подобными платформами. И самое главное — какие у них есть с этим проблемы.
Шаг 2. Определяем ЦА
Небольшое интервью дало мне понимание структуры ролей в подобных системах. Также мой знакомый рассказал о конкурентных платформах. Я сделала небольшой ресёрч по ролям, и на основании этого у меня получились три группы пользователей.
Но так как задача стояла продумать решение для профессоров, я выделила для себя эту группу как основную и концентрировалась только на ней.
Шаг 3. Понимаем контекст
Про понимание контекста и потребностей клиента
После определения ролей, нужно понять, какие у пользователей есть проблемы, где и когда они с ними сталкиваются. Следом предполагаем, как мы можем их решить.
Эта информация поможет понять, каким будет продукт и какие возможности мы должны реализовать.
Вопросы
- Где пользователи находятся физически?
- Как много времени у них есть?
- Какими существующими платформами пользуются?
- С какими проблемами сталкиваются?
- Какие испытывают эмоции?
Делаю предположение, что наша платформа скорее всего будет использоваться на десктопе, но также у пользователей должна быть возможность выходить на платформу в любое время и в любом месте. Поэтому нужна адаптация под все экраны, но в тестовом варианте я разрабатываю только десктопную версию.
Идеи
- Что компания может сделать для удовлетворения потребностей клиентов?
- Тип продукта: цифровой или физический?
- Платформа: smartwatch, smartphone, tablet, desktop, laptop, TV, VR
- Тип интерфейса: graphic, audio/voice, VR, AR
Ниже основные выводы, сделанные на основе этих вопросов.
Шаг 4. Верхнеуровневое решение
После анализа конкурентов я привожу возможные функции продукта и выдвигаю требования для своего проекта. Список идей, приоритизация, и, конечно же, основной сценарий для нашего пользователя — профессора.
Шаг 5. Прототип
Заключительный этап — ссылка на кликабельный прототип. На основании последовательных шагов и действий я показываю, что получилось. Я провожу интервьюеров через весь процесс работы и показываю результат.
Не важно, насколько он правильный, важно показать ход мыслей.
В чём была польза проделанной работы?
Во-первых, я получила благодарность за презентацию тестового в таком виде. Оказывается, далеко не все дизайнеры так заморачиваются и обычно скидывают просто ссылки.
Во-вторых, мне самой было легче на защите. Я рассказывала по порядку о ходе своих мыслей и в конце показала результат, опираясь на красивые слайды.
Полезные ресурсы
- Прототип в Figma: Моё тестовое
- Я собрала минималистичный шаблон в Figma, чтобы упростить вам работу.
- Тестовое в Spotify (англ.)
- «Solving Product Design Exercises. Questions & Answers», Artiom Dashinsky. Книга, по которой я шаг за шагом делала тестовое.
3. Презентация о себе 4. Тестовое ⏹️
— образовательный телеграм-канал о продуктовом дизайне и инструментах для него, о карьере дизайнера и эмиграции. Опечатки и обратную связь → @okunev