Юзабилити: как сделать сайт удобным

Обзор аппаратного обеспечения

К элементам интерфейса необходимо относить все, что исполь­зуется для отдачи системе команд и получения от нее результата. Конечно же, этот список шире, чем просто кнопки, чек-боксы и поля ввода.

К основным элементам аппаратного обеспечения относят мони­тор, мышь, клавиатуру. Операционная система и браузер нахо­дятся уже ближе к интерфейсу самого Web-сайта и также вносят свою специфику. На аппаратное и программное обеспечение пользователей все же можно влиять, хоть это и не совсем оче­видно. Использованию различных мониторов и разрешений эк­рана можно противопоставить «подгонку» содержимого вашего сайта под наиболее часто встречающиеся параметры. Для вла­дельцев «непослушных» и достаточно древних на данный момент мышей можно предложить использование более крупных деталей и дополнительных элементов навигации. Различия в браузерах нивелируются различными таблицами стилей или обработкой JavaScript, а иногда и попросту фразой «Это лучше смотреть в IE 6.0».

6.1.1. Монитор

Монитор может быть цветным или черно-белым (хотя в совре­менном мире второе — уже почти раритет), построен с исполь­зованием лучевой трубки или на жидких кристаллах — все это влияет на работу пользователя, его усталость и работоспособ­ность. Безусловно, более комфортно будет себя чувствовать че­ловек, сидящий за цветным плоским монитором с разрешением 1024x768, чем пользователь «антикварного» компьютера с вы­пуклыми черно-белыми 640x480 с пыльным защитным экраном (рис. 6.1).

Размеры мониторов колеблются в пределах от 14 до 21 дюйма. Навряд ли пользователь за 21-дюймовым монитором будет уста­навливать 1024x768, наверняка разрешение будет побольше. Для такого посетителя сайт с размерами, жестко заданными для 800x600, будет выглядеть как маленькое диалоговое окно в сере­дине экрана. Цвета вашего сайта у всех пользователей также бу­дут разными в зависимости от настроек яркости, контраста, цветности.

6.1.2. Мышь

«Послушная» мышь тоже большое дело. Если ваша мышь-ста­рушка с двумя неуверенными в себе кнопками передает системе двойной щелчок, как тройной, один «клик» сделать вообще поч­ти невозможно, а внутри она грязная и не слушает вашу руку, то о каком удобстве использования программы может идти речь.

Что только не вытворяют с мышью (рис. 6.2). Ранее в отечест­венном компьютеростроении использовался большой, как утюг, и тяжелый «Манипулятор — Колобок». За ним появилась почти современная мышь. Две кнопки. Три кнопки. Потом для замены полос прокрутки на средней кнопке добавилось еще и колесико (скроллер). Крутишь его, не сдвигая мышь с места, и страница перемещается. Следующий шаг прогресса — кнопки горизон­тального прокручивания. Далее появились мыши с «горячими» кнопками, например, аналогами бегунка в браузерах, дополни­тельными эргономичными и ортопедическими элементами.

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

Можно привести следующий пример влияния аппаратного обеспе­чения на программное. Если на мыши есть колесо прокрутки, то в MS Internet Explorer, удерживая клавишу Ctrl, можно изменять разме­ры шрифта в браузере, вместо того чтобы путешествовать по меню (Вид — Размер шрифта — Средний). Первым способом я переклю­чаю размер шрифта в течение доли секунды, вторым — секунды за четыре.

6.1.3. Клавиатура

Вид и особенности клавиатуры влияют на количество ошибок пользователя при вводе данных. Их будет больше, если нажатие на клавиши сопряжено с большим усилием или, наоборот, кла­виатура слишком чувствительна. Влияет она и на удобство при работе. Недаром изобретают все новые «примочки» для клавиа­туры — поддержка для рук пользователя, «горячие» клавиши для управления звуком или запуском браузера, для «усыпления» компьютера, изменяют привычную плоокую форму, делят на две части (рис. 6.3).

Клавиатура влияет не только на удобство и скорость работы, но и «отражается» на здоровье пользователя, на степени его усталости.

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

ШЩт

Ч 1І і j 1П1 II I I If f f If l H 1 і l. i

9*Kwvmwmmmw

»тыё Ф»ФФімтт»»тттщт»

*«» щ «гядажч щ лщ •

Рис. 6.3. То, что вы ввдите, — клавиатура. Несколько отличается от привычной, согласитесь. Почему-то многие специалисты по интерфей­су забывают про стремительное развитие аппаратного обеспечения

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

6.1.4. Скорость соединения и мощность компьютера

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

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

Мощность компьютера не очень сильно влияет на Web-интер - фейс, т. к. пока всю нагрузку несут преимущественно серверы, а не клиентские машины. Параметры мощности в некоторой степени влияют на то, какая операционная система может быть установлена, и как следствие, на браузер и его версию.