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

При этом, каждый разработчик использует для создания блок-схем свой способ: карандашные эскизы на бумаге, с последующим доведением до ума в графическом редакторе; специальный софт, магнитно-маркерные доски и другие офисно-презентационные штуковины; или тот же Photoshop с заранее сохраненными шаблонами элементов веб-страниц и интерфейсов.

Не буду подробно описывать что такое блок-схема, как и зачем она разрабатывается, об этом хорошо написал Ярослав Бирзул, поэтому рекомендую к прочтению. Ну и про софт для них.

Поэтому, я подробнее остановлюсь на недостатках «рисовальных» способов проектирования макета.

Что бы я поменял

Самый главный недостаток — это затрачиваемое время на внесение изменений в схему при обсуждении. Очень часто можно получить несколько версий одной страницы. Поэтому при мозговом штурме приходится часто стирать старые блоки (модули) и рисовать новые (маркером или карандашом). Во втором случае, на бумаге легче и быстрее нарисовать новую схему, чем использовать старую.

При этом, в процессе непосредственно участвует тот кто рисует, остальные выступают в роли наблюдателей и советчиков. Но, чем больше людей принимает участие в проектировании, тем больше будет мнений и шанс найти правильное решение.

Как бы я поменял

Теперь непосредственно остановлюсь на концепции идеи, которая возникла недавно, но ближайший месяц-полтора останется без реализации с моей стороны. Банально нет времени :(

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

Первой версией от меня будет простая html-страничка, с использованием drag'n'drop и манипуляции с элементами страницы через DOM (добавление, удаление, изменение свойств стандартных элементов веб-страниц, манипуляции с текстом и размерами). Сохранение результата — отправка на печать (пока это самое слабое место). Дальше будет видно, стоит ли развивать идею в отдельный проект и создавать серверную часть. Во всяком случае, я открыт для сотрудничества.

Я сознательно не стал выкладывать все детали реализации идеи (хотя они есть), пусть это будет поводом для дальнейшего её обсуждения. А пока, хотелось бы увидеть в комментариях ваши мысли о ценности или бесполезности такого приложения, дополнения и критику. Любое мнение приветствуется.

* * *

Сканер блогов:

Как правильно планировать проекты. Подробная таблица со сравнением возможностей различных JavaScript галерей. Золотое сечение в веб-дизайне.

* * *

Теги: Usability, Мысли вслух, Проектирование сайтов.

Категория: Usability, Мысли вслух, Полезности.

* * *

Понравилась статья?

Тогда помогите мне сделать её доступной для других, или будьте в курсе последних событий:

Подписаться на RSS Получать новые статьи на e-mail Добавить в Twitter Поделиться ВКонтакте Поделиться в Facebook Добавить в Google Buzz Поделиться В Моём Мире Опубликовать в своем блоге livejournal.com Добавить в friendfeed

* * *

Статьи по теме:

• Чем заменить Welcome?
• Горизонтальное центрирование фиксированных сайтов
• Ежедневные юзабилити-тренировки
• Опасная доступность usability
• Спорное оформление вкладок и кнопок