Вокруг дизайна

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

В целом нельзя сказать, что Corbis придумал что-то новое, но все равно мне нравится. Черный фон для сайта с картинками - очень кстати. Элементы управления - голубенькие, сразу заметны. И теперь новый сайт у меня ассоциируется с айфоном.

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

А у меня вот сегодня – визит вежливости к украинским коллегам, тем более что они сами просили зайти как-нибудь. Киевская WebGid.Studio занимается разработкой сайтов, и надо сказать, некоторые работы в портфолио гораздо сильнее, чем собственный их сайт (что подтверждает мою давнюю заметку Для себя всегда трудней).

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

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

Резюмируя: в заботе о клиентах не забывайте и о своем сайте. Я понимаю, что разработать интернет-магазин – задача, отнимающая очень много времени у дизайнеров и программистов, но заботиться о своем лице нужно в первую очередь.

Сегодня попросили посмотреть и рассказать о сайте коттеджного поселка «Мечта», и я не могу отказать в этой просьбе, тем более что сайт очень показательный. Уникальность его в том, что начали его делать за здравие, а кончили за упокой, ничем иным я объяснить происходящее на нем не могу. Читайте дальше, смотрите на сайт и все поймете.

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

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

Самые главные минусы:

1. Ужасная-ужасная модульная сетка. Это обычный двухколонник, набивший оскомину. Можно было придумать что-то повеселее, хотя бы на главной странице.

2. Непривлекательное и логически неверное оформление текстов на сайте. Обратите внимание на крупный заголовок «Слово руководителя проекта»: это совсем не та информация, которую нужно выделять. Акцент надо делать на доступности жилья (о чем говорится в тексте) и вообще на всяких приятных вещах вроде реализации мечты о собственном коттедже. А на главной странице вообще должно быть меньше текстов и больше иллюстраций. Вот таких, например:

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

А если прокрутить вниз, видишь, что все яркие цвета остались вверху, а внизу – невнятно оформленная контактная информация и ужасный-ужасный размытый коттедж на фоне.

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

Начали приходить первые заявки на обзоры. Первый кандидат − Агентство интернет рекламы i-media. Занимается компания созданием сайтов и рекламой в интернете.

С первого взгляда − нравится! Я неравнодушно отношусь к рисованным иллюстрациям: во-первых, я знаю, как это трудно, нарисовать иллюстрацию, во-вторых, это достаточно нестандартный ход для корпоративных сайтов. Персонажи (особенно официант) порадовали. Может, не все идеально, но мне нравится настрой этой картинки − очень позитивный. Милая шутка − повар, кромсающий Google. Кстати, на внутренних страницах сайта тоже разные иллюстрации, хоть и не такие масштабные, как на главной.

В самом верху, где скопились иконки, в угоду дизайну разработчики слишком все упростили: в общем-то понятно, что значок ключика означает логин-форму, но для кого она, куда ведет и как получить логин-пароль − неизвестно…

Что меня слегка напрягло, так это тексты на сайте. Во-первых, лично мне хотелось бы чуть больше межстрочного расстояния для удобства чтения. И стиль написания контента... наверное, это надо назвать «текст повышенной художественности» (пример − www.i-media.ru/about/). Но продраться сквозь дебри слов в поисках смысла действительно сложно. Целевая аудитория сайта − люди с деньгами, которым нужно быстро узнать, что компания делает и почему с ней работать выгоднее. Пользователи − они же ленивые, два раза перечитывать не будут. Так что за дизайн сайта и вызываемые им эмоции можно поставить пятерку, а контент надо писать для простых людей, простым языком.

Мораль сей басни: хорошему сайту – хороший контент. Вот немного бы его упростить, чтобы сходу было все ясно – и вообще супер было бы, серьезно.

В свое время у меня было много работы, связанной с созданием и улучшением блок-схем. Дело обычно происходило так: клиент присылал какую-нибудь схему, нарисованную в Word или даже PowerPoint, и говорил "сделайте мне красиво". Сделать красиво, не потеряв смысла - вот какова цель.

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

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

Схема ниже - яркий пример наплевательского отношения к шрифтам, дугам и иконкам. Кривые дуги со стрелками, пофигизм при работе со шрифтами, да еще и иконки стандартные - полный набор. И эта схема является украшением главной страницы системы Blogun.Ru! Для сайта, который напрямую связан с заработком денег, это странно - конкуренты не дремлют. Уж если делать схему главным декоративным элементом, то надо было посвятить ей в два раза больше времени и привести в божеский вид... а в этом случае - перерисовать заново

Дизайнеры, посмотрите на пример выше и никогда так не делайте!

Подумываю над тем, чтобы под настроение обозревать чужие сайты на предмет дизайна и юзабилити. Помнится, когда-то это было популярное занятие, и каждый мало-мальски подкованный дизайнер любил этим заниматься. Потом как-то волна прошла, и остался, буквально, один только Арт. Лебедев с его бизнес-линчем и проект КиЧ (к слову, его логотип и дизайн - буквально на грани. Как бы еще дизайн, но уже на любителя, не каждый оценит).

В общем, чего там думать. Будет что-то стоящее - будем обозревать, веселее будет. Не все же толкать отвлеченно-философские идеи, в самом-то деле.