Очень важные мелочи

sap, 25-го апреля 2008 года в 17:12

Обращаю ваше внимание на то, что эта запись является архивной. Ей уже больше 4 лет. Это означает, во-первых, то, что мое мнение по поднятым в ней вопросам могло измениться (хотя, конечно, не обязательно), а во-вторых, то, что я не испытываю никакого желания эти вопросы обсуждать, и поэтому комментарии и оценки я отключил.

Что главное для сайта? Чтобы он работал. Но все остальное отнюдь не второстепенно. Грош цена сайту, у которого плохой дизайн, дыры в безопасности, никакие юзабилити и функциональность. А есть еще «мелочи», на которые многие разработчики не обращают внимания. Мол, главное что работает! Вот о «мелочах» (на самом деле очень важных) и пойдет речь.

1. URL's

Правило: URL должен быть понятен пользователю; использование разных языков и транслитерации недопустимо (исключение составляют случаи, когда URL генерируется динамически из русского текста).

Это не новость — об этом говорится уже давно. Но до некоторых до сих пор не доходит. Пример: страница, на которой вы находитесь, имеет примерно такой адрес:

Здесь все понятно — вы находитесь в русскоязычной части сайта, в разделе «Интерактив» и читаете тему «Очень важные мелочи». Представьте, что ссылка имела бы следующий вид:

Красиво, не правда ли :-)? Мало того, что уродливо, так еще и не поймешь на каком языке. Вот еще пример (реальный): на сайте у одного хостера (!) ссылка на раздел оплаты имела вид:

Это позор. Ну что стоило программисту посидеть 5 минут и сделать нормальный URL, например:

А все равно ему было. Или вообще даже не знал, что так можно. Думал, наверное, что на сайтах с такими путями реальные директории создаются :-). Вобщем, первое правило, думаю, понятно, идем дальше.

2. Активный пункт меню

Правило: активный пункт меню должен быть выделен и не должен быть ссылкой.

Это тоже не новость. И тоже до многих не доходит. Если вы зайдете в любой из главных разделов этого сайта (те, что есть в меню в левой части страницы), вы увидите, что этот раздел будет выделен и будет просто текстом, потому что ссылаться на странице на саму себя — бессмысленно. То же самое касается языков (при мультиязычном сайте). Активный должен быть выделен и не быть ссылкой. Посмотрите вверху справа, вы сразу увидите, что флаг текущего языка больше по размеру и не кликается. Не выделять активный элемент — ламеризм и неуважение к пользователю.

3. Орфография и пунктуация

Правило: орфографических и пунктуационных ошибок в тексте быть не должно.

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

Это безграмотно. Правильный вариант выглядит так:

4. Ссылки

Правило: ссылки должны быть подчеркнуты (исключение могут составлять каталоги, где ссылки идут списком); ссылки должны отличаться от основного текста цветом; ссылки должны менять свой вид при наведении на них курсора; ссылки не должны открываться в новом окне; ссылки на странице не должны ссылаться на нее же саму; ссылки не должны вести «в никуда».

Очень часто не соблюдают первое правило — прописывают в CSS

Это нарушение основных принципов построения интерфейсов и, опять же, неуважение к пользователю. Практически любой пользователь знает, что если что-то подчеркнуто, то это ссылка. А так он вынужден догадываться. Отсюда же возникает еще одно правило — ничто, кроме ссылок, не должно быть подчеркнуто. Исключение составляют каталоги — списки ссылок. Причина второго и третьего правила — те же самые. Четвертое правило — не открывать ссылки в новом окне продиктовано все тем же отношением к пользователю. Пользователь может сам открыть ссылку в новом окне, если хочет. Не нужно ему этого навязывать. Пятое правило, на мой взгляд, очевидно. Смысла ссылаться на себя нет никакого. И наконец, последнее — просто недопустимо использовать что-то наподобие Честно говоря, не понимаю, зачем такое вообще может понадобиться. Чтобы что-то выделить? А по-другому никак нельзя, нет? Надо именно запутывать пользователя, чтобы он сидел, кликал, и думал — почему же это ничего не происходит. Идиотизм. Если ссылка никуда не ведет — значит она не нужна.

5. Реклама

Правило: реклама не должна раздражать.

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

На этом пока закончим. Продолжение следует.

P.S. Если кто-нибуть из читателей имеет дополнения к этому материалу, пишите мне на andrey@s-a-p.in, и ваши дополнения будут размещены в продолжении (разумеется, со ссылкой на вас).