Привет! Сегодня я расскажу про процесс создания первого проекта для вашего портфолио.
Вся работа начинается с понимания целей и потребностей пользователей. Вы должны изучить, что они хотят, что им нужно и как они будут использовать ваш продукт. И только после этого можно переходить к созданию макетов и прототипов.
Инструменты, которые вы будете использовать, зависят от ваших потребностей и предпочтений. Для создания макетов и прототипов вы можете использовать Figma, Adobe XD или Sketch. Лично я выбрала Figma и считаю его лучшим инструментом для UX/UI дизайнеров.
Когда макеты и прототипы готовы, вы можете провести тестирование с реальными пользователями, чтобы убедиться, что ваш продукт решает их проблемы и удовлетворяет потребности. На основе обратной связи можно внести необходимые изменения и улучшить продукт.
Важно помнить, что процесс создания продукта - это итеративный процесс, который требует постоянной работы над улучшением и оптимизацией. Инструменты, которые вы выбираете, должны помочь вам в этом процессе.
Итак, инструмент выбрали. Что дальше? Допустим у вас нет заказов, вы решили сделать проект "для себя", а точнее для своего портфолио.
Совет: Рекомендую отнестись к нему как к настоящему проекту.
Перед тем как начать, определитесь с тем, что вы хотите создать: сайт, лендинг, онлайн сервис или мобильное приложение. Выберите проект, который будет доступен для исследования. Если вы мама маленьких детей, то можете попробовать создать веб-интерфейс для электронного дневника или платформы для обучения. Если вы студент, то можете создать сайт своего университета. Это позволит вам иметь доступную аудиторию для исследований, проведения интервью, опросов и UX-тестирования вашего проекта. Также вы сможете отработать навыки проведения исследований, которые могут быть сложными и требовать времени. Если бы мне посоветовали такую стратегию, когда я начинала, я, возможно, достигла бы своих целей быстрее и эффективнее. Это также поможет вам набраться опыта в проведении исследований и улучшить свои навыки.
Выбирая проект для портфолио учитывайте аудиторию, она должна быть доступной для вас
После выбора проекта начните проводить исследования. Существует множество типов исследований, некоторые требуют финансовых затрат. На первых порах для пробного проекта можно проводить глубинные интервью и опросы среди знакомых и коллег. Вы также можете провести конкурентный анализ, изучив сайты, сервисы и приложения конкурентов. Далее можно описать требования в виде user story, короткого описания использования продукта в конкретной ситуации. Более подробно о проведении исследований расскажу в следующих постах.
Для каждой задачи в списке нужно описать, какой конкретный шаг пользователь сделает, чтобы выполнить задачу, и что он ожидает получить в результате. Например, "Пользователь хочет отправить сообщение другу через мессенджер. Он нажимает на иконку мессенджера на главном экране, выбирает друга из списка контактов и набирает сообщение".
Важно также учитывать контекст использования продукта, чтобы сценарий использования был реалистичным и соответствовал реальным потребностям пользователей. Далее, используя эти user story составляем user flow.
User flow - это путь, который пользователь проходит, используя ваш продукт, чтобы выполнить определенную задачу или достичь определенной цели. User flow включает в себя последовательность шагов, которые пользователь должен сделать, чтобы достичь своей цели. User flow помогает UX-дизайнеру понять, как пользователи взаимодействуют с продуктом и выявить проблемные моменты на пути к выполнению задачи. Это помогает улучшить пользовательский опыт, сделать продукт более интуитивно понятным и удобным для использования. Удобнее всего делать user story и user flow в веб сервисе Miro. В Miro есть много удобных инструментов, которые помогают построить flow в виде блок-схем или потоковых графиков (попробуйте разные варианты, выберите тот, который удобен для вас).
Один из вариантов оформления user flow
Про user flow и story расскажу подробнее позже, сейчас я просто рассказываю про основные этапы проектирования пользовательского интерфейса.
После изучения пользователей и понимания их пути на сайте или в продукте, можно начать проектировать интерфейс. Для этого можно использовать прототипы, созданные на бумаге, в Miro или других удобных программах. Они помогут визуализировать расположение элементов и определить их функциональность.
Вайфреймы позволяют определить расположение и функциональность элементов
Далее можно перейти к созданию детального прототипа (это можно сделать в той же Figma или Miro). Следующим этапом будет визуализация всех элементов и добавление связей (действия и переходы при нажатии на какие-либо элементы интерфейса).
Юзабилити тесты проводятся на потенциальных пользователях, чтобы понять удобен ли интерфейс и что лучше изменить. После тестов можно внести изменения и начать оформлять проект для портфолио.
Протестировать можно на той же аудитории, для которой вы делали ваш проект. Если ваши родители входят в эту аудиторию, то тестируйте на них😉
Не забудьте добавить в описание проекта результаты исследований (не раскрывая личную информацию респондентов).
Надеюсь, что я смогла описать основные этапы создания ux ui проекта понятно и доступно. Важно понимать, что каждый проект уникален и может требовать отдельной настройки и подхода. Некоторые этапы могут быть пропущены, а некоторые могут потребовать дополнительной работы. Например, для некоторых проектов может потребоваться создание CJM (customer journey map), что я подробно расскажу в следующих постах. Подписывайтесь на мой канал, чтобы не пропустить новые уроки.