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

Проверить такое соответствие достаточно легко — нужно сделать скриншот сайта и совместить его с графическим макетом, например, в Photoshop'е.

Но вот только в процессе вёрстки использовать такой приём не очень удобно.

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

Одни кричат – прототип зло, другие, вооружившись – молчи. Давайте поступим умнее, отойдем от споров и разберемся зачем вообще нужны эти самые прототипы?

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

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

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

Год назад на Хабре обсуждалась наша статья "Наем VS Аутсорсинг (в проектах малого бизнеса)" о том, что лучше — нанимать сотрудников или брать компании на аутсорсинг. В статье наш генеральный директор рассказал, что мы долго искали баланс между наймом и подрядом, и в итоге в вопросе дизайна нашли отличную студию-подрядчика.

30 августа 2012 года мы запустили наш сервис, и он вызвал достаточно бурное обсуждение и интерес со стороны Интернет-сообщества и СМИ. Многим запомнилась наша временная заглушка, об истории создания которой и об изображенной на ней девушке Лене мы как-нибудь расскажем отдельно:



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

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

Это перевод оригинальной статьи «Wireframing, Prototyping, Mockuping – What’s the Difference?».

Итак

Пару лет назад я понял, что многие из моих коллег(не дизайнеров) по разному называют результаты моей работы. Они предположили, что блочная разметка (wireframe), прототип (prototype) и макет (mockup) – это одно и тоже – своего рода сероватый, квадратный, эскиз поясняющий гениальные идеи.