Пришло время разобраться в вопросе, что же такое информационный дизайн вебсайтов. К слову, к этому посту меня подвигло сообщество «Информационный дизайн» на сайте фри-ланс.ру, в коем я состою. Пытаясь найти братьев по разуму, я нашла там только собственное недоумение. А причиной ему – непонимание публикой сути информационного дизайна и его отличия от графического собрата.
В этой статье я собрала свои мысли по этому поводу. Еще раз отмечу, что я не претендую на истину в последней инстанции, ни в этом посте, ни в каком другом. Я просто выскажу свое «имхо», а если ваше отличается от моего – прекрасно. Я буду рада узнать о нем из комментариев к посту или из личного письма мне.

Сначала пройдемся по понятиям. Каждая веб страница имеет некий внешний вид. Этот внешний вид – плод трудов графического и информационного дизайнеров, специалиста по юзабилити, контент менеджера, копирайтера, html-верстальщика. Уже вижу ухмылку на вашем лице, и полностью с ней согласна: в нашей стране всем этим зачастую занимается один человек и в народе он зовется «дизайнер». Поэтому проводить границы, где заканчивается, к примеру, юзабилити и начинается дизайн, я не вижу смысла. На сайте, как и в человеке, все должно быть гармонично и прекрасно.
А гармония лежит где-то между красотой, информативностью, функциональностью, удобством пользования и полезностью всех элементов вместе и по отдельности. Но дело в том, что многие дизайнеры не до конца понимают возложенной на них клиентом ответственности, и наводят красоту, игнорируя все остальное. В том числе, и принципы информационного дизайна.

Название «информационный дизайн» говорит само за себя: это дизайн (т.е. некое расположение, обработка, подача) информации. Именно информация является ключевым словом. Не закорючки, цветочки или плохо обтравленная тетка в хедере, господа фрилансеры. Как дизайнер обошелся с информацией – вот что мы должны обсуждать, оценивать, критиковать в нашем сообществе.
По этому у меня есть несколько бесплатных советов, которые я адресую тем человекам-оркестрам, которые делают «сайты под ключ». Ведь именно им приходится делать всё и делать это хорошо.
Итак, как обращаться с информацией на сайте. От общего к частному:
- «Нам нужен сайт-визитка», - заявляет клиент. «Сайт-визитка – что может быть проще», - думаете вы. И не медля, штампуете еще один сайт по шаблону. Если это ваш стиль работы и меняться вы не собираетесь, можете дальше не читать.
Визитка визитке рознь. Сайт стоматологии должен отличаться от сайта продуктового магазина, а сайт поэта от сайта охранного агентства. И не только графически. Информационный дизайн должен начаться с вопросов: «Для кого и зачем?» Чаще всего мы делаем сайт для клиентов, покупателей, посетителей и т.д. Со второй частью вопроса чуть сложнее. Зачем вашим клиентам нужен ваш сайт? Читать ваши новости, узнать о достижениях вашей компании. Вряд ли. Если ваш сайт и понадобится кому-то, то только для решения его собственной проблемы. Примеры проблем, применимые к сайтам, упомянутым выше:
- Зуб разболелся, блин. Где тут стоматология на районе… И что-то бы не сильно дорого и срочно…
- Так… Пиво закончилось. Надо бы в магазинчик сгонять. Сча глянем, что в Химках в три ночи открыто…
Начать решать свою проблему пользователь должен уже с главной страницы. Представьте, такую ситуацию. Вы зашли к своему другу домой по срочному делу. А он решил для начала провести вас по длинному красивому коридору, показать несколько картин и поговорить о себе любимом. Вы спешите и нервничаете, то же самое испытывает пользователь, который не получает того, что хочет, здесь и сейчас.
Представьте себя на месте посетителя сайта: какая у вас проблема? Как вы ее решаете с помощью сайта? Попросите еще несколько людей высказать свое мнение по этим вопросам.

- «Так принято делать», - скажут вам некоторые вебмастера, и вы в сотый раз расставляете блоки на сайте по проверенной схеме, вставляете стандартные иконки и т.п. Не верьте, это ловушка. Дома в нашей стране много лет строили только в виде одинаковых коробок. Но ведь по-разному можно, главное, чтобы красиво, удобно и не развалилось. Ищите свой путь для каждого сайта. Думайте, пробуйте, меняйте. Если заказчик упорен в своих стереотипах, сделайте так, как он хочет. В конце концов, это его сайт. А для себя сделайте еще один вариант. Пусть украсит портфолио. Возможно, следующий заказчик захочет именно такой…

- Еще один вопрос, который я считаю важным, но никогда не встречала добротной статьи, ему посвященной. Сайты можно условно разделить на «сайты на раз» и на «сайты на много раз». Допустим, вы делаете сайт для студии веб дизайна. Это по моей классификации – сайт на раз. Пришли люди, заказали сайт, ушли. А если вам заказал сайт клуб собаководов – это, скорее всего, сайт, которые будет посещаться периодически одними и теми же людьми.
Ответив на один этот вопрос, вы сразу ответите на несколько вопросов об информационном дизайне этого сайта. Что хорошо для главной страницы «сайта на раз» (информация о компании, услуги, контактная информация), будет лишним для «многоразового» сайта, на главной странице которого предпочтительнее новости, последние добавления, свежие статьи.

- Мерчендайзинг для вебсайта. Некоторые принципы мерчендайзинга применимы и к сайтам.
Располагайте товар (т.е. информацию) так, чтобы посетителю не понадобилась помощь продавца (т.е. суппорта).
Располагайте то, что хотите «продать» на самом «блатном» месте, а не резервируйте его для бесполезных баннеров и новостей.
Следите за логикой движения посетителя: возле полок с пивом – предложите рыбку, возле чая – конфеты.

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

Пожалуй, пока все. Есть еще материал, но оставим его для поста «Информационный дизайн. Часть вторая».