В поисках идеального интерфейса

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

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

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

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

На основании Eye-Tracking’а я протестировал 20 прототипов интерфейсов среди двухсот случайных респондентов. В результате тестирования было выделено три прототипа, которые наиболее эффективно способны решать следующие ключевые задачи интерфейса: они обеспечивают полное понимание структуры сайта в кратчайшие сроки и практически стопроцентное выполнение пользовательских сценариев. Итак, рассмотрим эти прототипы.

Прототип интефейса №1

picturePir1.jpg

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

Прототип интерфейса №2

pictPir2.jpg

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

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

Прототип интерфейса №3

PictPir3.jpg

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

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

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

Фото: pixabay.com

Расскажите коллегам:
Эта публикация была размещена на предыдущей версии сайта и перенесена на нынешнюю версию. После переноса некоторые элементы публикации могут отражаться некорректно. Если вы заметили погрешности верстки, сообщите, пожалуйста, по адресу correct@e-xecutive.ru
Комментарии
Консультант, Москва
Юрий Максименко пишет: Например, насчёт ассоциаций -- у меня только эмоции. Я против ассоциаций -- но обосновать не могу. Мне вот думается, что если будет создана некая ассоциация веб-разработчиков -- это будут мерзкие склоки а-ля Союз Кинематографистов. Я не могу доказать, что иначе быть не может. Но я почему-то в этом уверен.
Ничего удивительного. У нас на постсоветском пространстве по-другому почему-то почти не получается. И раз за разом выходит по Черномырдину - ''хотели как лучше, а получилось как всегда''. Так что считайте эту идею наивной утопией (как там нас учили - Сен-Симон, Фурье, Оуэн... :)).
Юрий Максименко пишет: Но ведь есть простые и объективные средства проверки качества сайта. Ну вот тот же валидатор. Для меня важный показатель -- как отреагирует предполагаемый поставщик на указание ошибок HTML на его сайте.
Ну, опять же, Вы - профи в этой области. Ну а, представим себе, что Вам нужно сделать, например, систему кондиционирования офиса. Придётся ''учить матчасть'', чтобы перепроверить проект монтажа (тут без смайлика, ибо это тоже проходили...). Противно, но что поделать - на рынке шарлатанов и дилетантов едва ли не больше, чем профессионалов, заслуживающих доверия. Разбирать, почему так - отдельную ветку придётся делать, так что просто констатирую ''эмпирическое''. Приходится сию неприятную реалию принимать как априорную данность, и в качестве контрмеры - ''учить сопромат''. Что, всё же, не есть правильно.
Юрий Максименко пишет: Я верю в эффект от наших комментариев.
Да, но только в рамках портала e-xe. За бОльшее я бы не поручился.
Юрий Максименко Юрий Максименко CIO, Украина
Борис Зверев пишет: Ну а, представим себе, что Вам нужно сделать, например, систему кондиционирования офиса.
Мне уже стало грустно. С ремонтами, монтажами и т.п. -- у меня полный провал. Скажем, с конидиционированием своей квартирки лоханулся по полной программе. Кондей на квартиру молнию навёл -- сгорели два компа... Поэтому всякие ремонты делаю сам. С тем же качеством, зато не обидно :)
Консультант, Москва
Юрий Максименко пишет: Поэтому всякие ремонты делаю сам. С тем же качеством, зато не обидно
Ну вот я примерно к тому, что знания по ремонтам Вы ведь не на e-xe черпаете, в разделе ''знания для менеджера''? ;) А, по мере надобности, на соответствующих сайтах.
2
Оставлять комментарии могут только зарегистрированные пользователи
Статью прочитали
Обсуждение статей
Все комментарии
Дискуссии
Все дискуссии
HR-новости
В России растет количество вакансий с частичной занятостью

На долю курьеров, водителей и продавцов приходится более трети таких вакансий.

Исследование: из-за чего россияне чаще всего меняют работу

Самой частой причиной стала неготовность работодателя повышать зарплату.

McDonald's окончательно уйдет с рынка РФ и продаст российский бизнес

Имя, логотип и брендинг компании больше нельзя будет использовать в России.

В России в 2 раза вырос спрос на специалистов со знанием китайского языка

Логистика вошла в топ отраслей, которые испытывают потребности в сотрудниках, владеющих китайским языком.