Меню
Мы используем cookies для быстрой и удобной работы сайта. Продолжая пользоваться сайтом, вы принимаете условия обработки персональных данных
OK

Прототипирование сайта: что это + преимущества и недостатки

Ты спросишь – что это за страшное слово – прототипирование? Все более, чем просто – это создание макета (или прототипа) будущего сайта.

Зачем это делается? Видел когда-нибудь, как инженеры начинают работу над строительным комплексом? Сначала делаются чертежи, а потом создается макет зданий в миниатюре. Конечно, не из настоящих строительных материалов и не в цвете. Зато этот прототип помогает наглядно увидеть будущий результат и заметить недочеты, чтобы вовремя их устранить. Вот так и с сайтом. Чтобы сэкономить время на исправление ошибок и всякие там доделки, грамотный разработчик сначала сделает прототип сайта.
Прототипирование сайта: что это + преимущества и недостатки

Что дает прототип сайта

Вот только некоторые из плюсов создания макета.

1. Упрощает сотрудничество.

В процессе разработки участвует как минимум пять человек:
  • заказчик;
  • менеджер;
  • веб-дизайнер;
  • HTML-кодер;
  • программист.

Чтобы все они могли продуктивно сотрудничать и ясно понимать точку зрения и видение друг друга, как раз и нужен эскиз. Общаться графически удобнее и проще чем в текстовом режиме.
2. Создание прототипа обычно предшествует написанию ТЗ. Часто его прикладывают к брифу и включают в список приложений к договору на создание интернет-ресурса.

3. Визуализация сайта. Сколько не описывай на словах расположение всех блоков на каждой странице сайта, представить себе все в деталях не получится. Это как читать текст о физических упражнениях – голову сломаешь, пока поймешь, что к чему. А вот посмотришь видео – и все сразу ясно и понятно. Только на прототипе можно заметить, как объекты смотрятся рядом друг с другом, не мешает ли какой-то баннер, хорошо ли заметны важные разделы.

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

5. Клиент видит все детали, одобряет или просит изменить что-то на этапе прототипирования. Это исключает претензии и недовольство потом.

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

7. Готовый эскиз в дальнейшем может использоваться в качестве презентации.

8. Прототип иногда помогает понять, что проект невозможно реализовать.

Минусы прототипирования

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

Разновидности прототипов

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

Пару слов о создании прототипов

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

  • Для создания прототипов можно использовать как платные, так и бесплатные ресурсы.
    Статика делается в одном из графических редакторов, иногда в Word.
  • Динамика – в HTML или Power Point.
  • Из спец. инструментов можно назвать: Mockflow, Go Mockingbird, Protoshare, Creately, Wireframe, Balsamiq, Solidify App.
  • Макет должен быть понятен и прост для всех участников разработки, в том числе для клиента. Все блоки по размеру изначально создаются такими, какими будут в конечном продукте. Лучше делать несколько вариантов эскизов. Чтобы потом выбрать лучший.

В заключение

Вспомню старую пословицу – семь раз отмерь, один отрежь. Наши предки были абсолютно правы. А значит, написание прототипа сайта - первый и очень необходимый этап создания веб-ресурса.
Автор: Владислав Безценных.
Made on
Tilda