Примеры портфолио по UX-дизайну

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

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

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

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

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

В портфолио по продуктовому дизайну акцент смещается с проблемы пользователя на проблему бизнеса. В примерах портфолио по продуктовому дизайну обычно сначала указывается метрика, на которую были сделаны изменения, и объем работ, который был сокращен для выпуска продукта. Портфолио по UX-дизайну в большей степени опираются на методы исследования. Структура сайта обычно идентична: короткий указатель, затем длинные страницы с примерами из практики.

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

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

Да. Pixpa В каждом тарифном плане есть блок HTML, JS, CSS, который можно перетаскивать, а также возможность внедрения кода на уровне страницы, поэтому код встраивания Figma, прототип Framer, пошаговое руководство Loom или CodePen можно сразу же разместить на странице кейса. Пользовательский CSS также включен в каждый тарифный план, поэтому шаблон является отправной точкой, а не фиксированной разметкой.