Зашел, увидел и ушел. Какой руководитель бизнеса захочет, чтобы его приложение отталкивало, а не привлекало клиентов? Ответ очевиден. Но, не всем руководителям компаний очевидна еще одна простая, но важная истина: главное в приложение не только процент скидки на всплывающем баннере, но и возможность в пару кликов оформить по программе лояльности нужный товар. На первом месте в мобильном маркетинге сегодня стоит удобный интерфейс — комфортное и интуитивно понятное использование продукта. За это отвечают UI и UX.
Итак, начнем по-порядку.
Как гласит народная мудрость: «первое впечатление исправить трудно». Речь не только о коммуникации между людьми. Высказывание справедливо и в отношениях бизнес-клиент. Если первый опыт взаимодействия с вашим продуктом был негативным, пиши пропало. После этого донести до клиента ценность товара или услуги тяжело.
Термин «пользовательский опыт» придумал исследователь в области юзабилити и когнитивных наук Дональд Норман. Работая в Apple и желая увеличить доход компании он стал исследовать принципы, влияющие на поведение клиента и его лояльность бизнесу. В частности, задумался о деталях дизайна. Например, размере коробки для поставки Apple Macintosh. Он хотел, чтобы каждый владелец мог легко поместить коробку в свой автомобиль.
После офф-лайна перешел в интернет пространство и расширил диапазон термина. Он доказал, как важно бизнесу обеспечить наилучший опыт работы с продуктом. От приятных тактильных ощущений при нажатии клавиш, до красивой картинки на экране и получении быстрых ответов от электронных менеджеров. Шел 1990 год.
А сегодня продажи товаров и услуг растут через мобильные приложения. Эксперты утверждают, что в ближайшем будущем главной площадкой взаимодействия бизнеса и клиента будет цифра. Да и сейчас многие компании подтверждают, что именно цифровые продукты помогли увеличить их доход и вывести команду на новый уровень. А значит приоритет внимания должен быть направлен на положительный пользовательский опыт в цифровом пространстве.
UI или User Interface — пользовательский интерфейс. Красота в каждой детали — это сюда. Доказано — если визуальное оформление цифровой площадки вызывает отторжение, человек через пару минут закроет приложение и уже не вернется в него. Пользователь должен получить эстетическое удовольствие от использования продукта, не испугаться кислотных цветов и рябящих надписей. Есть все шансы, что ваш потенциальный клиент станет реальным, если ему будет приятно и комфортно пользоваться приложением. Красоту творят дизайнеры. Они продумывают, какие лучше использовать шрифты, отступы, цветовое решение, иллюстрации и анимацию. Каким сделать размер и цвет кнопок, внешний вид блоков и меню.
UX или User Experience — пользовательский опыт. Здесь задачка посложнее. Специалист должен продумать сценарий взаимодействия пользователя с продуктом. Желательно, чтобы необходимые действия, которые человек должен совершить на вашей площадке были ему интуитивно понятны. Расположение кнопок, ссылок и иконок — удобным. Выполнение задач — легким. Это про оформление покупки в пару кликов или регистрация в личном кабинете за пару минут.
Реальный пример от исследователя в области дизайна Джареда Спула. Благодаря удалению одной кнопки e-commerce компания получила 300 миллионов долларов годовой прибыли. Перед покупкой пользователям показывали форму с просьбой зарегистрироваться или авторизоваться. Так, основные клиенты могли совершать покупки быстрее, а менеджеры легко собирать контакты новых. Однако постоянные пользователи забывали пароли, а те, кто зашел на сайт впервые, не хотели оставлять личные данные. Кнопку с формой удалили. После этого число покупок увеличилось в половину.
На практике UI и UX идут рука об руку. Как любящие супруги — дополняют и повышают эффективность друг друга. И у них есть важные элементы, на которых базируется концепция.
IA — информационная архитектура. Как раз она и отвечает за интуитивную навигацию. Это набор инструментов, который использует дизайнер, чтобы создать ясную и понятную архитектуру. IA не видна пользователю. Но благодаря ей вы интуитивно легко находите на сайте полезную информацию. Например, отзывы о товаре в его карточке. И инструкции для этого вам не нужны.
Юзабилити или удобство использования. А здесь о приятном взаимодействии с видимыми элементами. Как быстро загружается страница, открывается нужное окошко, после нажатия на кнопку, появляется необходимая информация после запроса в строке поиска.
Дизайн взаимодействия. Это про красивую упаковку — цветовую палитру вашей площадки, визуал иконок, гармонично подобранный шрифт.
Прототип. Эскиз вашего продукта или схема страницы в виде наброска, на котором отражены все важные элементы будущего приложения: блоки, кнопки, строка поиска, меню и т.д.
К нам обратился эксклюзивный дистрибьютор профессиональных средств для косметологов FILARAcosmo с запросом на доработку приложения. Задач было много, в том числе улучшить дизайн и пользовательский опыт.
Доработку интерфейса мы начали с User Interface. Цифровой продукт в бьюти-сфере должен быть ярким, при этом нежным. Привлекать внимание эстетичностью и стать узнаваемыми среди конкурентов. Мы продумали цветовую гамму созвучную палитре бренда, разработали уникальный дизайн и создали полную сетку оформления — все страницы гармонируют между собой, в карточках товаров привлекательные изображения и сдержанный шрифт, кнопки и иконки лаконично вписываются в общий стиль.
Отличия и уникальные особенности коснулись не только внешнего UI оформления, но и UX составляющей — структуры, функционала, навигации.
Завладеть вниманием пользователя за 3 секунды — легко! При входе на страницу сразу понятно чему посвящен цифровой продукт. На главной странице размещена вся необходимая информация и логотип компании.
Одна из важных составляющих успеха такого типа приложения — удобная строка поиска — расположена на видном месте. Грамотно настроенный поисковый алгоритм позволяет пользователю сразу найти интересующий продукт или данные. А благодаря проработанному каталогу товаров и системы фильтров, потенциальный клиент может задавать желаемые и максимально удобные критерии для поиска.
Мы создали удобную процедуру авторизации. Упростили ввод информации, добавили автосохранение данных. Еще одна важная функция — возможность фотосъемки документов или их выбора из галереи. Чтобы подтвердить квалификацию, косметологам достаточно загрузить сертификат из папки телефона или сфотографировать, не выходя из приложения.
Наша команда внедрила понятную и простую систему заказа товара и на видном месте расположила информацию о доставке. Мы учли все потенциально возможные требования пользователя к этому цифровому продукты и сделали приложение максимально комфортным и интуитивно понятным.
Результат не заставил себя ждать. После публикации в App Store и Play Market приложение скачали более 4500 раз. Зарегистрировалось 3500 человек. Компания получила более 10 т заказов и увеличила выручку на 30%.
Никакой магии. Не собственном опыте и не раз мы убеждались, что осознанный и профессиональный подход к работе творит обыкновенные чудеса. А положительный пользовательский опыт удерживает клиентов и привлекает новых.
Подпишитесь на ежемесячную рассылку Workspace
Отлично! Мы отправили письмо на указанный вами электронный ящик с инструкцией по подтверждению.
Если письмо с подтвержением вашего e-mail не будет получено в течение 10 минут, пожалуйста, проверьте папку СПАМ в соответствующем почтовом ящике.
