July 2, 2021

Качаем UI во время standup

"Делал вот это, буду делать вон то, не заблокирован" — утренняя мантра IT-команд. Обычно ей все и заканчивается на стендапах. Можно ли использовать это время лучше?

У меня был интересный опыт на эту тему с моей дизайн-командой в Connect club.

Делать, не только говорить

Когда команда маленькая (включая меня в команде 4 дизайнера) — можно и поглубже что-то обсудить, и даже что-то сделать во время стендапа.

У нас была грязь в макетах, хотелось:

  • Перестать использовать группы (потому что у них куча косяков с constrains, заливками и прочим) и перейти полностью на фреймы.
  • Избавиться от прямоугольников в качестве заливки (потому что потом они постоянно лезут под руку и мешают выделять нужное) и начать использовать свойство fill у фреймов
  • И т.д. и т.п.

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

Что делать? Нужны упражнения.

Зарядка для правильных привычек

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

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

Звучит хорошо, но лень и некогда. Что делать?

  • Тренироваться регулярно, в одно и то же время
  • Пристегнуть тренировку к чему-то уже привычному, что уже происходит каждый день
  • Делать вместе, чтобы легче было не сбежать и не забить
  • Вкладывать в это не слишком много времени, чтобы такие упражнения ничему серьезному не мешали
  • Начинать с чего-то максимально простого, чтобы сил и мыслетоплива хватало с избытком

Встречайте — standup-workout

Мы решили пристегнуть к ежедневным стендапам — небольшую зарядку. Упражнение было одно:

  • Нарисовать фрейм со скруглением углов и автолейаутом,
  • вставить в него надпись, по центру, выставив паддинги.
  • Задать ферйму заливку из дизайн-системы.
  • Задать тексту заливку и стиль из дизайн-системы.

Повторить 15 раз.

И всё. Простые и тупые упражнения хорошо работают.

Хотите правильно именовать слои — наберите пачку простых картинок с Dribble и перерисовывайте их каждый день, не особо следя за качеством графики, но упарываясь по именованиям слоев и группировке. Поделайте это неделю, повторите это действие 50-60 раз — и у вас появится начальная привычка это делать.

Хотите использовать фреймы вместо групп — создайте 50-60 фреймов, чтобы пальцы привыкли.

Хотите перестать думать о кнопках — научите руки нажимать кнопки правильно.

Как это выглядело

День первый:

  • Мы придумали четкий алгоритм, по которому надо было идти
  • Каждый дизайнер сделал по нему 5 "кнопок"

День второй:

Каждый придумал более клевый, простой и быстрый алгоритм, мы попробовали их все

День третий-пятый и далее:

Мы дошлифовали алгоритм, обучили руки, стали делать фреймы очень быстро и на автомате

Что дал нам этот воркаут

  • файлы стали чище — перестали встречаться прямоугольники в подложках, реже стали встречаться группы, файлы организованы лучше
  • стали быстрее работать (это заметно, потому что мы часто работаем в "шесть рук")
  • стали импрувить свои микродействия в фигме

Что было дальше

Мы пошли дальше улучшать наш стендап. И для начала — сделали всю "отчетную часть" письменной.

Утром перед стендапом каждый пишет:

  • Какие есть вопросы (если есть)
  • Какие макеты хочет показать (если хочет)
  • Что делалось (надо бы писать что СДЕЛАНО, но пока это не внедрили)
  • Что будет делаться

Вот скриншотик с примером:

Что нам это дало:

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

Подписываемся и лайкаем :)

Я веду индивидуальный менторинг, партнерюсь с интересными продуктами, и с удовольствием отвечаю на вопросы.

Мой телеграм (написать в личку)

И мой телеграм-канал

И Youtube