Портфолио UX/UI-дизайнера
Покажите, как человек выполняет задачу в интерфейсе. В кейсе ELL можно выстроить скриншоты по ходу действия и объяснить решение, которое помогло пройти сложный шаг.
Задача
Условный пример
Учебная ситуация для объяснения сценария.
До
В макете записи в мастерскую есть выбор услуги, расписание с занятым днём и подтверждение. Все экраны показаны одной лентой, а причина появления альтернативных дат остаётся за кадром.
После
В кейсе видна цепочка из четырёх экранов. Человек выбирает услугу, замечает занятый день, переносит запись на ближайшее время и видит подтверждение. Под кадрами дизайнер объясняет, почему выбор услуги сохраняется при смене даты.
Порядок действий
- Запишите цель одним предложением, например «выбрать услугу и записаться на удобное время». Отберите экраны только для этой задачи.
- Добавьте ключевой момент выбора, одно затруднение и состояние после его решения. Возьмите тестовые имена и данные или подготовьте скриншоты с разрешением на показ.
- Если профиля ещё нет, заполните его и нажмите «Сохранить профиль». Затем нажмите «Добавить работу», укажите название и выберите «Дизайн» и «Скриншоты».
- Добавьте экраны в порядке действий пользователя. В поле «О задаче и результате» опишите ограничение, свою роль и причину изменения.
- Нажмите «Сохранить работу». Затем откройте «Предпросмотр» и проверьте на телефоне порядок экранов и читаемость подписей. Перед отправкой ссылки проверьте статус публикации.
Проверить перед завершением
- Первый экран показывает цель человека.
- Состояние ошибки или исключения связано со следующим шагом.
- Личный вклад и способ проверки подписаны.
- Скриншоты можно показывать публично.
Ограничения и условия
Вопросы и ответы
Сколько экранов нужно для UX/UI-кейса?
Возьмите столько, сколько нужно для одного сценария. В галерею ELL можно добавить до шести изображений. Обычно достаточно цели, ключевого шага, сложного состояния и результата.
Что написать о проверке сценария?
Укажите, как вы получили наблюдение. Для интервью назовите конкретный вопрос, для теста — задачу и то, что заметили. Если проверки ещё не было, подпишите решение как гипотезу.
Как показать командную работу?
Назовите, за какие экраны и решения отвечали лично. Отдельно укажите, от кого получили исследования или с кем проверяли прототип.
Выберите один пользовательский сценарий
Поставьте его цель на обложку и покажите, в какой момент ваше решение помогло человеку продолжить.
Собрать UX/UI-кейс