PRO НАС / Прототипирование сайтов и веб-приложений: за и.. только за!

«Единственный возможный источник экономического подъема – это повышение качества и, как следствие, привлекательности продукта или услуги. А повышения качества невозможно добиться, сокращая затраты на проектирование и программирование»
Алан Купер
дизайнер, специалист по созданию пользовательских интерфейсов.

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

а) Разработчик, в силу своей некомпетентности, не подозревает что прототипирование сайтов вообще существует. Да, бывает и такое;
б) Бюджет проекта не располагает к подобным “излишествам”, поскольку разработчик демпингует либо берется за реализацию проекта с откровенно низким бюджетом;
в) Разработчик знает и понимает всю важность прототипирования, однако предпочитает сэкономить на данном этапе и/или свести к минимуму переговоры с заказчиком на эту тему, полагая, что отрисованный дизайн будет принят с первого же раза. Надо отметить, что с проектами, в которых заказчик не особо задумавается над функциональностью сайта и нацелен на получение быстрого результата, скорее всего так и произойдет: получится типовое решение типовой задачи.

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

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

Представьте себе, что вы владелец производственной компании, комплектующей объекты нефтегазовой отрасли промышленности. Помечтали? Ну все, хватит выбирать себе яхту! Серьезно. Делом надо заняться. Вашей компании нужен сайт. Вы отдаете соответствующее поручение и месяцев так через 3-5 некая веб-студия “Стопицот хороших сайтов”, не практикующая прототипирование, выдает результат. Вы заходите в раздел “Реализованные объекты” и видите список объектов на 10 страниц, в строительстве и комплектации которых ваша компания старательно трудилась многие месяцы а может быть и годы.

И тут вам хочется увидеть только те объекты, в которых вы предоставляли услугу “шеф-монтаж”. Или в которых был “шеф-монтаж” и “комплектация”. Вам очень хочется. Но не можется. А почему? А потому что в разделе отсутствуют соответствующие фильтры. “Почему их там нет!?” – возникает скорее всего риторический вопрос. “Это же сама собой разумеющаяся опция!”. Да, сама собой разумеющаяся. Но только для вас, как заказчика, который является специалистом в своей области. Для разработчика данная функциональность станет разумеющейся ровно в тот момент, в который вы ему о ней сообщите. Не раньше. “Стоп! Я хочу посмотреть мои объекты на карте!” – не унимаетесь вы. Ситуация аналогична проблеме с фильрами.

А проект то уже сдан и выгружен в сеть. Вы звоните ответственному за проект менеджеру, лишаете его премии и поручаете во чтобы то ни стало завтра к вечеру реализовать недостающие функции. Хотя нет. СЕГОДНЯ ЖЕ! Бедняга звонит разработчикам, объясняет ситуацию, на что получает вполне резонный ответ: это будет стоить столько-то, срок неделя. Да, резонный. Потому что для web-программиста это означает, что у объектов должно быть дополнительное поле с типом работ. Соответственно нужно это поле создать, перелопатить сто с лишним объектов, назначить соответствующие значения этого поля. А потом еще взяться за вывод объектов на карту: создать новое представление (шаблон) вывода объектов, подумать над переключением между списком и картой. А еще надо дизайн для всего этого нарисовать и утвердить. И скорее всего программер будет сидеть всю ночь, реализуя недостающую функциональность и рискуя приобрести себе в копилку еще какое-нибудь “профессиональное” заболевание типа гастрита, потому что ну не хорошо же с такой компанией портить отношения, и надо успеть сделать.. “Молодец, мужик!” – услышит он утром от менеджера проекта. А может и не услышит, потому-что тот даже не в курсе как это все реализуется. Так, чтото автор разошелся.. Короче. “Заказчик сам виноват, предупреждать надо о таких вещах” – скажет половина читателей. “Ну и разработчики, не могли додуматься до таких очевидных вещей” – подхватит остальная половина. И все окажутся правы и не правы одновременно, словно коты Шредингера.

В этой вымышленной басне автор попытался проиллюстрировать проблему взаимопонимания между заказчиком и разработчиком. Дело в том, что подобные ошибки в проектах являются наиболее дорогими. Чем раньше была допущена ошибка и чем позже замечена – тем она дороже. А что если менеджеры компании “Стопицот хороших сайтов” одним прекрасным вечером вместо маникюра или боулинга занялись бы самообучением и узнали таки из просторов Интернета о прототипировании? Произошло бы примерно следующее: на очередной встрече по обсуждению прототипа сайта вы, как заказчик, увидели бы в разделе “Реализованные объекты” все тот же 10-ти страничный список объектов и задались бы вопросами “Как отфильтровать объекты?” и “Как посмотреть объекты на карте?”. Или же, разработчики из “Стопицот хороших сайтов”, создавая прототип всем дружным коллективом, подумали бы и предложили сделать фильтры и карту? Как вам такой поворот? Не такой захватывающий конечно, но в итоге все довольны. И счастливый программист лег спать вовремя. И я тоже бы спал уже :) Одни плюсы!

Итак, подведем итоги. Интерактивный прототип сайта – это “черновой” вариант интерфейса основных разделов сайта, соединенных между собой гиперссылками, который призван наглядно продемонстрировать потребности заказчика и задумки разработчика. “Черновой” он потому, что те же фильтры или та же карта сами по себе могут не работать, а лишь быть представленными схематически, решая на данном этапе проектирования сайта свою основную задачу: наличие в проекте.

P.S. Мы, компания Morepages, не просто решаем Вашу задачу. Мы помогаем Вам найти и реализовать правильное решение. Ваше решение Вашей задачи. Таким образом вы имеете полнейшее обоснованное представление о каждом визуальном и функциональном интерфейсном решении в Вашем проекте.

P.P.S. А вот и ссылка на посмотреть интерактивный прототип сайта той самой компании.

Автор: Марк Мишко