Библиотека программиста

Все, что необходимо начинающему и опытному программисту

Урок 23. Примеры неправильности

Шаблон номер три — названия пунктов меню. «Портфолио» или «Работы» называются так на большинстве сайтов. Сложно встретить корпоративный сайт без раздела «Компания» или «О компании». Редкие сайты обходятся без «Новостей».

Для сравнения посмотрим на другой сайт (foxie.ru).

Высокий уровень обработки графики. Замечательная идея (что-то вроде «моя полочка на доске почета дизайна»). Большинство графических элементов (книги, телефон) являются ссылками, причем темы страниц, на которые ведут ссылки, очевидны. Принцип «у кого больше монитор, тот больше увидит». Мелкие забавные детали (например, пузырек с «йадом»).
Сайт можно долго и с удовольствием рассматривать. Однако при отключенной загрузке графики текст практически не виден — а ведь это сайт не только для владельцев высокоскоростных линий. Как в расположении элементов, так и в решении ссылок — полное отсутствие шаблонов. Хорошо это или плохо? С одной стороны, прежде чем начать пользоваться сайтом, надо в нем разобраться. Не все бросается в глаза с первого раза. С другой стороны, уровень исполнения настолько высок, что это искупает отступление от правил интуитивности интерфейса. Сайт обладает своим лицом, и посетитель его не забудет.

Создатели сайта grasaro.ru нашли компромисс: с одной стороны, необычно и стильно, есть на что посмотреть, а с другой стороны — все интуитивно понятно. Все ссылки выглядят как ссылки, информация не собрана в одном месте, а грамотно распределена по странице. Несмотря на обилие графики, ничего лишнего, а точнее — все кстати. Графика выполнена на очень высоком уровне, и на сайты приятно просто смотреть. Пользоваться ими — тем более. Хороший подбор цветов, кегля и гарнитуры шрифта, умеренное использовование флэша. На странице много информации, но она организована правильно, и глаза не разбегаются. Главные достоинства — лаконизм, уместность и красота.

Нешаблонные решения могут касаться не только общего вида, но и отдельных фрагментов.
В принципе, сайт «Пятьсот пикселов» (www.500px.com) почти ничем не отличается от остальных фотосайтов: есть галереи, голосования, рейтинги, возможность комментирования, список авторов и все полагающееся.

Однако форма входа, например, выполнена вот так:
- С понедельника... нет, со вторника я начну худеть, займусь спортом и буду голосовать за Единую Россию.
- Я умею читать».
Не скажу
Не скажу
Мальчик Девочка Ющенко
Или на странице «Пресс-служба»:
«Это свершилось. Мы переехали. Спасибо вам за ваше терпение и нам за нашу скромную гениальность. За несколько дней тестирования нового сервера тысячей специально обученных обезьян не было не выявлено ни одной ошибки».

Или, например, на странице «Контакты»:

«Контактная информация, и иные способы вступить в порочную связь с администраторами».

«Что вообще происходит? Да ничего страшного. К Земле приближается комета, скоро мы все умрем.Но вообще, у нас все под контролем. Сайт 500px вырос до большого фотопроекта, отрастил себе самостоятельный сервер и теперь сам его танцует».

«Если вы им уже пользуетесь, то отписываться категорически не советуем, иначе мы нашлем на вас скрипт с проклятием».

«Так что, регистрируйтесь на здоровье, но помните, что от частых занятий регистрацией ухудшается здоровье». «Но если вдруг ваше имя занято, то есть два варианта действий. Первый - набить морду тому, кто занял ваше имя, и второй - сменить имя. Например, на Бонифаций. Мы вас не подталкиваем ни к одному из вариантов, но если что, то один наш друг делает замечательные бейсбольные биты с глушителем. Всего за 36,95$!»

«Я пытаюсь нажать на серые ссылки в меню, но они меня никуда не приводят. Не трогайте их, они отравлены».

«Модераторы рассмотрят вашу фотографию, после чего примут коллективное решение - одобрить ее (и тогда эта фотография попадет в 500px), либо отказать ей, спалить, а пепел развеять над Тихим океаном. (...) Отбор очень строг и суров. Тихий океан уже на 17,3% покрыт пеплом от сожженных фотографий, экологи бьют тревогу...»

«Все модераторы (5 человек и 17 тараканов без права голоса) голосуют "За" или "Против" каждой фотографии». «спамоприемник: info@500px.com»

Резюме: помимо большого количества очень хороших фотографий и аскетичного дизайна, не мешающего их восприятию, на сайте приятно читать справочно-сопроводительные тексты: почти все они написаны с юмором. Это плюс. Орфография и пунктуация (это минус) в цитатах сохранена. Грубых ошибок в юзабилити не отмечено.
Сложно назвать шаблонным решение дизайна вот этой страницы (www.drugaya.ru/promopages/dog/):

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

Следующий сайт — elementy.ru — не использует никаких нешаблонных решений, кроме намека на имитацию журнального разворота. Такие решения (сайт в виде журнала) встречаются достаточно часто, но не всегда они выполнены с подобной элегантностью:

Шаблонности легко избежать, если идея оформления ориентирована на содержимое.

Поскольку это (akunin.ru) собрание сочинений, то и внешний вид стоит сделать книжный. Главная страница выглядит как обложка библиотечной книги. Внутри — хорошая структура, навигация в стиле «bread crumbs», забавные бонусы в стиле второй половины XIX столетия и большое количество акунинских текстов.

<< Назад         В начало         Далее >>

Библиотека программиста. 2009.
Администратор: admin@programmer-lib.ru