Время на прочтение: 2 минуты
2024
Иногда для веб-прототипирования достаточно обыкновенного PDF-файла, но если вы можете позволить себе оперативно создать в редакторе HTML-прототип, воспользуйтесь этим.
Есть два простых способа: ручное кодирование и WYSIWEG-редактор. В этом инструментарии есть режим просмотра макета и кода. Он поможет вам увидеть результат вашей работы без открытия браузера.
PowerPoint Keynote
Это простые слайдовые презентации. Они создают интерактивную взаимосвязь для имитации очередности решений. Юзеры с опытом могут сделать с их помощью анимации и другие приятные эффекты.
Adobe Acrobat
Хорош, когда нужно показать, как будет выглядеть продукт и его механизм навигации. Макеты и графика экспортируется в файл PDF.
Visio и OmniCraffle
Программы дают возможность создать прототипы сайтов, которые будут реагировать на щелчок мышью. В Сети можно найти много готовых макетов для Visio. Их нетрудно переделать под свои нужды.
Axure RP
Очень популярный инструмент для разработки прототипа сайтов. Быстр в освоении, имеет пластичный механизм внедрения комментариев, спецификаций и прочих элементов. Есть недостаток: Axure RP работает только под Windows.
Fireworks
С его помощью можно создать любое решение: от макета до внешнего оформления. Включает базовый набор элементов управления и форм под Mac или Windows.
Balsamiq Mockups
Работа в программе похожа на создание макетов в блокноте, но с компьютером. Содержит много стандартных наборов интерфейсов, которые легко настроить под свои нужды.
Flash и Flash Catalyst
Хороши для создания чего-то сложнее базового макета. Щелчки мыши помогают настроить интерактивные объекты и включить реакцию на курсорное наведение.
Работа с разработчиками
Если у вас есть соответствующие ресурсы, привлеките разработчика, чтобы он создал прототип на основе ваших макетов. Если вы делаете его для интерактива, объясните специалисту, какие части проекта будут находиться под особым вниманием публики. Общайтесь с разработчиком во время создания прототипа, чтобы согласовать результаты задания.
После прототипирования
Когда процесс будет закончен, сведите результат воедино в такую форму, которая позволит вам применить их в дальнейшем.
Прототипы используют для следующих целей:
- проработка дизайна;
- создание общей платформы для коммуникации;
- проверка возможности технической реализации;
- увлечение других людей вашей идеей;
- тестирование ваших идей.