Статьи
Каким должно быть портфолио UX дизайнера
Head of UX Department в Vintage Web Production и Гарольд рассказали,что нужно показать в портфолио
10 августа, 2018
avatar
Олег Карапузов
Head of UX Department в Vintage Web Production
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

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

* Я не UI дизайнер и не умею работать с картинками, поэтому нашел пару на фотостоке 🙂

Гарольд готов и даже открыл свой ноутбук

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

Самое главное тут показать процесс, то, как вы подходили к задаче, какие делали гипотезы и на основе чего, как исследовали целевую аудиторию (спойлер это 100% нужно показать) и какие инсайты получили.

Гарольд слегка удивлен и уже хуже скрывает свою боль

1. Задача.

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

Гарольд пошел описывать бизнес заказчика и задачи

2. Далее нужно показать, как вы эту задачу решали.

Тут есть несколько обязательных моментов, которые нужно раскрыть. Первое, это то, как вы исследовали аудиторию. Как известно, что UX без пользователей не UX. Есть несколько вариаций того, что вы можете сделать: опросы, интервью, наблюдения, аналитика, юзабилити тестирования… Но что-то связанное с пользователями обязательно.

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

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

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

Создавать персонажей Гарольду нравится на бумаге. В кадр попали деньги от заказчика на проект

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

Далее показать архитектуру проекта, как и почему решили размещать и группировать элементы.

3. Показать прототип и его тестирование.

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

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

Тут уже можно показать скрины, возможно интерактив, который вы сделали.

Результат желательно подкрепить результатами, достигнутыми показателями, результатами тестирований…Тут уже можно показать финальный дизайн, выводы и дальнейшие планы по развитию проекта.

Гарольд празднует успех

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

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

Приблизительно, как может быть показан ваш кейс: blog.prototypr.io

Вот, как мы это сделали в Винтаже: uxdesign.cc

Пользовательские исследования ссылками что есть что: uxchecklist.github.io


Ранее Олег Карапузов специально для Telegraf.Design в рубрике #экспертиза разобрал удобство и дизайн приложения «Ліки Контроль», которое презентовало Министерство здравоохранения.

Все изображения: dreamstime.com

 

avatar
Олег Карапузов
Head of UX Department в Vintage Web Production
Колонка

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: