USABILITYLAB рекомендует всем, кто интересуется банковским UX, принять участие в UX-Марафоне #16 «Банковский продакт-дизайн», который пройдет уже в этот четверг!

Программа:

1. Ярослав Сизов, Сбербанк
Эмоции в банковском приложении. История внедрения диалогов в Сбербанк-онлайн.

2. Елена Куликова, Райффайзенбанк
Как мы улучшили UX и проверили это. История редизайна приложений.

4. Екатерина Тюхай, ВТБ
UX-исследования при объединении внутрибанковских продуктов: как это сработало у нас.

4. Виталий Мазуревич, Росбанк
Создание сайта для всего банка как искусство общения со 101 заказчиком.

5. Ярослав Шуваев, Ак Барс Банк
Figital — из CX в UX и обратно. Как системы распознования лиц меняют пользовательский опыт.

6. Никита Трунов, Промсвязьбанк
Смелость — лучшее качество дизайнера.

Все проходит онлайн. 4 июля, с 11 до 18 ч.

Для тех, кто ищет работу: мы ищем ещё одного UX/UI-дизайнера к себе в офис на полный рабочий день.

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

Что мы ожидаем от кандидата:
- опыт в веб дизайне, дизайне мобильных приложений, большим плюсом будет опыт в создании интерфейсов для терминалов и внутренних систем;
- знание Sketch или готовность быстро его освоить;
- знание принципов адаптивной верстки;
- готовность работать в офисе фулл-тайм.

Что мы можем вам дать:
- оформление в соответствие с ТК РФ;
- белая заработная плата по результатам собеседования (от 100 000р на руки);
- уютный офис в 10 минутах ходьбы от станции метро Алексеевская;
- сложные и интересные задачи, работа с крупными заказчиками (ЦБ, Сбербанк, СТС, Ростелеком, Аэроэкспресс, Данон, PizzaHut, Эльдорадо и т.п.).

Ждем ваших резюме и портфолио на hr@usabilitylab.net!

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

Мы запускаем новую экспериментальную рубрику: каждую среду Дмитрий Сатин, основатель USABILITYLAB и признанный гуру юзабилити, будет отвечать на один вопрос комментаторов. Пишите свои вопросы в комментариях, а мы выберем самый интересный из них и через неделю опубликуем ответ.

Первый вопрос — от участника прямой линии Дмитрия Сатина для Центра digital-экспертизы:

«Как формировать меню сайта?
А) Смотреть самые посещаемые страницы и размещать их впереди?
Б) По алфавиту?
В) По размеру строк?»

Ответ Дмитрия:

Это тема большого разговора. Если кратко:

1. Принцип организации сильно зависит от решаемой задачи, например:
- телефонный справочник — по алфавиту;
- список ресторанов — по виду кухни;
- фастфуды — по близости к пользователю.

2. Блок наиболее частых или последних просмотренных может добавляться над списком. Только скорее это должны быть наиболее частные или последние у самого пользователя, а не среднее по больнице.

3. Самый лучший способ разобраться с большими меню - это методика карточной сортировки. Мы привлекаем пользователей к тому, чтобы они сами сложили пункты меню в группы, назвали эти группы и расставили приоритеты. О карточной сортировке можно почитать и посмотреть видео. Например, это: https://www.youtube.com/watch?v=bF6x9uYb3aM

Если где-то существует UX-ад, то он должен выглядеть как в этой игре: https://userinyerface.com/game.html А вам хватит терпения пройти её до конца?

​​Как выглядит типичный потребитель услуг частных клиник? Как анализ посетителей клиники помогает принимать бизнес-решения? Какая информация и в каком формате должна быть представлена на сайте клиники?

Читайте транскрипт выступления Дмитрия Сатина на конференции «eTarget. Медицина», чтобы узнать об этом.

Короткая и поучительная история о роли фильтров: один сайт добавил фильтры на страницу категории, и только за счёт этого увеличил конверсию на 26%.

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

Владельцы сайта убрали разбивку на подкатегории, вывели все килты на одну страницу и добавили в левое меню фильтры. Одно это позволило увеличить конверсию на 26%, а прибыль — на 76%.

В юзабилити не бывает мелочей. Одно небольшое изменение может принести огромный эффект. Главная хитрость — знать, что менять :) Для этого и нужны UX-специалисты!

Новый кейс о том, как мы улучшали юзабилити мобильного приложения для ТЦ! В ход пошли Google Analytics и экспертная оценка.

Что может быть проще, чем страница подтверждения заказа? Просто показываете пользователю всю ту же инфомацию, что в корзине, и кнопку «Подтвердить заказ».

Оказывается, всё гораздо сложнее. По данным Baymard Institute, 65% изученных ими сайтов имеют проблемы с этой страницей. Поэтому коллеги из Baymard Insitute сформулировали 5 рекомендаций, как эту страницу улучшить. А мы делимся ими с вами.

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

Например, вы сходили с друзьями в бар, заплатили за всех и договорились, что друзья вернут деньги вам на карточку. Что должно уметь приложение, чтобы вам было удобно получить с каждого друга нужную сумму? Разбираем в статье.

Хорошая новость для тех, кто проектирует интерфейсы. В облаке Axure теперь можно сделать пототип из Sketch. Прямо в браузере. Подробнее тут: https://www.axure.com/blog/new-in-axure-cloud-build-prototypes-from-sketch-and-image-files

