Нумеруйте страницы в прототипе, и вам зачтется. Так же как, соединяя точки в детской книжке – от первой ко второй, от второй к третьей и т. д., – вы постепенно начинали видеть рисунок, из последовательности страниц вы выстраиваете маршрут посетителя по своему сайту. Что без недвусмысленных маркеров спланировать затруднительно. При «бумажном» прототипировании нумерация и вовсе незаменима.
И, само собой, давайте файлам понятные не только вам имена, желательно на английском языке, а не транслитом.
Границы возможностей прототипа
Парадокс: чем подробнее в прототипе показан интерфейс, тем лучше, однако дизайнерские красоты в нем излишни. Например, если один из блоков имеет агрессивное цветовое выделение, дизайнер вольно или невольно может сделать на нем гораздо более сильный акцент, чем вы задумывали.
Если вам кажется, что вы не сумели недвусмысленно отразить в эскизе ту или иную идею графически, найдите в себе силы написать комментарий к нарисованному. Например: «При переводе курсора с одного пункта выпадающего меню на другой любая из движущихся частей кубика Рубика в блоке слева под шапкой поворачивается произвольным образом».
Принцип самодостаточности
Прототип должен быть понятен людям, которые увидят его впервые в жизни. Собственно, в индустрии сайтостроительства по мере достижения ею зрелости увеличивается число компаний и команд, чья компетенция сводится к тому, чтобы в качестве конечного продукта выдавать прототип, по которому другая компания или команда будет писать код и рисовать дизайн сайта (взгляните, например, на Prototype.ru).
Пусть даже у вас сложились великолепные отношения с веб-студией или фрилансерами. Все равно старайтесь организовать работу над прототипом так, чтобы со стороны казалось, будто вы закрепляете структуру и функциональность сайта в доступной и подробной форме с коварным намерением передать разработку в другие руки. При таком подходе почти наверняка коней на переправе менять не придется.
Инструменты для создания прототипов
Средств для создания прототипов великое множество. Чтобы ответить на вопрос «Какое предпочесть?», нужно сперва понять, кто будет делать прототип и в каких целях. Весомая доля веб-разработчиков использует Axure RP Pro. Немало дизайнеров отдает предпочтение Adobe Fireworks. Популярен и Balsamiq (рис. 4). Большая часть онлайновых сервисов такого рода дает возможность загрузить прототип на сервер, с помощью пароля преградив доступ к нему случайным «прохожим», и провести испытания в обстановке, приближенной к боевой.
Рис. 4. Интерфейс сервиса для создания прототипов Balsamiq
Интерактивные прототипы
axure.com
adobe.com
flairbuilder.com
foreui.com
guimachine.ru
СКАЧАТЬ