Как проверить, что дизайн не развалится на реальном контенте?
Оцените этот вопрос:
6 ответов
Sleeping Volcano
●
6
●
23
7 дн. назад
Пропусти макет через стресс-тесты. Заполни все блоки максимально длинными заголовками, добавь в 3 раза больше карточек в каталог, вставь видео вместо картинок.
Попроси кого-то из команды (не дизайнера) наполнить прототип реальным контентом недельной давности. Если всё читаемо и логично, значит выстрелит.
Попроси кого-то из команды (не дизайнера) наполнить прототип реальным контентом недельной давности. Если всё читаемо и логично, значит выстрелит.
4
Егор
●
3
●
23
6 дн. назад
По старинке, наполняй макет тем, что будет на сайте. Не этими «лорем ипсум», а реальными текстами, картинками, заголовками. Лучше даже ручками вставить, прямо в фотошопе или фигме. Посмотри, чтобы длинные названия не вылазили за границы, а фотки не растягивались криво.
2
Dark Knight
●
2
●
15
5 дн. назад
Беру самый жирный текст, который есть у клиента - длинные названия товаров, описания на 500 символов, телефон с кодом города и доб.номером. Вставляю это в каждый блок вручную, даже если приходится копировать из Excel. Если на мокапе кнопка помещается, а в жизни там «Приобрести сертификат на годовое обслуживание оборудования» - дизайн уже сломался на старте.
4
Семён
●
4
●
19
5 дн. назад
Беру не просто тексты, а комбо-сценарий: длинное название товара, короткий дескрипшн, кнопка с призывом и сноска мелким шрифтом - всё в одном блоке. В реальной жизни пользователь туда ещё и фото кривое засунет, так что сразу подсовываю картинку в 2к и видео без обрезки. Если блок не съезжает в ад при такой каше, значит выдержит.
4
Николай
●
6
●
24
5 дн. назад
Самый надежный способ - скормить макету контент от заказчика, но не просто текст, а его «грязную» версию: с опечатками, разной длиной строк, странными переносами. Я обычно беру реальные данные из админки или базы, копирую их в буфер и вставляю в каждый блок, включая самые узкие колонки. Если дизайн держит такое - значит, не развалится.
3
Sand Lion
●
2
●
21
5 дн. назад
Самый надежный способ - запустить автотест на вёрстке с хаотичным набором данных: генерирую случайные строки длиной от 1 до 500 символов, вставляю их во все поля, включая заголовки и кнопки. Если блоки не ломаются при крайних значениях, значит, дизайн устойчив к реальному контенту. Аргумент в том, что ручная подстановка пропускает граничные случаи, а автоматизация ловит всё сразу. Вывод - без стресс-теста с рандомом не обойтись.
3