12 июля Дмитрий Сатин участвовал в митапе от М.Видео про организацию UX-лабораторий. На самом деле, тема обсуждения была гораздо шире: поговорили не только и не столько про лаборатории, но и про UX-исследования, и про отношения с заказчиками. Обсудили столько интересных идей, что на их осмысление ушла целая неделя :) Например:

🔸 в какой момент в компании появляется потребность в UX-исследованиях?

🔸 можно ли как-то посчитать окупаемость UX-исследований?

🔸 как должны быть построены процессы в компании, чтобы работа UX-специалистов не уходила в песок?

🔸 как уговорить продуктовую команду принимать участие в тестированиях и пользоваться их результатами, если продуктовая команда ещё не созрела?

🔸 какие компетенции нужны, чтобы проводить UX-исследования, кто этим должен заниматься?

🔸 что должна представлять собой лаборатория? В каком случае для тестирования достаточно зарезервировать лабораторию, а когда нужно отдельное помещение?

🔸 обязательно ли нужен eye-tracker и одностороннее зеркало?

🔸 должны ли UX-аналитики, особенно работающие на аутсорсе, давать после юзабилити-тестирований рекомендации по улучшению интерфейса? Или от них требуется только список проблем?

Своё резюме и своё мнение, по крайней мере, по части из этих тем, опубликуем в четверг. Так что сделите за новостями!

Когда говорят о пользе UX, обычно тут же вспоминают о повышении конверсии. Но этот критерий не универсален, для некоторых продуктов он не применим. Один из неочевидных положительных эффектов, о котором редко вспоминают — снижение нагрузки на службу технической поддержки. Расскажем на примере истории о том, как NNGroup на 70% снизили нагрузку на техническую поддержку Mozilla.

Всем привет! Мы в понедельник рассказывали о том, как Дмитрий Сатин ходил на митап о UX-лабораториях, и обещали поделиться своим резюме и видением. Держим обещание: собрали в одной статье основное, что нужно знать о UX-лабораториях.

Наш молодой, но симпатичный канал в Инстаграм собрал первую сотню подписчиков. Кто не успел, подписывайтесь: usabilitylab.ru

Вторник — время поучительных историй! Сегодня расскажем о том, как UX-специалисты, опираясь на данные аналитики и исследований пользователей, улучшали страницу оформления заказа для сервиса доставки еды, и уронили продажи на 10%. Всё кончилось хорошо, но добиться успеха удалось далеко не сразу ;)

Наступила среда, и значит @dmitrysatin должен снова ответить. Сегодня вопрос, связанный с медициной.

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

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

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

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

Но создание и поддержание актуального онлайн-расписания врачей - сложная задача.

Даже государству не всегда удаётся поддерживать актуальность расписания в разных каналах коммуникации. Нередкий случай, когда доступной записи в электронном расписании нет, а если прийти в поликлинику самому, то можно записаться на этот же день через терминал (к слову, с ГИБДД такая же ситуация, но здесь другие причины).

Что тогда говорить о частных клиниках. Они плохо оснащены CRM системами. И у них нет необходимой цифровой и маркетинговой культуры.

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

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

P.S. Обратиться к нам стало совсем просто. Напишите свой вопрос нашему боту @usabilitylab_bot, и вам ответит живой Сатин со всей командой USABILITYLAB 😎

Друзья, мы помогаем студентке нетологии с её дипломным проектом. Сделали first click test для сравнения старой и новой версии главной страницы юридической фирмы.

Если вы читаете эту публикацию с компьютера, то, пожалуйста, потратьте несколько минут на участие в эксперименте - http://opros.so/3NSB

Плюсы в карму вам будут обеспечены :) Спасибо большое!

Сегодня две публикации связаны с нашим ведущим специалистом - Аленой Куликовой @alenakulikova

На это неделе Алена отвечала на вопрос к @usabilitylab по поводу "липких" меню.

"Как вы относитесь к "липким" (sticky) меню? Например, как на фейсбуке, меню следует за вами. Но одновременно оно занимает место на странице и может отвлечь, особенно если это не соц. сеть к которой все привыкли"

- Как у многих интерфейсных решений, у "липких" меню есть и плюсы, и минусы.

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

Что будет делать пользователь социальной сети, если закрепленного меню на странице не будет? Ему придется листать страницу до самого верха, что из-за бесконечной подгрузки постов может занять много времени [1]. Если сайт недостаточно оптимизирован, то браузер может зависать, что усложнит задачу еще сильнее. Если не хочется закреплять полное меню, проблему может решить кнопка «Наверх» или аналогичная ей.

Закрепленное меню помогает пользователям ориентироваться на сайте: они меньше теряются при переходам по страницам [2], особенно если закрепленное меню показывает им, в каком разделе они находятся [3]. В одном исследовании было показано, что закрепленное меню ускоряет навигацию по сайту, а вариант страницы с таким меню кажется более предпочтительной [4].

Каким должно быть закрепленное меню?

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

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

——
Сcылки:
[1] https://www.nngroup.com/articles/menu-design/
[2] https://www.clicktale.com/resources/blog/the-3-golden-rules-of-sticky-navigation/
[3] https://www.nngroup.com/articles/in-page-links/
[4] https://www.smashingmagazine.com/2012/09/sticky-menus-are-quicker-to-navigate/