Прототип сайта: что нужно знать

image
Всем привет! Меня зовут Виктор и я являюсь специалистом разработки новых проектов студии visualweb. Я расскажу о разработке сайтов на основе прототипов и о важных особенностях, которые нужно знать

При разработке новых сайтов мы время от времени сталкиваемся с прототипами сайта, которые присылает Заказчик или просит их сделать. Я расскажу о наиболее часто встречающихся вариантах и их особенностях.

Заказчик подготовил прототип сам

То есть представитель Заказчика подготовил прототип главной страницы самостоятельно перед началом работы и прислал его нам. Вот три реальных примера прототипов разной степени проработанности.

Первый пример

Первый пример прототипа главной страницы сайта. Выполнен от руки и на листе бумаги формата А4. Простой вариант, в котором заказчик показал все важные для него функциональные блоки, то есть то, из чего и будет состоять главная страница сайта.

Второй пример

Был выполнен в удобной простой графической программе. Аналогичный первому вариант, правда с одним существенным отличием — нам постарались показать не только блоки и их расположение, но и донести в таком прототипе желаемую цветовую гамму.

Третий пример

Заказчик силами своих специалистов проработал и прислал нам детально проработанный макет. Но и это не готовый дизайн главной страницы сайта — это тоже прототип.

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

Из опыта я знаю два варианта разработки сайта на основе прототипа и они сильно отличаются результатом. Итак, уточняем у Заказчика и получаем ответ:

Заказчик: это точный прототип и его нужно придерживаться при разработке дизайна.

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

Резюме: мы с уважением относимся к такому вашему решению, но из нашего опыта в этом варианте бывают сложности как при разработке, так и итоговый результат не всегда получается отличным. Казалось бы раз есть прототип — дизайн на выходе не должен быть сюрпризом для Заказчика. Но то, что, вроде, хорошо и продумано было на бумаге при создании макета сайта, может быть, скажем, не очень гармоничным.

Примеры, по этическим соображениям, приводить не будем.

Заказчик: это просто наше видение, наброски, направление, которого строго придерживаться не нужно.

Из нашего опыта самый оптимальный и наиболее правильный вариант. В данном случае каждая из сторон проделает свою часть работу — Заказчик помог нам и показал все функциональные блоки, которые важны посетителям сайта, при это работы по дизайну поручает нам. Мы постараемся все блоки учесть, перенести в документ со структурой сайта, правильно расставить акценты, всё уточнить и дополнить. Мы же проделаем свою часть работы — разработаем дизайн главной и ключевых внутренних страниц сайта.

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

Прототип заказчика

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

Разработанный дизайн

Результат — дизайн главной страницы сайта по прототипу выше:

Заказчик просит нас сделать прототип

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

Заказчик: сделайте прототип до начала работ, чтобы показать Главному/Генеральному/Владельцу/Боссу хоть что-то наглядно для одобрения начала работ.

Не часто, но такое спрашивают. Тут нужно сказать, что еще до получения предоплаты мы стараемся вместе с заказчиком разработать продуманную структуру разделов и подразделов сайта, ничего важного не забыв. Но структура и прототип несколько разные по объему работы и именно это стараемся объяснить — структуру сайта мы готовы сделать совершенно бесплатно до начала работ и это нужно и важно, чтобы понять объем предстоящих работ и стоимость, а прототип делать бесплатно не готовы, да и редко он требуется для корпоративных сайтов.

Многие это понимают и сложности в одобрении работ не возникают, но иногда представитель Заказчика просит примерно следующее: "не заморачивайтесь, накидайте блоки квадратиками хоть как-нибудь, чтобы я показал наглядно". Вот так точно делать не нужно: набросанные за 5 минут "квадратики" нами или руководителем проекта со стороны Заказчика не дадут ничего полезного при разработке дизайна. Это будет совершенно пустая, не продуманная вещь, которая может еще и отложится у босса и впоследствии он именно этот вариант и будет ждать. И сильно удивится, увидев современный, аккуратный, продуманный, но совершенно другой макет.<.p>

А если делать строго по такому прототипу сайт, то ни о какой эффективности речи и быть не может. Что может получится на основе прототипа, сделанного за 5 минут, думаю, объяснять не нужно.

Резюме

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

21.10.2015

Разработка проектов

+7 926 324-97-11, Виктор viktor_d@visualweb.ru

Техническая поддержка

+7 926 766-66-56, Дмитрий dmitry_h@visualweb.ru

Документы и финансы

+7 926 766-66-56, Наталья buh@visualweb.ru