Freedom EducationМатериалы курса
Статья Freedom / Работа в Figma

Как показать улучшение макета

Картинка «до и после» полезна, когда видно, что изменилось и зачем. Просто сделать новую версию ярче недостаточно.

Редакция Freedom Education03.10.2026

01Выбери одну проблему

Например, цена теряется среди текста или кнопка расположена далеко от описания. Сохрани исходную версию, чтобы сравнить результат.

02Меняй по делу

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

03Подпиши разницу

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

04Что считать улучшением, кроме красивой картинки

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

Сформулируй его до правки: «Можно ли быстро узнать, когда старт?» Затем измени расположение или выделение нужной информации. Так у тебя появится причина для выбора, а сравнение до и после будет содержательным. Важная деталь: используй в обеих версиях одинаковое содержание.

05Как рассказать об изменении в кейсе

Покажи не весь файл, а участок, где видна разница. Подпиши, что было трудно и что ты изменил. Если кто-то проверял макет, опиши конкретное наблюдение без преувеличений: человек нашёл дату без подсказки, а не «удобство выросло на сто процентов».

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