Одной из вещей, которыми на самом деле должен заниматься дизайнер сайтов, является расстановка акцентов на страницах. Предлагаю вам подборку скриншотов на эту тему.
Last.fm — сайт про музыку. На странице, посвященной исполнителю, есть блок «Ближайшие концерты».
Даты сделаны в виде листочков отрывного календаря. Этот прием позволяет акцентировать внимание посетителя на датах концертов. И действительно, в данном случае дата — важнейшая характеристика.
Одна из задач новостей на корпоративном сайте — показывать, что сайт живой. Это сайт компании «Караван».
На главной странице четыре новости. Однако, только у самой свежей дата оформлена заметно. Остальные даты набраны мелким шрифтом. В самом деле, чтобы посетителю понять, что сайт живой, достаточно одной даты.
А вот сайт, на котором Umputun выкладывает выпуски подкаста «Теория и практика звукозаписи».
Подкаст нерегулярный, поэтому внимание на датах можно не заострять. Номера в заголовках справляются с задачей идентификации выпусков. Сильный акцент на датах оправдан гораздо меньше, чем в предыдущих примерах.
Посмотрим еще на блог deerstop. Обновляется не слишком часто и не слишком регулярно. Многие заметки долго не потеряют актуальности, поскольку это обзоры тем для Wordpress или руководства-туториалы.
Акцент на датах в данном случае не нужен.
В посте я показываю, что одни и те же данные в разных случаях должны оформляться по-разному. Дизайнер должен думать над тем, где поставить акценты. Но в этот раз затронуто слишком много любопытных сайтов, и я всеми силами старался удержаться от комментариев по-поводу того, что
— на страницах last.fm система акцентов сложная, минимум, двухуровневая,
— сайт «Каравана» сделан в студии Артемия Лебедева в 2004 году, а, значит, «календарику» уже не один год,
— на сайте «Каравана» полная выключка,
— мне нравятся подкасты Умпутуна,
— модифицировать стандартные темы Wordpress'а не всегда целесообразно.
Надеюсь, блестящие штучки не сбили вас с толку: речь не о календариках, а об акцентах.
Дмитрий Сергеев, 26 лет, разрабатываю сайты на Drupal, управляю интернет-проектами
Комментарии
angelo, 27.12.2007 06:14
нередко получается, когда заходишь на сайт и не поулчается с 1 взгляда определить его тематику...вот это я и называю неправильной расстановкой акцентов =)
ZlataSvarga, 27.12.2007 08:19
Жаль что так узка представлена эта тема ... акценты только на примере дат.
Дмитрий Сергеев, 28.12.2007 02:51
Что-нибудь придумаю.
Эдзо Хогусава, 27.12.2007 09:50
Очень хорошее и важное наблюдение!
Хочется только добавить, что еще можно и кодера привлечь для такой работы: тогда мы сможем получить "расстановку акцентов при смещении фокуса". Как правило, на большинстве больших страниц существует определенная "иерархия акцентов", и, считывая текущий фокус (текущее действие, hover или scroll), можно акцентироваться более точно. Но эта уже дизайн взаимодействия...
deerstop, 27.12.2007 12:56
Забавно читать про себя в собственной rss-ленте.) Ничего более вразумительного сказать не могу, потому что тема сделана не мной, а целесообразность пала жертвой красоты.)
Дмитрий Сергеев, 28.12.2007 02:53
Вот решил собрать календарики :)
enternet, 27.12.2007 14:50
Пример с концертами несколько неудачен. Дело в том, что на самом деле для анонса локального концерта самое актуальное - это день недели и время, а не дата. Именно этими параметрами определяется основной критерий - "смогу прийти/не смогу".
А тут приведен список из трёх событий аж на полгода. Уж если такое "турне", так его нужно с названия города начинать, а не с даты. А лучше ещё по IP выделять месторасположение юзера и показывать локальный список концертов, а далее, опять-таки, день недели, время...
Короче, неудачно акценты расставлены.
Дмитрий Сергеев, 27.12.2007 15:17
Когда захожу на страничку исполнителя и смотрю на ближайшие концерты, я еще не думаю о том, смогу или не смогу пойти. Мне интересно, выступает ли группа в принципе. Я знаю, что в 99% случаев музыканты с last.fm не ездят в Россию.
Этот блок — не расписание. На изучение представленной последовательности дата-город-дата-город-дата-город уходит 2 секунды. Именно столько я готов тратить на это. Зато если в списке вдруг окажется «Икра», буду очень рад.
Дмитрий Зимин, 03.01.2008 13:38
Хорошая затронута проблема, интересная. Но для меня ещё интереснее замечание:
>>В самом деле, чтобы посетителю понять, что сайт живой, достаточно одной даты.
Несколько раз мои, малознакомые с интернетом, товарищи спрашивали: "Как определить, свежая информация на сайте или нет".
daedmen, 11.01.2008 12:25
Расстановкой акцентов на мой взгляд надо заниматься на этапе информационного проектирования и это не работа дизайнера.
Дмитрий Сергеев, 11.01.2008 12:47
От дизайнера многое зависит, на самом деле: он иллюстрации расставляет, подбирает цвета, шрифты.
В действительности, если хоть кто-то обращает внимание на расстановку акцентов, уже хорошо. Например, это может быть специалист по конверсии из SEO-компании или юзабилист.
daedmen, 11.01.2008 12:52
Нет, "хоть кто-то" это не серьезно имхо...
Принять решение где должны быть акценты должен тот кто занят информационным дизайном, а уже как это отрисовать естесно дизайнер думать будет.
А иначе это не работа будет, а так.....какое-то время препровождение....
Дмитрий Сергеев, 11.01.2008 12:58
Кто ж спорит :)
Но процент сайтов, которые делаются «несерьезно» и «неправильно», безумно велик. Наверное 90% или 95%.
daedmen, 11.01.2008 13:07
это да (:
Дмитрий Сергеев, 11.01.2008 13:36
Вот обращается к тебе или ко мне человек: «Как сделать, чтобы сайт заработал?»
И как нам быть? Гордо отвечать: «Вам нужен полный редизайн и SEO»? По-моему это чересчур. Так любой умеет :)
Sonic17, 22.01.2008 13:42
Все верно: акценты - очень важная штука. Своего дизайнера никак приучить к их расстановке не могу, все-таки, менеджер проекта должен выдать грамотное ТЗ, а ВЕБ-ДИЗАЙНЕР ДОЛЖЕН!!!! эту ссылочную структуру распределить по странице так, чтобы посетитель понимал, где свежая инфа, где найти нужную тематическую страницу и т.д. Именно в этом ВЕБ-дизайн отличается от всего остального...