Главная > Инструменты, Управление проектами > 5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов

5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов


2 апреля 2010, 00:20. Разместил: Mysterious Master
Если вы не умеете планировать, то вы планируете свой провал. Это старый афоризм, и он все еще актуален. При разработке проекта любого сайта может показаться, что, прежде чем заняться планированием, проще всего быстро начать его разработку, как только вы получите одобрение макета клиентом. К тому времени, как вы покажете клиенту первый выполненный этап, он может передумать, много чего поменять (значительно переосмыслить детали), и вам придется переделывать свое полуготовое решение в последнюю минуту. Это может привести к серьезным проблемам с эксплуатацией сайта в дальнейшем, когда вы соедините все части сайта. Я также твердо убежден, что многие проблемы, требующие «специальной доработки», можно решить, озвучив свои возможности на этапе переговоров и согласования со своим потенциальным клиентом.

Многие дизайнеры и разработчики для планирования дизайна (набросков макета дизайна) пользуются старой доброй ручкой и бумагой, однако, это не очень подходит для подготовки крупных проектов, в процессе подготовки которых, вам нужно сотрудничать со множеством разных людей или получить подписи нескольких сторон. Другие сразу занимаются HTML, чтобы создать макет, что, как я думаю, может немного ограничивать креативность, так как ставит дизайнера в рамки того, что реально можно сделать с помощью HTML/CSS. Часть предложенных инструментов для создания прототипов сайтов могут быть очень полезны для создания макетов, а другая часть – уже содержит элементы для социальных функций.

01. JumpChart

5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов

JumpСhart создали ребята из Paste Interactive, отличной маленькой компании, которая создает полезный софт, вроде этого. Они принимают несколько вариантов оплаты – от бесплатной версии с возможностью хранения 1MB данных, до версии Deluxe за $50 в месяц. Каждой копией Jumpchart можно полноценно пользоваться совместно, и она генерирует свою собственную карту сайта. Интерфейс программы понятный и броский, и позволяет вам легко перетаскивать страницы в новое расположение в рамках интерфейса.

02. RapidRabb.it

5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов

Созданный с использованием нескольких обалденных рабочих областей, javascript и Ajax, RapidRabbit – это причудливая маленькая программа (инструмент) для создания прототипов сайтов, которая даст вам возможность создавать интерактивные каркасные модели или макеты с многократно используемыми частями, построенными на принципе слоев.

03. WriteMaps

5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов

Хотя Writemaps пока не продается строго как приложение для создания каркаса сайтов, оно позволит вам быстро и легко набросать структуру сайта и разместить ее в Интернете. Мы воспользовались им пару раз для выполнения заказа одного клиента, и можем заметить, что его прелесть состоит в возможности перемещения страниц на новое место расположения (хост), сохранять результаты и передавать эту информацию обратно разработчику. Крупный сайт может испытывать затруднения с экспортом образа всей своей карты, но если вас волнует только то, как он отобразит карту в браузере, то это вовсе не проблема.

04. Mind Meister

5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов

Собственно говоря, так называемая «интеллект-карта (из Википедии) (карта ума, разума)» (mind mapping) – это модный термин для обозначения мозгового штурма. Ранее мы уже писали о том, что являемся приверженцами этой техники в отношении новых статей для блога. А с Mind Meister, вы можете создать процесс интеллект-карты для нового сайта в режиме он-лайн, и поделиться им с другими.

05. ProtoShare

5 полезных онлайн-инструментов для планирования веб-дизайнов и создания их прототипов

Protoshare позволяет проклацать (просмотреть, проверить) прототип сайта и тут же получить от него отклик (пинг). Этот инструмент обзора легок в использовании даже для новичков, а его система интуитивно понятна. Разработчики предоставляют множество разных платежных планов и 30-дневный пробный вариант для тех, кто хочет опробовать программу, прежде чем ее купить.

Оффлайновые инструменты

http://www.balsamiq.com – Создает полезные макеты программ за считанные минуты

http://www.gliffy.com – Хороший сайт с вспомогательными инструментами для создания блок-схем и др.

http://www.axure.com/ – Очень уважаемый оффлайновый инструмент для создания прототипа сайтов

http://www.evolus.vn/Pencil/ – Превратите свой Firefox в планшет

http://code.new-bamboo.co.uk/polypage/ – Polypage был создан, чтобы облегчить процесс показа структуры нескольких страниц уже (сразу) в html макетах.

http://www.protonotes.com/ – Вики-технология, написанная на javascript поверх вашего прототипа. Отличное решение для внутрикомандного сотрудничества.
Вернуться назад