Пока я писал о дизайнерах и прототипах, вдруг выяснилось, что многие читатели понятия не имеют, о чем я говорю.
Поэтому сегодня я решил поговорить о том, что такое интерактивный прототип, сделанный в Axure (произносится «Экшер», но я привык говорить «Акшура»).
И не только рассказать, но и показать.
Грубо говоря, интерактивный прототип — это набор связанных между собой html-макетов.
Только над этими макетами работал не дизайнер и верстальщик, а дизайнер в специализированной программе, позволяющей выполнить эту работу в разы быстрее.
Какая будет разница в результате? Прототип, подготовленный дизайнером, в отличие от макетов, подготовленных верстальщиком, не предназначен для разработки.
Он призван очень быстро и наглядно продемонстрировать, что исполнитель будет реализовывать на следующих этапах.
Это как трехмерная модель готовящегося к строительству здания.
Его создание займет гораздо меньше времени, чем строительство, и позволит виртуально побродить по будущему проекту.
Преимущества прототипов сложно переоценить.
- Простота и скорость создания.
Хороший дизайнер может продемонстрировать первую версию прототипа уже через несколько часов после формализации задачи;
- Хорошо сделанный прототип рассчитан специально на последующие доработки.
Посмотрев на полученный результат, и клиент, и исполнитель с помощью быстрых итераций обязательно пойдут к желаемой цели;
- Это позволяет очень точно согласовать, каким должен быть результат, прежде чем писать функциональную спецификацию или техническую спецификацию.
И документы лишь закрепят это соглашение;
- Благодаря наглядности прототипа вероятность внесения изменений на следующих этапах создания сайта сводится к нулю.
А учитывая, сколько могут стоить правки на этапе программирования, этап проектирования каждый день экономит людям по всему миру огромную сумму денег.
Я это вынул из головы, цель была продемонстрировать, как быстро делается такая работа.
Из видео можно понять, что за 20 минут опытный дизайнер уже может создать то, что можно обсуждать и давать обратную связь.
Плюс вы можете видеть, что все элементы и элементы списка выполнены с использованием мастеров, что позволит вам вносить изменения во весь прототип, редактируя один мастер.
Не нравится название пункта меню в шапке? Исправляем одно слово, и это исправление применяется ко всем страницам.
Хочу изменить внешний вид отдельной работы в списке портфолио - то же самое.
Редактируем отдельный мастер, а затем совмещаем результат на странице со списком работ. Также вы заметите, что в видео я использую второй прототип, который содержит основные стандартные элементы интерфейса.
Я постоянно повторяю это своим участникам.
группы по мнению Axure — приобретите себе подобные «мега-прототипы» и сохраните в них все то, что четко повторяется от прототипа к прототипу.
Это увеличит скорость вашей работы.
И это удобнее, чем открывать различные свои старые прототипы в поисках нужного куска интерфейса.
Как я уже говорил, сгенерированный прототип представляет собой набор HTML-файлов, которые можно разместить либо на специальном сервисе, предоставляемом самой Axure, либо на любом из ее хостингов.
Клиенту останется только предоставить ссылку.
Вот ссылка на прототип, который я сделал в видео: http://share.axure.com/OHB5ZQ Не знаю, готов ли тот хостинг к Хабраэффекту, но я готов рискнуть.
Я постараюсь предугадать некоторые ваши вопросы.
- Axure предназначен не только для дизайна веб-сайтов, но также подходит для мобильных приложений, настольных приложений и других интерфейсов;
- Позволяет делать адаптивные прототипы;
- Не ограничивает дизайнера в создании интерактивности и динамики на страницах;
- Умеет генерировать прототипы не только в виде html-файлов, но и в виде набора картинок;
- Можно придать прототипу вид эскиза одним нажатием кнопки.
Использовалась бета-версия Axure RP Pro 7. Музыка еще в обработке, скоро заработает. Теги: #Прототипирование #Юзабилити #веб-дизайн #дизайн #axure rp pro 7 #axure rp pro 7
-
A/B-Тесты Не Нужны*
19 Oct, 24 -
Домашнее Моноблок На Базе Intel Nuc
19 Oct, 24 -
Клиентоориентированное Облако: Опыт 1Cloud
19 Oct, 24 -
Не Показывайте Это Никому!
19 Oct, 24
