Лайк Гуи

Чистим фаворитсы. Большинство из замечательного gui.ru, так что речь во всех ссылках более-менее пойдет о юзабилити.

Идея-фикс «content is the king», ставшая возможной с всеобщим распространением RSS, с моей точки зрения, никак не отрицает того факта, что веб-дизайн — штука не нужная. Даже в блогах первое впечатление о сайте — это тот крючок, который «конвертирует» посетителя в читателя. Что уж говорить о том, что комментируем и ищем новое мы все-таки в веб-интерфейсах, а не единой семантической сети без оформления.

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

Но не все так просто. Тут нельзя не вспомнить статью на сайте лучшей студии дизайна иконок в России — про то, что различимость иконки важнее, чем ее «понятность». Тенденция гламурно-градиентных и детальных градиентов зачастую, к сожалению, убивает различимость на корню.

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

Даже если уходить в сторону от пиктограмм, от которых и так уже голова болит, — скажем, подсказки в формах — как они должны располагаться? Или файловые инпуты, как их кроссплатформенно стилизовать?

Функции элемента должны совпадать с его представлением. Точно так же, как и текст, в котором форма разнится с содержанием, совершенно не воспринимается.

Метафоры все-таки остаются лейтмотивом дизайна, но попробуйте расфокусировать взгляд при просмотре сайта. Или, вообще уберите все элементы оформления, все детали, как это делают на проекте «Веб без слов», который каждую неделю презентует новый популярный сайт в виде блоков верстки. Никакого текста, никаких изображений, только элементы в виде закрашенных блоков, что позволяет отойти от детализации результата в пользу системности прототипа.

Как всегда, получается, что важную роль играет все — идея, содержание, расположение, подача, форма... Приоритеты можно ставить только рассматривая конкретный проект и конкретный дизайн. Вот так вот все сложно.

И снова чуть-чуть о выключке. Если в книгах выравнивание по ширине позволяет использовать кропотливая работа редакторов, нещадно борющихся с дырами в тексте, то в экранной типографике сложность состоит в том, что никто не будет соответственно подготавливать текст к публикации. Мне возражают, что это можно сделать с помощью плагина расстановки мягких переносов, своего рода «типографа для justify».

Объясню недостатки этого решения:

• При копировании текста тот же Firefox вставляет вместо ­ дефис (попробуйте сами, да) везде. Копирование в плейн-текст оставляет дефисы.
• Загромождает HTML.
• Неправильная расстановка переносов (не полностью по правилам русского языка).