EverProduct
UX-дизайн

Этап 05 · Работа дизайнера

Существует только тот дизайн, который выкатили

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

Открой файл. Теперь открой продукт. Сравни.

Отступы другие. Двух состояний нет. Сообщение об ошибке говорит то, чего ты не писал. Пустой экран, на который ты потратил день, не собрали вовсе — его не было в задаче.

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

Файл — это не продукт. Существует только то, что выкатили.

Разработчики — не исполнители

Самая дорогая ошибка дизайнера — спроектировать в изоляции и потом презентовать.

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

Никто ничего не сделал плохо, а недели нет. Спрашивай до проектирования:

«Что здесь дёшево, а что дорого?» Ответ регулярно перекраивает дизайн бесплатно. Некоторые вещи — обновления в реальном времени, синхронизация между устройствами, отмена между сессиями, произвольная сортировка больших данных — несут стоимость, невидимую со стороны дизайна.

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

«Что тебя здесь беспокоит?» Разработчики обычно уже заметили крайний случай, которого не заметил ты. Один этот вопрос покупает тебе всю их модель системы в одном ответе.

Показать разработчику черновой набросок ощущается как показ незавершённой работы. Это и есть показ незавершённой работы — в том и смысл, а почему грубому отвечают честно, объясняет статья о прототипировании.

Передача — это не бросок

То, что сборке реально нужно от тебя, простирается далеко за экран с размерами:

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

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

Продукт, приоритеты и деньги

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

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

Два хода, меняющие то, как тебя слышат:

Приноси задачу, а не запрос. «Шестеро из восьми потеряли свой номер, двое позвонили в поддержку» начинает другой разговор, нежели «я хочу переделать оформление заказа».

Называй сделку, которую предлагаешь. «Этот вариант на неделю длиннее и убирает шаг, на котором отваливаются 40%». Теперь решение принадлежит комнате, сформулировано в её терминах, а ты участник, а не поставщик.

Ограничения — это материал

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

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

Профессиональный ход — назвать ограничения явно в начале, отделить настоящие от предполагаемых и проверить предполагаемые. Половина того, что команда считает неподвижным, оказывается решением, принятым кем-то в 2019-м и с тех пор не пересматривавшимся.

Выкаченное лучше идеального — кроме случаев, когда нет

Дизайн, который дошёл до людей на 80%, лучше дизайна, который не дошёл ни до кого на 100%. Сроки существуют, и отказ резать объём — не принципиальность, а способ не иметь влияния.

Но нужно знать, какие 20% не обсуждаются. Грубая сортировка:

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

Не обсуждается: всё, что теряет чужие данные, всё, что вводит в заблуждение насчёт денег, всё, что исключает людей полностью (клавиатура, контраст, подписи), всё, что необратимо разрушает доверие.

Различение, которое надо держать на встрече, — между «не отполировано» и «сломано». Первое выкатывают и улучшают. Второе выкатывать нельзя, и сказать это ясно, один раз, с обоснованием, тоже часть работы.

Работа в одиночку

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

Три работающие замены:

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

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

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

Дизайн-долг — это настоящий долг

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

Записывай его туда, куда команда записывает дела. Дай каждому пункту стоимость в терминах выше — обращения, отвал, непонимание — и погашай кусками вместе с задачами. Дизайн-долг, живущий только в личном раздражении дизайнера, не погашается никогда.

На практике

Покажи набросок разработчику на этой неделе. До готовности. Спроси, что дёшево, а что дорого.

Добавь недостающие состояния в следующую передачу. Пустое, загрузка, частичное, ошибка — с настоящими строками.

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

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

Разложи текущие сокращения объёма на «не отполировано» и «сломано». Защищай только второй список — и один раз, ясно.

Заведи список дизайн-долга. Пять пунктов, у каждого стоимость. Положи туда, где команда его видит.

Проверь себя

Закрой статью и ответь своими словами:

  1. Почему дизайн в твоём файле — не тот дизайн, который существует?
  2. Какие три вопроса надо задать разработчику до проектирования?
  3. Что нужно сборке от тебя, кроме экрана с размерами?
  4. В чём разница между «принести запрос» и «принести задачу»?
  5. Почему бриф без ограничений обычно хуже ограниченного?
  6. Где проходит граница между «не отполировано» и «сломано» и почему это важно на встрече о сроках?
  7. Какие три замены команде есть у того, кто работает один?

Коротко

  • Существует только выкаченный дизайн. Разрыв между файлом и продуктом показывает реальное влияние дизайнера.
  • Говори с разработчиками до проектирования: что дёшево, что дорого, что уже есть, что их беспокоит.
  • Передача включает все состояния, поведение, правила адаптива и контента и точные слова — плюс доступность во время сборки и дизайн-QA после.
  • Говори результатами и сделками; приноси задачу и свидетельства, а не запрос.
  • Ограничения сужают пространство поиска и улучшают работу. Называй их и проверяй, какие «неподвижные» на деле являются допущениями.
  • Выкаченное на 80% лучше идеального и невыкаченного, но знай неприкосновенную пятую часть: потеря данных, обман про деньги, исключение людей, разрушенное доверие.
  • В одиночку заменяй отсутствующую команду письменным брифом, ограничением по времени и одной парой чужих глаз.
  • Дизайн-долг копится как технический; запиши его со стоимостью, иначе он не будет погашен.