Найти в Дзене

Как сделать прототип для сайта, если вы дизайнер?

Сегодня поделюсь основными «правилами» и своим подходом к работе над текстами и прототипом сайта

В самом начале работы мы с заказчиком обсуждаем и согласуем примерную структуру страницы по блокам (либо у заказчика есть какие-то пожелания, либо структуру полностью предлагаю я).

Дальше два пути:

— Заказчик с этой структурой уходит к копирайтеру/пишет сам и приносит готовый текст

— Заказчик даёт мне старый сайт и/или соцсети, и тексты по структуре пишу я.#nbsp;

Написание текстов и создание прототипа у меня — одновременный процесс, я не пишу их в документе и не согласую отдельно, а сразу все вместе собираю в Фигме.#nbsp;

Процесс примерно такой:

— Рисую меню. Обычно в первую очередь, чтобы ничего из структуры не забыть.#nbsp;

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

— Расставляю кнопки, ссылки, карточки и прочие UX-элементы.

Дальше по очереди работаю с текстом в каждом блоке:

— Собираю в кучу весь текст заказчика, который относится к конкретному заголовку.#nbsp;

— Сокращаю, редактирую и переписываю, чтобы осталось поменьше воды и побольше смысла.

— Перечитываю сайт «по заголовкам», чтобы убедиться, что структура сайта логичная.#nbsp;

— Готово, записываю презентацию и отправляюсь согласовывать.#nbsp;

Если есть готовый текст от заказчика, то процесс аналогичный, потому что тексты почти всегда нуждаются в доработке.#nbsp;

Что важно: на этапе прототипа я вообще не думаю про дизайн. Мои прототипы это почти всегда унылый набор серых квадратов и больших абзацев текста с минимальным оформлением.#nbsp;

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

Собрала ключевые правила в такие вот карточки. Слева — прототип сайта, справа — итоговый дизайн (как видите, они в основном не очень похожи).

-2
-3
-4
-5
-6
-7

Всегда ли делаю прототип?

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

Как презентуешь заказчику?

Как и дизайн - записываю видеопрезентацию.

Что самое важное?

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

А как над прототипом работаете вы?

———

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