Найти в Дзене

Прототипирование лендинга - инструмент копирайтера

В статье пойдет речь о прототипах или макетах для лендингов. Для чего они нужны, почему копирайтеру стоит рассмотреть этот инструмент для своей работы. Что из себя представляет прототип лендинга Жизнь копирайтера не стоит на месте - с развитием сайтостроения, появлением лендингов появилась потребность мыслить не только в рамках текста, а более широко. В рамках всего проекта. Разрабатывая текст для лендинга, логично создать и его черновой вариант. Хотя...современные инструменты позволяют создавать вполне динамичные прототипы, которые не хуже самого сайта. Прототип представляет собой основу лендинга - расположение заголовка, блоков, рисунков. Он несет особую ценность и цель - представить, как будет выглядеть готовый лендинг. Это нужно для того, чтобы на самых ранних сроках понять, где возможна ошибка, что лучше доработать и докрутить. Где расположить кнопки, какую форму вставить - все это для функциональности и удобства пользования сайтом. Прототип - работа дизайнеров? Долой предрассу
Оглавление

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

  • Что из себя представляет прототип лендинга
  • Прототип - работа дизайнеров? Долой предрассудки
  • Какие приложения позволяют создать прототип
  • Мои примеры прототипов

Что из себя представляет прототип лендинга

Жизнь копирайтера не стоит на месте - с развитием сайтостроения, появлением лендингов появилась потребность мыслить не только в рамках текста, а более широко. В рамках всего проекта.

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

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

Прототип - работа дизайнеров? Долой предрассудки

Возможно, у кого возникнут возражения - почему это должен делать копирайтер? Своих забот мало, еще и работу дизайнера выполнять?

Тут моя субъективная точка зрения считает, что создание макета - логичное продолжение написания текста для лендинга. Ведь все равно, когда пишешь текст, непроизвольно в мыслях всплывают варианты его расположения. Так почему бы и не дать волю воображению?

Тем более, что это - тоже рост. Личностный, профессиональный, прибыльный, в конце концов! :)Решать конечно же копирайтеру. Однако заказчику будет удобнее получить сразу и текст, и прототип - а это апсел.

Какие приложения позволяют создать прототип

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

  • Balsamiq. Очень простой интерфейс, интуитивно понятный. Забавный стиль, как будто школьник в тетрадке рисовал.
  • Moqups. Принцип работы примерно такой же, как в предыдущем инструменте. Высокое юзабилити, все под рукой. Удобен тем, что свои заготовки и символы можно сохранять в быстрое меню.
  • Marvel. Супер Инструмент - позволяет делать прототипы даже для Apple Watch. Создает очень классную картинку, позволяет легко регулировать междустрочный интервал и другие параметры текста, расположение объектов на экране.

Также, есть еще несколько очень крутых инструментов, перечислим некоторые:

  • InVision. Способен работать на любых платформах, создать макет можно даже с помощью телефона
  • Proto.Io - позволяет создавать прототипы для мобильных приложений.
  • Fluid - это уже мобильное приложение для прототипирования.
  • Power. Moqup. Это не просто приложение - это утилита для Powerpoint, которая позволяет создавать прототипы с его помощью.

Список можно еще продолжать и продолжать. По мере получения нового опыта работы в других приложениях буду докидывать скрины ;)

Мои примеры прототипов

Макет создан в программе Balsamiq.

-2

Макет создан в программе Moqups.

-3

Интерфейс программы Marvel.