Интернет и с чем его едят

Что такое пользовательский интерфейс и как он влияет на успешность бизнеса в целом

Пользовательский интерфейс — это обеспечение взаимодействия между сайтом и его пользователем.

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

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

Типы пользовательских интерфейсов

Прикладной — помогает реализовать функциональные информационные технологии.

Системный — помогает взаимодействовать с компьютером. Он, в свою очередь, делится на командный, графический, речевой, мимический и семантический.

Командный позволяет вводить команду с экрана.

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

Речевой — работает по речевой команде.

Мимический — считывает образ лица.

Семантический — объединяет все вышеперечисленные виды пользовательских интерфейсов.

Если посетитель попал на сайт, но не смог разобраться с навигацией, запутался в страницах, не нашел важную информацию, или веб-страница “криво” отобразилась на его устройстве — значит, веб-ресурс потерял потенциального клиента. Конверсия снижается.

“Дружественный интерфейс” предполагает лояльный настрой посетителя, механизм работы на сайте понятный, все сервисы предупредительны и доброжелательны и т.д.

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

Каким должен быть дружественный интерфейс

Интуитивность. Пользователь не должен сталкиваться с трудностями для решения своей задачи.

Недвусмысленность. Например, клавиша Enter — это переход на другой экран, ввод и т.д. Значит, она не должна нести другое действие.

Минимальность. Человек должен испытывать минимальные трудности при вводе информации в систему. Если он какую-то информацию вводил ранее — то она должна на следующих экранах появляться автоматически.

Помощь. Простая и понятная система помощи должна быть качественной и своевременной.

Гибкость. С сайтом должны легко разобраться как продвинутые пользователи, так и “чайники”.

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

Эргономичность. Человек должен минимизировать умственные действия при работе с системой. Например, он не должен вводить название города — лучше предложить сделать выбор.

Привлекательность. Да, в какой-то мере этот пункт перекликается с дизайном.Но он также важен, ведь если самая удобная навигация будет навевать на посетителя тоску — то вряд у сайта будет высокая конверсия.

Когнитивность. Если мы все знаем о шаблонах и ожиданиях среднестатистического человека, не нужно специально отходить от стандартов своей целевой аудитории, иначе сайт внесут в список непривлекательных. Если в шапке должны быть контакты — пусть там они и будут. Если текст подчеркнут — значит, он является ссылкой, и никак иначе.

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

Важные советы для UI-дизайнеров

Узконаправленность. Создание UI-дизайна — сложная задача. Например, создать удобный ресурс под нужды всех посетителей невозможно, поэтому желательно его оптимизировать только для определенной целевой аудитории.

Расположение блоков и их наполнение

Используйте сетку. Разметьте страницу и расположите основные блоки. Полезным на этом шаге будет процесс прототипирования сайта и пользовательского интерфейса — создание эскиза размещения элементов на каждой странице. Общепринятые расположения элементов: брендирование — левый верхний угол, навигация — под шапкой, контент — центр, объявления и анонсы -справа.

Не забывайте о корректном отображении интернет-ресурса на мобильных телефонах.

Футер не должен содержать много текста. Контакты внизу желательно разместить. Можно продублировать важную информацию в сокращенном варианте.

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