Советы и рекомендации по UX-портфолио

Опубликовано: 2022-03-11

В своих мемуарах Let My People Go Surfing Ивон Шуинар, основатель всемирно известной торговой марки Patagonia, пишет:

То, как вы взбираетесь на гору, важнее, чем достижение вершины.

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

Вместо того, чтобы думать о портфолио как о демонстрации навыков — «Вот что я умею» — UX-дизайнеры должны воспользоваться возможностью проиллюстрировать свой процесс и создать восхитительный пользовательский опыт — «Вот как я использую дизайн для решения проблем людей».

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

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

UX-дизайн сайта для агентства
Отличный способ найти вдохновение для портфолио — обратиться к дизайнерским агентствам UX. Этот пример от Momentum Design Lab показывает, как обобщить сложный процесс проектирования с помощью простой графики и понятного языка.

В этом руководстве мы покажем UX-дизайнерам, как создать блестящий веб-сайт-портфолио, используя:

  • Изучение основных вопросов о процессе
  • Делимся практическими советами и ресурсами по дизайну портфолио
  • Предоставление убедительных примеров портфолио UX

Давайте начнем.

Вопросы портфолио, на которые должен ответить каждый UX-дизайнер

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

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

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

Какой я тип UX-дизайнера?

Не ограничивайте возможности будущей карьеры прошлыми должностями. Найдите время, чтобы оценить, что вы на самом деле делаете и как вы это делаете. Вы можете быть удивлены, обнаружив, что на протяжении всей вашей карьеры вас неправильно называли. Цель этого вопроса — добраться до центра вашего процесса UX-дизайна — раскрыть шаблоны решения проблем, на которые вы полагаетесь снова и снова.

Это большой вопрос, но не бойтесь того, что вы можете найти. Как и со всеми большими вопросами, лучше начинать с вопросов поменьше, поэтому спросите себя:

  • Есть ли общая нить, которая проходит через типы проблем дизайна UX, которые я обычно решаю?
  • Каковы повторяющиеся этапы моего процесса проектирования UX?
  • Какие методы я использую для проведения исследований и что мне делать с моими выводами?
  • Есть ли подходы к решению проблем, которые я ценю выше других?
  • Как я пришел к этому моменту в своей карьере UX-дизайнера и какой соответствующий опыт у меня действительно есть?

*Совет: ответив на эти вопросы, суммируйте все свои ответы в одном легко читаемом предложении и разместите его на видном месте на странице «Главная» или «О нас» вашего портфолио.

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

Что я делаю в области UX-дизайна?

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

Вот несколько вопросов, которые помогут вам начать работу:

  • Я UX-исследователь или дизайнер?
  • Являюсь ли я специалистом по UX? Могу ли я легко переключаться между исследованиями UX и дизайном?
  • Я специалист? Есть ли конкретноеисследование UX или задача дизайна, в которой я преуспеваю и хочу сделать больше всего на свете?
  • Распространяются ли мои навыки на дизайн пользовательского интерфейса и визуальный дизайн?
  • Есть ли у меня возможность, опыт и желание управлять командой профессионалов UX?

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

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

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

Каковы мои соответствующие навыки, связанные с UX?

Вот трудная пилюля: длинный список «соответствующих навыков» на вашем сайте-портфолио не добавляет ценности вашим посетителям .

Навыки UX-дизайна и лучшие практики портфолио
Длинные списки дизайнерских навыков и достижений трудно читать и легко замалчивать.

Есть лучший способ продвигать свои способности в дизайне UX — через призму ваших проектов. Это означает вплетение программ и методов дизайна, которые вы используете, в презентацию визуальных эффектов и описаний вашего проекта.

Для начала выберите проект, которым вы гордитесь, и задайте такие вопросы, как:

  • Какой вклад я внес в этот проект на каждом этапе процесса проектирования UX?
  • Какие инструменты и методы я использовал, чтобы внести свой вклад?
  • Создал ли я или помог реализовать стратегию, которая оказала большое влияние на конечный продукт?
  • Принимал ли я участие в ранних переговорах с клиентами или в разработке проектного предложения?
  • Были ли какие-либо серьезные препятствия, которые требовали от меня выполнения задач, выходящих за рамки моей обычной области знаний?

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

*Совет: некоторые UX-дизайнеры включают сводку «Используемые навыки» для каждого проекта в своем портфолио. Это может быть эффективно, но также может иметь неприятные последствия, если вы перечислите слишком много навыков или выделите те, которые не вписываются в общие рамки вашего процесса проектирования UX.

Как и для кого я хочу использовать свои навыки UX-дизайна?

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

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

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

Чтобы понять, как и для кого вы хотели бы использовать свои навыки UX-дизайна, спросите себя:

  • В каких двух основных отраслях я хотел бы работать?
  • Есть ли у меня проекты или прошлый опыт, которые помогут мне найти работу в предпочтительной для меня отрасли?
  • Какой рабочий темп мне нравится? Я в порядке с долгими часами?
  • Хочу ли я заниматься фрилансом? Работаете со стартапами? Сделать корпоративную карьеру?
  • Есть ли организация или дело, на которое я хочу повлиять своей работой?
  • Сколько я хочу получать?
  • Где я хочу жить? Хочу ли я работать удаленно?

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

Покажи и расскажи — практические советы по дизайну для портфолио UX

Каждый пиксель сайта-портфолио — это возможность создать восхитительный пользовательский опыт. От визуальных элементов проекта до информационной архитектуры сайта — каждый элемент дизайна — это повод заявить: «Я первоклассный UX-дизайнер».

