Прототипирование сайта: ресурсы, навыки, инструменты

Иногда для веб-прототипирования достаточно обыкновенного PDF-файла, но если вы можете позволить себе оперативно создать в редакторе HTML-прототип, воспользуйтесь этим.

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

PowerPoint Keynote

Это простые слайдовые презентации. Они создают интерактивную взаимосвязь для имитации очередности решений. Юзеры с опытом могут сделать с их помощью анимации и другие приятные эффекты.

Adobe Acrobat

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

Visio и OmniCraffle

Программы дают возможность создать прототипы сайтов, которые будут реагировать на щелчок мышью. В Сети можно найти много готовых макетов для Visio. Их нетрудно переделать под свои нужды.

Axure RP

Очень популярный инструмент для разработки прототипа сайтов. Быстр в освоении, имеет пластичный механизм внедрения комментариев, спецификаций и прочих элементов. Есть недостаток: Axure RP работает только под Windows.

Fireworks

С его помощью можно создать любое решение: от макета до внешнего оформления. Включает базовый набор элементов управления и форм под Mac или Windows.

Balsamiq Mockups

Работа в программе похожа на создание макетов в блокноте, но с компьютером. Содержит много стандартных наборов интерфейсов, которые легко настроить под свои нужды.

Flash и Flash Catalyst

Хороши для создания чего-то сложнее базового макета. Щелчки мыши помогают настроить интерактивные объекты и включить реакцию на курсорное наведение.

Работа с разработчиками

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

После прототипирования

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

Прототипы используют для следующих целей:

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