14 Март 2010

Разработка простого сайта. Часть 1 - Юзабилити

Юзабилити сайта

*** Предисловие ***

В качестве иллюстрации к посту использована фотография банкомата НСМЭП, разработанного в Украине, функционал ПО которого на столько запутан, что интуитивно не ясно как им пользоваться. В результате появилась необходимость инструкции (бумажка на банкомате). Это яркий пример ошибки юзабилити-специалиста.

Приветствую вас, уважаемый читатель, в новом цикле статьей, посвященном созданию простого сайта.

Меня как-то спросили: что лучше, программировать динамический сайт с нуля на PHP или воспользоваться движком?

Отвечаю: если функционал сайта стандартный (разделы, заполняемые текстом вперемешку с картинами) то нужно использовать движок и не выдумывать велосипед (причем велосипед у новичка обязательно получится с квадратными колесами); если функционал сайта уникальный – то нужно писать код с нуля, а не приспосабливать при помощи разнообразных костылей имеющиеся модули.

Для создания простого и качественного сайта, который сможет выполнять функции информационного представительства в интернете, идеальной подойдет популярный движок Joomla, с которым мы будем возиться в данном цикле статей. Я покажу, как на основе стандартного шаблона дизайна можно своять вполне приличный сайт.

Почему именно Joomla:

  • Бесплатный.
  • В интернете много информации по работе с ним.
  • Кроме информации много дополнительных модулей, позволяющих реализовать интересные функции.

Также нужно иметь в виду следующее: сайт – это не блог.

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

Блог же, в отличие от сайта, это сплошная хронологическая последовательность статей.

Поэтому если сайт, то все-таки Joomla, а не WordPress. Не зачем ломать философию движка в корне и ставить все те же самые костыли.

Так, движок выбрали, теперь я позволю себе немного пофилософствовать на тему юзабилити сайта.

Моя точка зрения на сайтостроение следующая:

Дизайн – это, безусловно, сила природы, но дизайн в своей веб-реинкарнации первичен только для презентационных сайтов. Т.е. если вы хотите выгодно представить новую линию духов – сухими текстовыми фразами описания не обойтись. Графическое наполнение сайта должно передавать всю прелесть аромата и затягивать падких клиентов.

Теперь представьте, что вы описываете дизель-генератор. Да какая разница, что там у вас за дизайн! Главное предоставьте посетителю полное описание функциональных особенностей и не забудьте про информативность фотографий и видео. В данном случае, первичным оказывается именно юзабилити сайта (удобство восприятия информации и простата ее поиска), а не дизайн. На нулевой позиции важности все равно стоит полнота предоставляемой информации.

Да, в случае духов информационная полнота важна только на странице «Как заказать и оплатить».

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

Само собой разумеется, что решения дизайнера должны быть качественными. Разницы между качественным и некачественным дизайном обсуждать не будем, я просто дам ссылку на заметку в своем ЖЖ.

Теперь перейдем к видеопремеру анализа юзабилити:

Часть 1

Часть 2

В чем суть:

Посетителю сайта нет времени разбираться с путаницей в структуре или читать инструкцию. Выбор между пунктами меню, разделами, кнопками функционала должен быть однозначен и понятен.

Так, в случае обновленного сайта Азовского морского института, абитуриент четко видит в единственном меню единственно-интересующий его раздел “Абитуриенту”, где в полном объеме представлена тематическая информация.

Структура сайта, как путеводная нить, должна однозначно, не путаясь и не обрываясь, вести посетителя к искомой цели.

Дизайн сайта должен быть качественным и ни в коем случае не мешать основной функции – информированию посетителя.

Как, например, в случае старого дизайна сайта Азовского морского института, текстовый блок разбивался на несколько страниц, цвет текста был не достаточно контрастен к фону, размер шрифта мелок, а информационные блоки и блоки меню разбросаны по странице.

В сайте, имеющим интересный дизайн и не имеющим информационного наполнения, смысла нет.

Если дизайн не очень, но информации предостаточно – то тут совсем другое дело. Можно мирится с промахами дизайнера. Однако, если информацию из-за путаницы в структуре найти сложно, то становится очень обидно за потраченное напрасно время администратора.

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

Новый сайт Азовского морского института был полностью реализован на движке Joomla. О том, как это сделать, я расскажу в следующей части.

С уважением, Андрей Морковин.