Итог: относитесь к портфолио как к профессиональным проектам и используйте эти практические советы по дизайну для сайта, который действительно сияет.

Выведите процесс проектирования на передний план благодаря визуальной простоте

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

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


Сделайте портфолио и включите наброски процесса
Даже агентства UX-дизайна, такие как Cyber ​​Duck, делятся концептуальными эскизами и низкокачественными интерфейсами, чтобы продемонстрировать свой процесс решения проблем.

Напишите четкие резюме проекта, чтобы привлечь посетителей портфолио

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

Резюме проекта веб-сайта дизайна UX
Резюме проекта Билла Триббла кратко определяет проблему дизайна UX и представляет его роль в решении.

Продемонстрируйте опыт, объяснив процесс без жаргона

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

Четко определенный процесс проектирования UX
Исследование UX-дизайна может быть сложным, но дизайнер Мария Корино использует простой для понимания язык, чтобы прояснить цель своих исследований.

Продемонстрируйте свою способность сотрудничать с другими

  • Он не должен быть обширным, но покажите случаи, когда вы хорошо работали с другими профессионалами в области дизайна и разработки.
  • Если у вас есть опыт работы с C-Suite, выделите его.
  • Если вы руководили продуктовой командой или группой удаленных сотрудников, запишите это.

Курируйте свою работу и отбрасывайте все, что не идеально

  • Самостоятельное редактирование — одна из самых сложных задач для творческих профессионалов, но имейте в виду, что люди посещают ваше портфолио не для того, чтобы просмотреть каждый проект, который вы когда-либо завершили.
  • Кроме того, ваша работа 3-4-летней давности, вероятно, сильно отличается от проектов, над которыми вы работали в течение последних 12-18 месяцев.
  • Покажите все, на что способны, и убедитесь, что нет ничего, что противоречило бы вашему обычному процессу проектирования UX.

Укрепляйте доверие с помощью отзывов заинтересованных сторон

  • Природа проектной работы такова, что дизайнеры часто налаживают тесные рабочие отношения с заинтересованными сторонами проекта. Включение краткого отзыва из 1-2 предложений от заинтересованного лица (вместе с фото) — отличный способ вызвать доверие у людей, которые будут нанимать вас в будущем.
  • Просто убедитесь, что отзывы, которые вы используете, относятся к типу UX-клиентов, которых вы хотите привлечь.

Страница с отзывами о дизайне портфолио
UX-дизайнер Тамара Олсон полагается на жирный шрифт заголовка, чтобы выделить ключевые фразы из отзывов клиентов, которые говорят о ее дизайнерских навыках и позитивных отношениях с клиентами.

Ссылка на живые примеры и доказательство реальных достоинств вашей работы

  • Потенциальным клиентам или менеджерам по найму может быть полезно испытать ваши проекты на себе, поэтому не стесняйтесь включать ссылки на живые примеры вашей работы.
  • Но не полагайтесь только на ссылки. Каждый проект в вашем портфолио нуждается в контексте и объяснении вашего участия.
  • Предупреждение: время от времени проверяйте свои ссылки, чтобы убедиться, что ваша работа по-прежнему точно представлена. Клиенты иногда имеют привычку «возиться» с готовыми продуктами, и из-за этого ваши способности могут показаться дилетантскими.

Разработайте мощный призыв к действию и предоставьте контактную информацию

  • Это легко упустить из виду, но важно (особенно для фрилансеров) побудить посетителей сайта связаться с вами.
  • Лучше всего это делать в конце проекта — после демонстрации того, что вы можете сделать. «Как то, что ты видишь. Давай поговорим."
  • Затем обязательно предоставьте людям один или два надежных способа связаться с вами.

Призыв к действию сайта-портфолио и контактная информация
UX-дизайнер Алекс Гилев не соглашается на скучную кнопку «Свяжитесь со мной». Вместо этого он заманивает посетителей обещанием: «Работайте со мной, и ваш продукт станет лучше».

Помните о 5 основах экспертного UX-портфолио

Если вы больше ничего не помните из этого руководства, запомните эти пять основных истин:

  1. Процесс имеет первостепенное значение, и портфолио UX-дизайна должно четко определять, как дизайнеры переходят от проблемы к решению.
  2. Портфолио UX-дизайна — это больше, чем демонстрация навыков, это возможность создать приятный пользовательский опыт и продемонстрировать мастерство в процессе UX-дизайна.
  3. Простые описания проекта и визуальные эффекты более эффективны, чем технический жаргон и яркие образы.
  4. Каждый проект в портфолио UX-дизайнера должен четко указывать исполняемые роли и сделанный вклад.
  5. Дизайнеры должны адаптировать свои UX-портфолио под конкретную аудиторию.

Артефакты исследования элементов UX
UX-дизайнер Фабио Муниз делится артефактом дизайна, созданным в Google Docs. Помните, кричащие изображения продуктов — это нормально, но они не затрагивают сути дизайнерского процесса.

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

• • •

Дальнейшее чтение в блоге Toptal Design:

  1. Лучшие инструменты UX [с инфографикой]
  2. Проверенные и верные законы UX [с инфографикой]
  3. Ultimate UX Hook — упреждающий, убедительный и эмоциональный дизайн в UX
  4. Опыт — это все — Полное руководство по UX
  5. 10 UX-результатов, которые используют лучшие дизайнеры