К содержанию

07 / Дизайн

UX/UI-дизайнер

Сделай следующий шаг понятным.

Проектирует экраны и действия в цифровом продукте, проверяет понятность решения и дорабатывает его.

Попробовать задачу 3 действия · бесплатно

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

ПРОБУЙ ДЕЛОДИЗАЙН

РАБОТА ИЗНУТРИ

Чем занимаешься.

Пример рабочего поручения

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

01

Понять задачу человека

Уточнить, чего пользователь пытается добиться и где сталкивается с трудностями.

02

Продумать последовательность

Решить, какая информация и действия нужны на каждом шаге.

03

Собрать макет

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

04

Испытать и доработать

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

НЕ ТОЛЬКО ЗАДАЧИ

С кем работаешь.

Дизайнер обсуждает работу с пользователями, исследователями, разработчиками и руководителем продукта. Объясняет решения через задачу и наблюдения, а не только вкус.

Школьные знания в деле

  • Рисование и помогают работать с формой.
  • Информатика знакомит с цифровыми продуктами.
  • Наблюдение и точная речь помогают описывать проблему без догадок о человеке.

БЕЗ ВЫБОРА НА ВСЮ ЖИЗНЬ

Как познакомиться ближе.

СПОСОБ 01

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

СПОСОБ 02

На открытом занятии сравни первый с исправленной версией: что изменили после проверки?

СПОСОБ 03

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

Один следующий шаг

Сделай вторую версию бумажного экрана по одному наблюдению из проверки. Запиши, какую трудность исправляешь.

Что спросить у специалиста

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

ПОПРОБУЙ РАБОЧУЮ ЗАДАЧУ

Запись на занятие с телефона

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

Бесплатно

Решение по экрану записи

Три действия и бесплатный разбор.

Ответы не отправляются на сервер.

Текст задания и разбор без интерактива

1. Какой вариант выполняет все условия?

  • Название, время и стоимость спрятаны под значком; кнопка «Далее».
  • Название, день, время и стоимость видны; кнопка «Записаться».
  • Крупная картинка, кнопка «ОК»; условия после записи.
Ответ и объяснение

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

2. Стоимость показана только при наведении мыши. Что исправить для телефона?

  • Показывать стоимость обычным текстом до записи.
  • Сделать подсказку ярче, оставив только наведение.
  • Ничего: мышь есть у всех.
Ответ и объяснение

На телефоне нельзя полагаться на наведение. Важное условие должно быть доступно до действия обычным способом.

3. Как проверить понятность макета?

  • Спросить только «красиво?».
  • Сначала объяснить расположение каждой кнопки.
  • Дать человеку задачу записаться и посмотреть, где он останавливается, не ведя его по шагам.
Ответ и объяснение

Наблюдение за выполнением задачи помогает увидеть затруднения. Оценка красоты сама по себе этого не показывает.

ПРОДОЛЖИТЬ ЗНАКОМСТВО

Больше задач направления «Дизайн»

В углублённой пробе — 12 новых задач направления, подсказки и подробный разбор. Цена — 190 ₽, разовая покупка. Проба охватывает направление в целом.

Бесплатная мини-проба и её разбор остаются доступны без покупки. Подробная карта за 490 ₽ включает все восемь углублённых проб.
Посмотреть состав · 190 ₽

Все действующие предложения

ДРУГИЕ ЗАДАЧИ ЭТОГО НАПРАВЛЕНИЯ

Посмотри соседние профессии.