25252
Чат читателей: @uxnoteschat В соцсетях: vk.com/ux_notes и fb.com/uxnotes Вакансии: @uxwork Автор: @zGrav Est. 2016. Реклама на канале: https://uxnotes.ru/ads
В Everest написали о формах поиска билетов на сайтах авиакомпаний.
— Поиск билетов — один из самых частотных сценариев на сайте авиакомпании. Форму поиска лучше располагать по центру и не совмещать с рекламными каруселями, чтобы те не отвлекали;
— Рядом можно расположить ссылки на следующие по популярности функции: регистрация, управление заказом, статус рейса;
— Полезно определять город вылета по локации пользователя. Если вылетов из его города нет, можно показывать ближайший. Если аэропорт временно не работает, показывать его недоступным и пояснением;
— Пользователи могут вводить неофициальные топонимы (Питер), хорошо бы это учитывать и находить искомые города;
— В списке городов можно показывать сначала популярные, а потом все остальные в алфавитном порядке;
— Только Utair понятно подсказывает, что в полях «Откуда» и «Куда» нельзя указать один и тот же город: «Укажите разные города»;
— Лучше не заполнять по умолчанию поле с датой вылета. Пользователи обычно фокусируются на заполнении пустых полей и могут его пропустить;
— Чтобы искать билет в один конец, на сайте Аэрофлота надо оставить пустым поле с датой возвращения. Возможность явно это указать пользователям привычнее: переключатель «Только туда — Туда и обратно» или кнопка «Обратный билет не нужен»;
— Если пользователь выбрал вариант «Туда и обратно», но дату возвращения не указал, можно искать билеты в один конец;
— Можно добавить крестик для быстрого сброса даты «Обратно»;
— Люди могут искать билеты сильно заранее, удобно иметь возможность выбрать год и месяц в календаре, а не пролистывать его помесячно. Используйте календарь, показывающий сразу 2 месяца;
— В календаре стоит выделять дни, когда рейсы есть. Удобно, если там будет примерная стоимость доступных билетов;
— Ни одна авиакомпания не разрешает выбрать больше билетов для младенцев (без отдельного места), чем выбрано билетов для взрослых, но только Уральские авиалинии отображают подсказку: «Младенцев не может быть больше, чем взрослых»;
— Полезно объяснять, что «младенцы» располагаются на руках у взрослых, без отдельного места.
#form
Почему мы вообще пишем о статье Лены Бородиной? Мало ли других примеров не очень удачных исследований?
Потому что статья Лены об оценке дизайна предлагается как история успеха, удачный кейс, на который нужно ориентироваться. Но успех выглядит не так. И мы категорически против того, чтобы образец бредовой работы выдавался за годный отраслевой стандарт.
⛔️Это не история успеха. Это история подгонки результата под ожидания заказчика.
И когда читаешь, спотыкаешься просто на каждом тезисе.
"Когда команда дизайнеров предлагала новые концепции ключевым заказчикам, они отзывались по-разному" - а почему концепции предлагались стейкхолдерам, а не пользователям? Почему исследователи не начали с тестирования концепций дизайна? Это более болезненно для дизайнеров, но позволяет отсеять неподходящие варианты, не затрачиваясь на их воплощение.
Почему методов оценки дизайна всего три: юзабилити-тест, айтрекинг и методика «5 секунд» от Microsoft? Почему не интервью, не фокус-группа и не количественное исследование? В рюкзаке моем сало и спички, и Тургенева десять томов.
Каким образом айтрекинг помогает объективно измерить отношение к дизайну? Как написали в комментариях: если человек долго смотрит на элементы дизайна, это он хорошо или плохо относится? Тот же вопрос относительно юзабилити-теста – а выполнение сценариев как поможет оценить дизайн?
Почему была выбрана методическая химера под названием «пятисекундный тест от Microsoft»? Цитируем: «человеку показывают скриншот экрана всего 5–10 секунд, а потом просят оценить и описать только внешний вид продукта. За такое короткое время никто не успевает вникнуть в функциональность и даже прочитать названия всех разделов — это как раз помогает нам собрать первое впечатление от увиденного, а не прочитанного или понятого».
В экспериментальной психологии есть понятие «экологическая валидность» - возможность обобщить данные эксперимента на реальную ситуацию. Нет никакого смысла изучать то, что в природе не встречается. В какой реальной жизненной ситуации ваш пользователь будет смотреть на сайт в течение 5-10 секунд? Ни в какой. Как правило, он смотрит на сайт дольше 5 секунд. А если он смотрит 5 секунд – то это «отказ», человек попал на сайт случайно и закрыл его.
Насколько идея оценивать дизайн отдельно от функциональности соответствует реальности? Клиенты Газпромбанка предпочитают любоваться на дизайн, ничего не делая на сайте? Тем более, что, судя по результатам, оценить дизайн отдельно от удобства не получилось. Самым частотным словом, которое называли пользователи, описывая дизайн, было слово «УДОБНЫЙ» (!).
Количество респондентов. Идея «сначала взять небольшую выборку и проверить распределение, а если данные не подойдут, просто добрать людей» - категорически не ок. Даже в симуляторе GoPractice написано, что так делать нельзя. Вы не можете добирать выборку до тех пор, пока результаты станут статистически значимыми. Потому что это тупо подгонка под желаемый результат.
Выборка и ее соответствие ЦА. Как-то вышли на 70 человек. Но почему среди них были жители Стокгольма и «разумеется, и специалисты UX-отрасли», если тестировался дизайн приложения российского банка? Что помешало отсеять тех, кто не является целевой аудиторией, и тех, кто смотрит на сайт с профессиональной точки зрения?
Почему оценивались именно тройки характеристик, а не отдельные характеристики? В результате, например, «тройка» из двух слов (буквально так) «красивый» и «много всего» получила положительно-отрицательную оценку.
Но стейкхолдеры эти результаты приняли. Ведь 75% характеристик, которые называли пользователи – были положительными.
Это, видимо, и была основная задача исследования – принятие стейкхолдерами. По крайней мере, о других задачах, которые ГПБ хотел решить с помощью редизайна, ничего не было сказано.
Как лучше было бы действовать и почему именно так – об этом следующий пост.
Герман Герасимов показал анимированные способы адаптации таблиц под экран телефона.
— Прокрутка таблицы с фиксацией шапки и первого столбца;
— То же самое, только остальные столбцы не прокручиваются свободно, а переключаются по одному свайпом. Полезна возможность выбрать нужный столбец в списке, чтобы быстро к нему перейти;
— Можно превратить строки таблицы в карточки;
— Карточки по умолчанию могут быть свёрнуты и показывать только основные данные, и разворачиваться при необходимости;
— Также полное содержимое карточки может открываться на отдельном экране;
— Неочевидный вариант: слайдер карточек. Автор предлагает необычный способ выбора нескольких карточек.
#table
Перед тем, как приступить к написанию любой главы, я составляю перечень тезисов, которые хотел бы в ней раскрыть. Иногда перечни эти кажутся мне более понятными и удачными, чем сами главы. Вот, например, на основе какого списка я писал главу о правках:
— Если работа делалась неделю, то клиент не может её всю проверить за час. Он придёт с новым пакетом комментариев на следующий день после первого;
— Если работа была сделана не так, как хотел клиент, на самом фундаментальном уровне, то гигантское количество правок будет играть роль костылей, так никогда до конца и не исправляющих ситуацию и плодящих всё новые костыли. Проще либо переделать работу заново, либо заплатить фрилансеру и расстаться, чтобы время не тратить;
— Работа может быть изначально не предназачена для внесения правок. Когда делаешь всё в последний момент и жертвуешь последовательностью ради быстрого результата;
— Можно контролировать «коридор вариативности» в работе. Нельзя слишком ограничивать вариативность, т.к. это не позволит получить результат, который точно понравится клиенту. Также нельзя слишком её увеличивать, т.к. чем меньше ограничений, тем сложнее работать;
— Клиенты не заинтересованы в бесконечных правках, им нужен результат;
— Не бывает мелких правок. Любой комментарий нужно фиксировать в письменном виде. Многие фрилансеры делают 8 из 10 правок, а остальные пропускают то ли случайно, то ли нарочно;
— Если клиенту трудно что-то выбрать, это общая проблема, с которой можно помочь позитивными штуками, а не негативными типа «выбирай уже скорее или соглашайся с тем, что есть» или «нужно больше вариантов — плати больше денег»;
— Я не ограничиваю клиентов в правках и выстроил процесс так, чтобы итерационно прийти к совместному результату;
— При этом, если правки явно выходят за границы коридора вариативности, то нужно отказываться от них, при этом добавляя в список «работ на потом», которые оцениваются отдельно. Важно, чтобы эти заметки не терялись и клиент видел, что исполнитель всё услышал и зафиксировал и в будущем готов воплотить в жизнь, но не в рамках текущего договора;
— Есть исключения, когда правки настолько незначительные, что можно пренебречь их оценкой и сразу внедрить, даже если они выходят за границы коридора вариативности;
— Любой результат работы, даже идеальный, спровоцирует дать обратную связь, улучшающую его, такова природа вещей.
В Antro написали о лучших практиках входа и регистрации в интернет-магазинах.
— Пользователи входят не только для того, чтобы что-то купить. Они могут проверять статус заказа, искать сделанную ранее покупку, чтобы порекомендовать её и так далее;
— Располагайте кнопку входа в правом верхнем углу страницы;
— При наведении на неё курсора можно рассказывать о преимуществах личного кабинета;
— Показывайте, что пользователь авторизован. СберМегаМаркет отображает только количество баллов, Озон — имя пользователя, Яндекс Маркет — фото. Это удобно, если одним устройством пользуются несколько человек;
— Совмещайте вход и регистрацию;
— Не давайте в одно и то же поле вводить номер телефона, логин и адрес электронной почты. Такое поле нельзя автоматически заполнить, не получится установить подходящий тип клавиатуры для мобильных, нельзя использовать маски, подсказки и сообщения об ошибках будут громоздкими;
— Для входа отправляйте код — вместо входа по паролю. 78% пользователей запрашивают восстановление пароля в течение 90 дней;
— Не деактивируйте кнопки, если какие-то поля не заполнены. Не все люди знают, что в вебе так бывает (в офлайне кнопки обычно не перестают нажиматься, даже если нажатие ни к чему не приводит). Лучше при нажатии отображайте сообщения об ошибках для некорректно заполненных полей;
— Предлагайте несколько способов входа и регистрации. Если телефон разряжен или сейчас стоит другая симкарта, пользователю может быть удобен вход через электронную почту;
— Маркируйте поле для автозаполнения, чтобы можно было подставить номер телефона или имейл;
— Давайте очищать поле одним нажатием.
#sign_up #log_in #ecommerce
Барт Гиссенс написал, почему курсор в операционных системах наклонён на 45°.
— В демо Дугласа Энгельбарта курсор был в виде стрелки вверх (кстати, посмотрите его The Mother of All Demos);
— Графический интерфейс операционной системы впервые реализовали в Xerox PARC;
— Из-за низкого разрешения экранов того времени не получалось создать пиксельный вертикальный курсор нормального размера. Поэтому решили его повернуть, чтобы одна грань была вертикальной, а другая — наклонённой под 45°.
#icons
Исследователи студии продуктового дизайна «Луч» решили разобраться, как поменялись потребности крупных компаний и их отношение к работе с подрядчиками.
Сначала ребята изучили опыт своих клиентов, среди которых Яндекс, Авито и Mindbox. Затем исследовали аудиторию, пока со студией не знакомую.
Выяснили вот что:
- Некоторые клиенты опасаются, что студия не будет глубоко погружаться в задачи.
- На первом этапе выбора подрядчика важны крутые кейсы, на втором — взаимопонимание с командой.
- Клиент хочет быстро получить осязаемый результат.
- Хочется сразу найти своего подрядчика.
В Луче всё обдумали и запустили новую услугу — пробный дизайн-спринт. Одна бизнес-задача решается в течение пяти рабочих дней за 90 000 ₽
Клиент успеет посмотреть на команду в деле и изучить студийные процессы изнутри. Также он получит материалы, которые сразу сможет использовать в работе. Подробности — на лендинге
Согласитесь, после такой демо-версии гораздо легче решиться на долгосрочное сотрудничество.
#промо
Возможно, вы хотите получить современную и востребованную профессию в IT, но душа лежит к дизайну, а не к разработке. Или ваши цели и мечты открепились от конкретного места, и вы хотите начать путешествовать и работать удалённо.
Если так, приходите на вебинар Яндекс Практикума о профессии дизайнера интерфейсов мобильных приложений. На вебинаре мы:
• расскажем про интерфейс мобильного приложения и особенности интерфейсов в вебе и десктопе;
• покажем типичные шаблоны для создания интерфейса в мобильной версии;
• расскажем про тренд использования формата историй на главном экране;
• покажем, какие особенности у проектирования интерфейса в компании, которая занимается мобильной и десктопной разработкой;
• подскажем, что должен знать и уметь дизайнер, чтобы грамотно проектировать интерфейсы.
Кто спикер?
Казакова Варвара – старший продуктовый дизайнер в Bolt, работает над приложением доставки еды, работала в Альфа-Банке над приложением для физических лиц и Озоне над внутренними приложениями.
Кивич Вячеслав – контент лид и старший преподаватель на программе «Дизайн интерфейсов».
Ждём вас 17 ноября в 19:00
Ссылка для регистрации
#промо
Опубликованы видео с Дизайн-просмотра:
1. Леонид Фейгин, DDVB — Правильно ли поступать правильно
2. Олег Баринбойм, TutkovBudkov — Как тёмные времена сделали нас сплочённее
3. Евгений Яровой, Pragmatica — Новые студии дизайна: реформы или уныние
4. Максим Галеев, Газпромбанк — Как поменять отношение людей к дизайну
5. Елена Шанович, телеканал СТС — Видеть сердцем
6. Митя Осадчук — Нерешённые загадки дизайнеров и человечества
7. Сергей Гуров — Дизайн как точка зрения на всё
8. Миша Пименова, Mish — 10 советов самой себе в начале карьеры
9. Александра Королькова, Paratype — Буквы не то, чем кажутся
10. Вадим Гранич, онлайн-школа Granich — Осознанный дизайнер
11. Данила Шорох, Moscow City — Адаптация — путь к выживанию
12. Макс Авдеев, Max — Как продать на до**я
Евгений Трифонов об интерфейсах для продвинутых пользователей.
— Продвинутые пользователи (power users) стремятся использовать инструменты максимально эффективно;
— Пользователей мобильных устройств стало больше десктопных, сервисы стали ориентироваться на них, что привело к ухудшению десктопного UX. Некоторые сервисы вообще существуют только в виде мобильных приложений;
— Перемещение данных в облака лишает контроля над ними: стриминг может удалить любой альбом, не даёт возможности выбрать подходящий проигрыватель;
— Не всеми сервисами можно управлять клавиатурой и с помощью горячих клавиш (даже просто переключаться между полями клавишей Tab не всегда получается);
— В некоторых случаях ресурсы на такие доработки есть, проблема в том, что об этом просто не подумали. То есть надо просто тестировать сервисы с участием продвинутых пользователей;
— В этой функциональности нет большой социальной пользы, но разработчики часто сами являются продвинутыми пользователями и понимают её ценность. Это может сподвигнуть их к внедрению улучшений силами разработчиков без больших вложений ресурсов.
Канал Евгения. #accessibility #power_user
Каждый второй четверг ноября в мире отмечают World Usability Day. Он нужен, чтобы объяснить людям ценность простого и удобного дизайна.
10 ноября в 16:00 (МСК) Альфа-Банк расскажет о том, как технологии влияют на здоровье пользователей.
Вместе со спикерами из VK, Яндекс Маркета, Вкусвилла и других крупных компаний обсудят то, как меняется UX, а также привычки людей.
Трансляция будет доступна на YouTube. Подключайтесь!
#промо
Саадия Минхас написала о чекбоксах и переключателях.
— У чекбокса есть 3 состояния: выбран, не выбран, частично выбран (бывает у родительского чекбокса, у которого часть дочерних чекбоксов выбрана, а часть — нет);
— У переключателя 2 состояния: включено, выключено;
— При этом нажатие на переключатель — это одновременно и выбор опции и её включение или выключение. За включение или выключение опций, выбранных с помощью чекбоксов, обычно отвечает отдельный элемент управления (вроде кнопки сохранения);
— Используйте переключатель, если пользователь ожидает мгновенной реакции на свой выбор, результатом будет включение или выключение чего-либо, действие не нуждается в проверке или подтверждении;
— Используйте чекбоксы, если есть родительские и дочерние опции, которые можно выбирать произвольно;
— А также если надо выбрать между опциями «да» или «нет» (согласие пользователя с условиями предоставления услуг).
#checkbox #toggle
Майкл Крич сделал обзор фреймворков для эвристической оценки интерфейсов.
— Можно использовать 10 эвристик Якоба Нильсена, но потом столкнуться с проблемами интерфейса, не учтёнными этим фреймворком;
— Эвристическая оценка — анализ предмета (в данном случае интерфейса) экспертами на соответствие установленным принципам. Это субъективное, качественное исследование;
— Из тех фреймворков, что на слуху, есть ещё 10 принципов хорошего дизайна Дитера Рамса. Майкл проанализировал ещё 8 фреймворков;
— Суммарно они рассматривают следующие качества интерфейса: 1) Лёгкость выполнения задач при первом знакомстве; 2) Скорость работы после обучения; 3) Приятность в использовании; 4) Количество совершаемых при работе ошибок, их серьёзность; 5) Полезность, соответствие потребностям пользователя; 6) Насколько легко вернуться к его использованию после длительной паузы;
— Ни один из рассмотренных фреймворков не охватывает все 6 качеств. Только два (Bastien and Scapin, ISO 9241) — рассматривают 5 качеств;
— Из названных: принципы Рамса больше подходят для улучшения удовлетворённости (качество 3); эвристики Нильсена — для повышения лёгкости обучения (качество 1).
#principles
Ксения Горбатенко написала о метрике CSAT.
— Customer Satisfaction Score показывает впечатление клиента от взаимодействия в моменте: от сайта, ассортимента компании и так далее;
— Используется гораздо чаще родственной метрики CES;
— Нет единого стандарта оценочной шкалы. Чаще всего шкала 5-балльная: очень недоволен, недоволен, нейтрален, доволен, очень доволен. Варианты оценки можно заменить на эмодзи;
— Есть несколько вариантов обработки оценок: 1) считать среднюю, 2) вычислять % оценок 4 и 5 от общего количества оценок. Во втором случае 76,5% — среднее значение для западных компаний. Если получилось меньше, надо что-то менять;
— Нет одного стандартного вопроса. Пример вопроса: «Насколько вы довольны сервисом?»;
— Важно помнить, что если человеку нравится конкретный сервис, это не значит, что он в целом лоялен компании;
— Метрику можно считать на каждой стадии взаимодействия клиента с компанией и видеть, где «болит».
#metrics
В Яндекс Практикуме началась Чёрная пятница: скидка 20% от Яндекса при оплате учёбы в рассрочку или в кредит — всем, кто пройдет вводную часть курса до 30 ноября.
В Практикуме всё обучение строится на практике:
• Практикующие IT-специалисты помогают решать более сложные задачи.
• Эксперты делятся содержательной обратной связью.
• Теория изучается в интерактивном тренажёре, где сразу проверяется через тесты или небольшие упражнения.
Такой подход помогает специалистам систематизировать свои знания и решать более сложные задачи.
Участвуйте в акции и меняйте свою жизнь вместе с Практикумом.
https://practicum.yandex.ru/friday/
#промо
Даша Почекуева написала об особенностях дизайна в телемедицине и снижении средней длительности консультаций.
— Частые кейсы: консультация без осмотра, второе мнение (есть сомнения в диагнозе после очного приёма), совет о коронавирусе, нет возможности прийти на очный приём;
— Врач в телемедицине не может поставить диагноз, а может только предположить в формате «На основании представленной информации можно предположить стоматит»;
— Всё конфиденциально. Дизайнеру недоступны материалы консультаций, статистика диагнозов и так далее. Можно узнать количество сообщений и фото, но не их содержание;
— Остаются глубинки, опросы, анализ Яндекс Метрики;
— Сервис должен помогать врачу принимать пациентов быстрее, но это не может быть целью. Цель: сократить время настолько, насколько возможно без потери качества;
— Метрики: средняя длительность консультации, скорость написания заключения (обычно происходит после консультации), удовлетворённость врача (без врачей не будет сервиса);
— Добавили возможность подстраивать соотношение областей с чатом и формой заключения;
— Внедрили в чат шаблоны. Простые: приветствие, прощание, вопрос об удобном формате консультации. Сложные: рекомендации пациентам. Все шаблоны врач может переделать под себя;
— Сбор анамнеза через бота, пока пациент ждёт очереди, не взлетел. Пациенты проходили его редко, не всегда успевали ответить на все вопросы;
— Средняя длительность консультации уменьшилась на 8%: 26,45 → 24,65 минут. Средняя оценка пациентов выросла;
— Добавили автоматические рекомендации пациентам и направления на анализы на основе диагноза. Форма заключения отслеживает рекомендации неэффективных препаратов вроде арбидола;
— Среднее время, в течение которого пациент получает заключение: 353 → 103 минуты. Почти 77% отдают его в течение часа;
— Удовлетворённость врачей можно отслеживать через встречи с медицинским блоком, опросы, развёрнутую обратную связь по работе продукта (минимум раз в квартал);
— По важным фичам можно проводить тесты и глубинки;
— Средняя оценка врачей: 7,8 → 8,8 из 10.
Канал Даши. #health #metrics
Константин Полуянов написал о процессе проектирования интерфейса: как организовать информацию по задаче, чтобы она не вызывала ступор, как поэтапно детализировать макеты и не тонуть среди множества вариантов реализации.
— На старте проекта дизайнер перегружен информацией. Надо раскладывать её по кучкам в разные артефакты;
— Impact Mapping — фиксация целей, проверка измеримости, необходимости и возможности достижения каждой отдельной цели;
— Customer Journey Mapping — детальное описание процессов, проработка точек контакта на разных информационных уровнях;
— Event Storming — инвентаризация пользовательских действий, экранов для вывода информации и взаимодействующих систем через разметку процесса ключевыми событиями;
— User Story Mapping — формализация функциональных требований;
— Журнал проектирования — структурированное хранение и контроль входящей информации;
— Непонимание всего пользовательского пути мешает учесть все детали, приходится возвращаться и переделывать одни и те же макеты. Помогает Breadboards — выписывание названий экранов и доступных на них элементов взаимодействия. Важно связывать экраны с пользовательскими историями;
— Иногда надо пойти глубже и представить, как будут выглядеть макеты из дальней части пути. Fat Marker Sketches — изображение макетов толстым маркером без высокой детализации;
— Чтобы от возможных вариантов интерфейсных решений голова не шла кругом, стоит придерживаться алгоритмов создания макета. Например, подход Epicenter Design — в первую очередь размещать на макете его основную ценность. Или алгоритм Игоря Штанга «Содержание → Структура → Конструкция → Стиль»;
— Чтобы UI был пригоден для реальной эксплуатации, надо стремиться к максимальной полноте и точности отображаемых данных. Данные выгодно привязывать к пользовательским историям (и как следствие — определённым моментам времени);
— Удобно сохранять часто используемые примеры данных: названия регионов, ИНН, ОГРН и прочие;
— Реальные данные могут сильно повлиять на предлагаемый интерфейс.
#process
Лена Бородина написала о методике тестирования 5 Second Test.
— Методика подойдёт, если надо оценить только восприятие дизайна (а не всего опыта взаимодействия), есть только стилеобразующие экраны и нет времени на тестирование методиками нейромаркетинга;
— Респондент смотрит на макет 5–10 секунд, а затем оценивает и описывает внешний вид продукта, выбирая прилагательные из списка или подбирая их самостоятельно;
— Если респондент сам подбирает прилагательные, их набор ограничен словарным запасом, но есть возможность услышать неожиданные варианты;
— Удалённо провести тест можно в сервисах UsabilityHub и Five Second Tests;
— Данные респондентами характеристики можно разделить на положительные, отрицательные и нейтральные и понять, как они восприняли дизайн в целом;
— Также можно оценить частоту использования разных прилагательных, подумать о причинах и доработать макеты.
#user_testing
Андрей Шапиро перевёл первоосновы проектирования взаимодействия Брюса Тоньяцини.
— Работоспособные интерфейсы визуально ясны, прощают ошибки и дают пользователям ощущение контроля. Пользователи легко могут ознакомиться с возможностями системы, понять, как достичь своих целей и работать;
— Они не посвящают пользователя в то, что у них под капотом, заботливо и непрерывно сохраняют результаты труда. При этом человек может в любой момент отменить любое действие;
— Они выполняют максимум работы, запрашивая у пользователя минимум информации.
При оценке работоспособности системы смотрите шире машинной эффективности. Что быстрее: нагреть воду в микроволновой печи за 1 минуту 10 секунд или за 1 минуту 11 секунд? С точки зрения микроволновки — за 1:10. С точки зрения пользователя — за 1:11, так как с помощью кнопок на печи установить таймер на 1:11 немного проще, чем на 1:10 (найти кнопку 1, дважды нажать на неё, найти кнопку 0, нажать на неё).
#principles
Эдвард Скотт написал о навигации по функциями личного кабинета.
— 81% интернет-магазинов, исследованных Baymard Institute, для навигации по функциями личного кабинета использует большое количество текстовых ссылок (в том числе разделённых на блоки);
— Такой объём текста пугает пользователей, не позволяет быстро находить нужные функции;
— Чтобы улучшить сканируемость страницы, каждый блок ссылок можно дополнить иконкой (Staples) или небольшой иллюстрацией (Microsoft). Это меняет пользовательское поведение: сначала они сканируют страницу в поисках подходящей иконки, а затем читают текстовую подпись, чтобы удостовериться, что это нужная им функция;
— Не стоит оставлять одни иконки без текстовых подписей, так как не все метафоры можно понять однозначно;
— Также не стоит совмещать на одной странице блоки с иконками и без (Amazon), так как пользователи будут игнорировать последние.
#ecommerce #navigation
Хотите создавать простые и приятные в использовании IT-продукты? Станьте UX/UI-дизайнером, и пусть мир увидит ваши идеи.
Попробуйте примерить профессию на бесплатном интенсиве 16, 17, 18 ноября в 17:00. За три дня вы сделаете свою первую работу в качестве UX/UI-дизайнера и получите фидбэк от профи
В результате вы:
— погрузитесь в профессию UX/UI-дизайнера,
— создадите первую работу и получите обратную связь от эксперта,
— получите полезные призы и подарки,
— пообщаетесь с действующим дизайнером в закрытом чате.
Вы узнаете о профессии из первых рук, получите детальный разбор своей работы и крутые бонусы. За регистрацию дарим гайд «300 полезных ресурсов для дизайнеров».
Зарегистрироваться: https://go.contented.ru/XA71kw
#промо
Даниэль Виленчук написал о Net Promoter Score и ошибках при сборе этой метрики.
— NPS — индекс потребительской лояльности. Клиент отвечает на вопрос «Насколько вероятно, что вы посоветуете нашу компанию друзьям или коллегам?» оценкой от 0 до 10;
— Ответы с оценками от 7 до 8 отбрасывают, а из числа оставшихся позитивных оценок вычитают количество негативных (от 0 до 6);
— Формулировка вопроса важна. Лучше использовать классическую «How likely is it that you would recommend this company to a friend or colleague?» и её перевод, чтобы не манипулировать ответами или случайно не замерить какой-то другой показатель;
— Шкала оценок должна быть от 0 до 10 (не от 1 до 10 и не от 1 до 5). Не стоит менять цифры на графические элементы вроде смайликов, в них сложнее ориентироваться;
— Лучше располагать их в один ряд. Воспринимать 2 ряда сложнее, часть ответов будет случайной, что губительно на небольших выборках;
— Задавайте дополнительный открытый вопрос вроде «Расскажите, почему вы поставили нам такую оценку?». Здесь можно экспериментировать с призывом, так как стандартные вопросы людям уже надоели;
— Не концентрируйтесь на критиках. Пробуйте связаться и с теми, кто поставил средние и высокие оценки. В общении с ними тоже можно найти инсайты. Плюс, 20–30% нейтралов уходят к конкурентам в течение полугода, попробуйте их разговорить;
— Не стоит замерять отдельные участки взаимодействия клиента с компанией. Дайте ему «помариноваться» в ваших процессах. Хороший срок — 10 дней после покупки, начала использования, доставки и 30 дней после установки приложения. Но если продаёте услугу или впечатление, лучше спрашивать сразу, пока впечатления свежи;
— Оценку одного и того же пользователя стоит перезамерять со временем.
#metrics
Аарон Джеймс написал, как стать синьором-дизайнером с помощью карьерной лестницы.
— Ожидания от дизайнеров разного уровня в разных компаниях могут отличаться. У зрелых компаний они задокументированы и доступны. Чем конкретнее ожидания, тем проще составить карьерный план;
— Если карьерная лестница не описана, это не всегда плохо: можно лидировать и пропускать уровни, можно подготовить её описание для всей компании. Её могут не обозначать специально, чтобы не провоцировать конкуренцию, отказы от эффективной работы ради более высокой должности. Если лестницы нет, тесно работайте со своим менеджером;
— В разных компаниях выделяют разные уровни продуктовых дизайнеров. Но чаще всего это junior, middle, senior, lead, principal. На последние 2 уровня дизайнер переходит при необходимости и на ограниченное время в рамках конкретного проекта или компании;
— Требования к навыкам на конкретных уровнях помогают прояснить обязанности, ожидания и ценные для компании качества, оценить кандидатов, составить карьерный план;
— Нельзя быть сильным во всём;
— Ключевые различия между джуниором и синьором: масштабы проектов, радиус влияния (lead и principal влияют на всю компанию и индустрию в целом), способность разделять сигнал и шум в обратной связи, способность двигаться быстро и извлекать пользу из совершённых ошибок, уровень неопределённости в задачах, самостоятельность;
— Чтобы создать карьерный план, оцените свой текущий уровень (самостоятельно, 360° feedback), задайте практические цели, которые помогут прокачать навыки, необходимые для следующего уровня;
— Чтобы не перегрузить себя, лучше прокачивать навыки по очереди, начиная с самого значимого;
— Оценивайте прогресс каждые 3 месяца. Для повышения уровня может потребоваться год и более;
— Если застопорились, можно обновить свой план, найти новый проект, новую команду, новую компанию или сменить специальность.
#career
Лиша Дай написала, как стать синьором-дизайнером.
— Наблюдайте за коллегами и учитесь у них. У них могут быть разные сильные стороны. Если вы единственный дизайнер, учитесь у коллег с другими специальностями;
— Не просто выполняйте поставленные задачи, а сначала думайте над тем, почему нужно сделать именно это, какой контекст, кто стейкхолдеры, как измерить успех и так далее;
— Анализируйте свои старые проекты: как вы могли бы их улучшить сейчас с текущими знаниями и навыками;
— Просите у коллег обратную связь и не воспринимайте в штыки негативные отзывы, чтобы видеть точки роста. Положительные отзывы помогут узнать ваши сильные стороны, а также будут приободрять в трудные моменты;
— Анализируйте прошедшие события и ситуации на работе каждый день, раз в месяц (с ближайшими коллегами), раз в полгода (с большим числом коллег). Обсуждайте, что сработало, что нет, ищите, что можно улучшить (в общем, ретроспектива).
#career
#докризисное #развитие_продукта #эксперименты
👛 Кошелек — приложение с 12 млн MAU, которое купил Тинькофф. Помогает избавиться от пластика, заведя карты в виртуальный кошелек. Зарабатывают с выпуска новых виртуальных карт для пользователей.
Задача — увеличить траффика в каталог, где выпускаются новые карты💳.
Проблема: пользователи открывают кошелек только на кассе магазина. Как в этой ситуации завлечь пользователя в каталог?
Решили начать с улучшения текущего сценария. При этом кардинально менять главную страшно, а добавить ничего не получится — экран уже перегружен.
➡️ Сделали новый экран из поля поиска 🔍(чтобы экспериментировать без привязки к легаси). Увеличили видимость поиска и по нажатию на него показывали последние открытые карты.
Это вырастило цифры поиска — 130% у новых 18% у существующих, — но пользователи все еще не открывают кошелек вне кассы магазина!
Решили рассказать про каталог нижним таббаром, что не угрожает основному сценарию. Но таббар — 3-4 месяца работы.
➡️ Как эксперимент, поставили фейк-таббар: по нажатию открывается обычное бургер-меню. Дичь, при этом в коридорах респонденты не замечали подвоха, и в приложении тоже все прошло как надо. Результаты:
🔸+7% к каталогу
🔸+5% к добавлению карт
🔹-5% у центра уведомлений
Со спокойной душой пошли делать настоящий таббар. Результаты:
🔸+73% к каталогу
🔸+20% к добавлению карт
🔸+5% к центру уведомлений
Кошелек открывают вне кассы! В каталог пришел трафик, но надо больше. Решили наконец менять главную, но опять — через улучшение основного сценария.
🗂 Пользователи всегда просили добавить возможность для организации карт. Вместо этого сделали саджест с подсказкой 6 самых подходящих. Остальные карты разместили в 2 колонки, чтобы быстрее скроллить, а посередине добавили блок каталога как «вот карточки, которых у тебя еще нет».
Оставили возможность переключиться на старый интерфейс, и раскатили на пользователей с 12+ картами и хотя бы месяцем накопленной статистики. Результаты:
🔸70% пользователей стали открывать через быстрый доступ карты
🔸+22% к выпуску из каталога (это уже выручка)
🔹<2% переключились обратно
👉Дальше решили передвинуть блок с рекомендациями по выпуску карт выше, в зону внимания пользователя. Боялись, поскольку на коридорках люди терялись, где их карты и что за рекомендации… Но получили всего 20 обращений в поддержку на 2 млн пользователей - успех! Трафик в каталог и выручка тоже растут.
📌Осталось еще 300 к пользователей, которые пользуются старой версией дизайна. Поддерживать две версии — дорого, так что все же отключили старую. Стали читать по 5 плохих отзывов в день и планируют изучать аудиторию, возможно что-то для них переделать (но это не точно).
🛣 Немного про будущее: еще пока работали над включение каталога на главную, приходили другие команды и просили также попасть туда со своими фичами. Переделывать каждый раз интерфейс дорого и сложно, как же быть?
Задумались, как может выглядеть кошелек будущего👛. Со стейкхолдеров собрали 150 идей, и новые и старые сценарии. Их разбили на 9 смысловых групп и сделали концепт нового будущего кошелька, где каждой группе было отведено свое место. Теперь можно каждый новый сценарий добавлять без переделки всего экрана. Это синхронизирует команды между собой и каждая из них теперь может двигаться к этому будущему.
Источник: видео, 20 минут без вопросов https://youtu.be/UjUADHi9NHg