Дизайн сайта: рационализм в каждом шаге
Содержание
Главное для человека в интернете – перво-наперво то, как он видит ваш сайт. Даже текст на страницах сначала не читают, а охватывают взглядом как часть картины. Быть услышанным, то бишь прочитанным, – это в современном Интернете ещё надо заслужить.
На просьбу истолковать понятие «дизайн» часто отвечают с трогательным простодушием: «Картинки…» Как писал поэт, «взгляд, конечно, варварский, но верный». С той лишь разницей, что «картинки» – это лишь следствие, реализация замысла. Одно из основных значений слова design в английском языке – именно «замысел».
В общем-то, дизайн – это искусство фигурного выжигания по мозгу. Если вам по-настоящему нечего предложить аудитории, то нет и света, который можно было бы сфокусировать линзой и через хрусталик глаза направить по чьим-то нейронным цепям. Но если брезжит луч смысла в тёмном царстве, то успех предприятия зависит от того, сумеет ли дизайнер собрать под него оптику сайта.
Веб-дизайн представляет собой концептуально обусловленную совокупность графических решений (включая цветовую гамму, шрифты, характер линий, организацию зрительного пространства и т. д.), всецело служащую выполнению задач сайта. Не только графические элементы, но и зримые ли, незримые ли швы, соединяющие их, и, главное, сама «раскройка», благодаря которой куски ткани превращаются не в мешковатую хламиду, а в костюм с иголочки.
Когда говорят, что лучший дизайн – тот, что решает ваши задачи, и не имеет значения, насколько он впечатляющ, это наполовину лукавство. На вторую половину. Конечно, отдача от сайта прекрасно доказывает или опровергает уместность стилистического решения, однако вау-эффекта никто не отменял. «Чистенько, но скучно» – такой эпитафии удостоились бы многие сайты, если бы существовала традиция хоронить их, как людей.
Дизайнер оживляет прототип, придавая ему облик, наиболее точно соответствующий обстоятельствам, – при том, что требования техзадания приоритетны.
Сайту нужна изюминка, искра, фишка. То же, что в музыке: у львиной доли поп-песен предсказуемая для европейского уха гармоническая структура, что не мешает композиторам придумывать мелодические ходы, которые вызывают у публики дрожь удовольствия от «предсказуемой неожиданности».
Попробуем выделить важнейшие свойства осмысленного и «плодоносного» веб-дизайна.
1 Сайт «пролонгированно сногсшибателен». Не только сшибает с ног, но и, мигом подхватив опешившего посетителя, сажает его в комфортабельную вагонетку и везет по продуманному маршруту через комнаты вашего сайта. Длительность и постоянство воздействия обеспечиваются стилистическим единством, связанностью и преемственностью элементов на всех уровнях, во всех разделах: его элегантность – в самой концепции визуального ряда, а не в вылизанной главной странице.
Следите за тем, чтобы узловые точки, в которых посетитель вашего сайта будет принимать важные решения, были «легко пеленгуемыми» и чтобы варианты выбора считывались явным образом. Пусть даже не прочитавший на титульной странице ни строчки интуитивно понимает, куда ему нырнуть дальше. Правильно поставленные ссылки, цветовые акценты, хлесткие триггеры – средств проложить тропу видимо-невидимо.
С одной стороны, базовые принципы разумного веб-дизайна годами сохраняют актуальность, с другой – он крайне изменчив в своих конкретных воплощениях. Чтобы оставаться на волне, веб-дизайнеру приходится регулярно изучать новые тренды. Девяносто пять человек из ста не сумеют четко сформулировать, чем их оттолкнул опрятный толковый сайт, оформление которого устарело года на три, но невнятная аргументация отказа не отменяет самого факта отказа. В каких-то тематиках диктат отраслевой конъюнктуры жестче (видеохостинги), в каких-то мягче (сайты грузоперевозчиков), но в той или иной форме он присутствует.
Однако помните: исключения возможны, главное – отталкивайтесь от специфики своего бизнеса. Извольте «неправильную» историю успеха. На конец 2012 года у сайта «Ваш репетитор», который связывает частных преподавателей с их потенциальными учениками, конверсия при исчислении в уникальных пользователях в месяц достигала 8–10 % – очень много по меркам ниши. Разумно консервативный с точки зрения дизайна, проект собрал множество колкостей от «просвященных интернетчиков»: «Привет из начала нулевых! Сейчас даже на бесплатных хостингах дизайн моднее».
А разгадка проста: создатели площадки ориентировались на лояльную, но технологически инертную, не слишком гибкую в своих предпочтениях аудиторию, каковой особенно много оказалось в регионах, притом что в структурном отношении дизайн был предельно рационален. Радикальный редизайн грозил бы ухудшением целого ряда метрик, затрагивающих интересы бизнеса «Вашего репетитора» в целом.
Следить за трендами веб-дизайна надлежит не только тем, кто его рисует, но и всем занятым интернет-бизнесом. Сегодня в мире преобладает одна манера, завтра – другая. Если долго игнорировать эволюцию общепринятого визуального языка, есть риск рано или поздно утратить контакт с целевой аудиторией.
Надо отметить, что дизайн сайта призван не затмевать контент, а делать его максимально доступным.
Часто школы веб-дизайна вступают в негласную полемику, доказывая каждая свои преимущества. Скажем, широко распространен так называемый плоский дизайн: двухмерная проекция, действительно «уплощенные» объекты, простые чистые цвета, минимализм, чёткие символы с преобладанием типографики. Главным поборником данного направления была и остается компания Google.
Параллельно годами процветает радикально противоположная школа, предпочитающая детализацию, имитацию объёма, эффекты, свойственные объектам из реального мира (онлайн-ежедневник – так чтобы с фактурой кожи на фоне да с бликами). Долгое время таких принципов в дизайне придерживались в корпорации Apple, однако выпущенная ею во второй половине 2012 года мобильная операционная система iOS 7 оказалась, к изумлению публики, «плоской».
Обратите внимание!!! Открывая сайт, пользователь должен видеть самый важный для принятия решений контент без прокрутки экрана – до «линии сгиба», как ее называют эксперты по юзабилити.
2 Сайт функционален. Радует глаз – чудесно. Однако глазу должно быть и за что зацепиться. Иначе анфилада рубрик, разноцветье графики и изыски стиля быстро наскучат визитеру. Всё равно что загнать школьный класс в Эрмитаж строго на полтора часа без экскурсовода.
Наотрез отказываемся от малейшего намека на чистое украшательство. Либо прямо, либо косвенно любой элемент веб-страницы должен работать на заданные вами цели: в интернет-магазине – подталкивать к покупке, на новостном портале – побуждать к прочтению материалов по теме. Внедрять же на своем сайте арт-объекты ради арт-объектов –прерогатива художников и мистификаторов. Притом концентрированная функциональностьне исключает эстетических изысков
3 Сайт соразмерен времени, месту, бизнесу, целевой аудитории. Дизайн, будучи искусством прикладным, отличается ситуативностью, чувствительностью к контексту. Так, инопланетные сюжеты в духе молодежного онлайн-журнала W-o-s.ru вгонят в ступор большинство заходящих в хабаровский интернет-магазин гидронасосов.
Сколько стоит веб-дизайн?
Вопрос хороший, но на него придуман контрвопрос получше: «А сколько стоит автомобиль?» Ответ на них один: смотря какие у вас требования, смотря чего вы хотите от приобретения, смотря с чем готовы мириться. В Рунете обретаются тысячи дизайнеров и сотни студий, и значительная их часть, особенно среди региональных, предлагают сварганить дизайн по цене не самого нового смартфона. В среднем лучше готовить себя к тому, что меньше 30–40 тысяч рублей за дизайн сайта уважающий себя профессионал не возьмет, разве только вам нужен сайт-визитка.
Большинство средних проектов укладывается в вилку 60–120 тысяч рублей. В случае с самыми именитыми художниками от веб-дизайна верхняя планка поднимается на удвоенную, а то и утроенную высоту. Также цена зависит от объёма сайта (вернее, от того, сколько видов страниц в нем будет использовано), от его типа, от задействованных при его создании технологий и от многих других факторов.
