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

Что такое интерфейс

Всякая система, используемая человеком в своих нуждах, долж­на обладать механизмами, обеспечивающими взаимодействие с ней.'

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

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

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

В этой книге пойдёт речь о более узком применении понятия «интерфейс» — графический интерфейс пользователя (GUI —

Graphic User Interface) Web-приложений, к которым относятся Web-сайты, интернет-магазины, поисковые порталы, корпора­тивные автоматизированные системы и т. д.

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

Во-первых, простота, а порой и скудность Web-интерфейса диктуется спецификацией языка разметки HTML. Компонент, который не обеспечивается стандартным кодом HTML, может быть создан только искусственным образом. Например, невоз­можно создать динамическую древовидную структуру, потому что в спецификации нет никакого тега <tree> или чего-то подоб­ного. Однако «склеить» динамическое «дерево» можно, напри­мер, с помощью элементов многоуровневого списка, JavaScript и свойств «видимый/невидимый».

Во-вторых, способы обмена информацией с пользователем строятся зачастую по общепринятым правилам, а не с учетом особенностей взаимодействия человек — система.

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

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

Интерфейс Web-сайта — это так называемые фронтальные ком­поненты системы, построенные при помощи языка разметки HTML и протокола передачи данных HTTP, которые позволяют пользователю выполнять необходимые задачи — получать инфор­мацию, общаться с другими людьми, развлекаться и т. д. Человек не считает нули и единицы и не вводит их. Он взаимодействует с системой через интерфейс пользователя, который переводит команды на язык, понятный системе.