Информационный дизайн – что это?
Вот странно, про usability пишут много (в том числе и я), а про информационный дизайн – очень мало и то, в основном, на узкоспециализированных ресурсах.
А между тем, именно информационный дизайн на 90% определяет юзабилити и представление УТП на будущем сайте, что и определяет в итоге конверсию. Т.е. напрямую влияет на эффективность сайта и отдачу от рекламы, а значит, заслуживает пристального внимания интернет-маркетолога.
Информационный дизайн (как процесс) – это один из этапов проектирования и разработки сайта. Обычно он следует за разработкой концепции и предшествует визуальному дизайну, включая в себя:
1. Определение бизнес-целей, постановка задач и определение свойств сайта;
2. Создание профилей пользователей и разработка общих пользовательских сценариев;
3. Определение содержания;
4. Разработка карты сайта и детальных пользовательских сценариев;
5. Разработка схемы навигации и структуры страниц;
6. Создание функционального прототипа;
7. Тестирование функционального прототипа.
Подробнее читайте в замечательной книге Ани Фйо “Рентабельный Web-дизайн”.
Однако чаще ограничиваются прикидкой пользовательских сценариев, определением содержания, разработкой карты сайта и структуры (скелета) страниц.
Один из возможных инструментов – это пакет MS Visio.
Информационный дизайн (как продукт) – это пакет документов, который обоснованно утверждает что, где и почему должно находится на сайте.
Информационный дизайн (как результат) – это продуманная, соответствующая бизнес-задачам и потребностям посетителям, навигационная структура сайта и структура каждой его страницы.
Еще раз хочу сделать акцент: не дизайнер решает (исходя из чего!?) какие и где блоки должны находится на странице, а это определяется в ходе большого и ответственного этапа работы, который и называется – информационный дизайн.
К сожалению, очень часто об этом забывают, а потом удивляются: почему у нас конверсия 0,01%?….
Какой практический вывод можно из этого всего сделать? Если вы отвечаете за разработку сайта – потрудитесь, или сами изучить основы и.д. и выполнить эту работу, или же удостоверьтесь, что в нанятой веб-студии знают что это такое, и выделают и.д. в отдельный этап работ (со всеми вытекающими последствиями в виде специально обученного человека и доп. строкой в смете).
В качестве примера одного из наиболее важный этапов и.д. – часть скелета (скелетной схемы) 1ой странице портала Блоглента.ру (вер. 1).

January 21st, 2007 at 12:49 am
Полностью согласен. Но вот сейчас надо “информационный дизайн” сделать для большого портала.. и вопрос.. А в какой программе это делать? В фотошопе не катит – очень долго все калибровать и многих стандартных элементов сделать быстро нельзя.
January 21st, 2007 at 1:52 pm
Вадим, насколько я понял вопрос – вам нужна программа с уже готовым набором “стандартных элементов”? К сожалению, пока такого не встречал…
Пользуюсь, как уже писал, Visio. Впрочем, мне не очень понятна необходимость “стандартных элементов”. Все равно каждый блок надо адоптировать (размер, контент, условные цвета) под новый проект, поэтому мне почти всегда легче все сделать заново, чем даже использовать скелеты предыдущих сайтов.
January 24th, 2007 at 12:17 pm
Нужна программа, где элементы можно делать быстро. Пока пробуем различные визуальные html-редакторы.. но что-то тут не так.
January 26th, 2007 at 10:08 pm
Визио для проектирования сайта – слишком тяжелое, неповоротливое решение. К тому же, современный сайт разрабатывается от рождения и до смерти. Т.е. идет непрерывный процесс его изменения во время функционирования. Я имею в виду серьезные проекты, а не “порталы” или “визитки”, которые пять лет не меняются.
Для наглядности представьте машину, например, ВАЗ-2109, которая едет из Москвы в Питер. Так вот, в процессе поездки она плавно трансформируется в Шкоду, потом в Пассат, потом в БМВ, а в Питер приезжает Роллс-Ройс. И все это – без единой остановки! Даже колеса меняются на ходу.
И как же его спроектировать? Самая лучшая программа – голова разработчика.
January 27th, 2007 at 5:20 am
А я где-то видел нечто подобное…
January 27th, 2007 at 5:22 am
Конечно проще самому все сделать, чем переделывать
January 29th, 2007 at 11:43 am
Хм… интересный у вас подход (товарищ “рулонный”!). А вы дизайнерам и программистам задачу как объясняете? Путем слияния голов? ТЗ вы тоже путем прямого ментального контакта транслируете? Про мозговые штурмы и формальное утверждение вообще молчу. По-моему предложенный вами способ как раз и используется для изготовления “визиток” “чудомастераминавсерукиза200долларов”
)
Впрочем, в одном с вами согласен – практически любой интернет-проект сейчас – это “вечная бета”, что однако НИКАК не отменят формальных методов проектирования.