Улучшение веб-интерфейсов

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

Фактически упомянутый совет воспринимается так: не используйте слишком мелкий шрифт. Однако «крупный» и «не слишком мелкий» — не одно и то же. Когда на сайте статьи набраны Верданой в 11px — говорят, это слишком мелко, а когда Эриалом в 13px — все вроде бы довольны. Но большая ли разница?

Изредка в Википедии вместо иллюстрации к статье можно встретить такую заглушку:

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

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

1. Edit In Place

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

Для управления содержимым сайта крайне полезное изобретение. Например, я регулярно переписываю заголовки, после публикации заметок. А иногда хочется тег дописать. В большинстве CMS для этого нужно загрузить две страницы, что зачастую делать лень. Edit in place — как раз для таких случаев.

Исправлять ошибки в текстах тоже удобно. Хотя я видел варианты edit in place только с input type="text", но для textarea можно что-то придумать.

Google раньше использовал edit in place на «домашних страницах». В админке Pligg эта фишка тоже используется.

Вот каноническая форма для добавления комментариев, которую можно видеть в Wordpress или Drupal (обратите внимание на порядок полей):

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

У меня есть пример, когда юзабилити мешает зарабатыванию денег. Возьмем файловый хостинг, увешанный баннерами с оплатой за показы. Юзабилити говорит, что нужно минимизировать число загружаемых страниц, а может и AJAX использовать. Сократим число необходимых страниц с двух до одной — владельцы сайта потеряют 50 % прибыли.