UX Notes

2022-11-11 20:31:01 Евгений Трифонов об интерфейсах для продвинутых пользователей.

— Продвинутые пользователи (power users) стремятся использовать инструменты максимально эффективно;
— Пользователей мобильных устройств стало больше десктопных, сервисы стали ориентироваться на них, что привело к ухудшению десктопного UX. Некоторые сервисы вообще существуют только в виде мобильных приложений;
— Перемещение данных в облака лишает контроля над ними: стриминг может удалить любой альбом, не даёт возможности выбрать подходящий проигрыватель;
— Не всеми сервисами можно управлять клавиатурой и с помощью горячих клавиш (даже просто переключаться между полями клавишей Tab не всегда получается);
— В некоторых случаях ресурсы на такие доработки есть, проблема в том, что об этом просто не подумали. То есть надо просто тестировать сервисы с участием продвинутых пользователей;
— В этой функциональности нет большой социальной пользы, но разработчики часто сами являются продвинутыми пользователями и понимают её ценность. Это может сподвигнуть их к внедрению улучшений силами разработчиков без больших вложений ресурсов.

Канал Евгения. #accessibility #power_user Открыть/Комментировать

2022-11-10 18:02:03 Даниэль Виленчук написал о 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 Открыть/Комментировать

2022-11-09 18:01:46 Каждый второй четверг ноября в мире отмечают World Usability Day. Он нужен, чтобы объяснить людям ценность простого и удобного дизайна.

10 ноября в 16:00 (МСК) Альфа-Банк расскажет о том, как технологии влияют на здоровье пользователей.

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

Трансляция будет доступна на YouTube. Подключайтесь!

#промо Открыть/Комментировать

2022-11-06 13:46:11 Аарон Джеймс написал, как стать синьором-дизайнером с помощью карьерной лестницы.

— Ожидания от дизайнеров разного уровня в разных компаниях могут отличаться. У зрелых компаний они задокументированы и доступны. Чем конкретнее ожидания, тем проще составить карьерный план;
— Если карьерная лестница не описана, это не всегда плохо: можно лидировать и пропускать уровни, можно подготовить её описание для всей компании. Её могут не обозначать специально, чтобы не провоцировать конкуренцию, отказы от эффективной работы ради более высокой должности. Если лестницы нет, тесно работайте со своим менеджером;
— В разных компаниях выделяют разные уровни продуктовых дизайнеров. Но чаще всего это junior, middle, senior, lead, principal. На последние 2 уровня дизайнер переходит при необходимости и на ограниченное время в рамках конкретного проекта или компании;
— Требования к навыкам на конкретных уровнях помогают прояснить обязанности, ожидания и ценные для компании качества, оценить кандидатов, составить карьерный план;
— Нельзя быть сильным во всём;
— Ключевые различия между джуниором и синьором: масштабы проектов, радиус влияния (lead и principal влияют на всю компанию и индустрию в целом), способность разделять сигнал и шум в обратной связи, способность двигаться быстро и извлекать пользу из совершённых ошибок, уровень неопределённости в задачах, самостоятельность;
— Чтобы создать карьерный план, оцените свой текущий уровень (самостоятельно, 360° feedback), задайте практические цели, которые помогут прокачать навыки, необходимые для следующего уровня;
— Чтобы не перегрузить себя, лучше прокачивать навыки по очереди, начиная с самого значимого;
— Оценивайте прогресс каждые 3 месяца. Для повышения уровня может потребоваться год и более;
— Если застопорились, можно обновить свой план, найти новый проект, новую команду, новую компанию или сменить специальность.

#career Открыть/Комментировать

2022-11-03 21:42:13 Маскот Вольта благодарит за нестандартные чаевые. Открыть/Комментировать

2022-11-02 16:27:32 Лиша Дай написала, как стать синьором-дизайнером.

— Наблюдайте за коллегами и учитесь у них. У них могут быть разные сильные стороны. Если вы единственный дизайнер, учитесь у коллег с другими специальностями;
— Не просто выполняйте поставленные задачи, а сначала думайте над тем, почему нужно сделать именно это, какой контекст, кто стейкхолдеры, как измерить успех и так далее;
— Анализируйте свои старые проекты: как вы могли бы их улучшить сейчас с текущими знаниями и навыками;
— Просите у коллег обратную связь и не воспринимайте в штыки негативные отзывы, чтобы видеть точки роста. Положительные отзывы помогут узнать ваши сильные стороны, а также будут приободрять в трудные моменты;
— Анализируйте прошедшие события и ситуации на работе каждый день, раз в месяц (с ближайшими коллегами), раз в полгода (с большим числом коллег). Обсуждайте, что сработало, что нет, ищите, что можно улучшить (в общем, ретроспектива).

#career Открыть/Комментировать

2022-10-31 10:02:33 Саадия Минхас написала о чекбоксах и переключателях.

— У чекбокса есть 3 состояния: выбран, не выбран, частично выбран (бывает у родительского чекбокса, у которого часть дочерних чекбоксов выбрана, а часть — нет);
— У переключателя 2 состояния: включено, выключено;
— При этом нажатие на переключатель — это одновременно и выбор опции и её включение или выключение. За включение или выключение опций, выбранных с помощью чекбоксов, обычно отвечает отдельный элемент управления (вроде кнопки сохранения);
— Используйте переключатель, если пользователь ожидает мгновенной реакции на свой выбор, результатом будет включение или выключение чего-либо, действие не нуждается в проверке или подтверждении;
— Используйте чекбоксы, если есть родительские и дочерние опции, которые можно выбирать произвольно;
— А также если надо выбрать между опциями «да» или «нет» (согласие пользователя с условиями предоставления услуг).

#checkbox #toggle Открыть/Комментировать

2022-10-30 10:01:54 Андрей Шапиро написал о линиях эволюции технических систем в применении к интерфейсам.

— В Теории решения изобретательских задач накопили много наблюдений за развитием технических систем и вывели законы развития;
— Один из них — закон повышения идеальности — тенденция к сокращению ресурсов, необходимых для реализации полезной функции. Например, очки → контактные линзы. Последние не требуют оправы и держатся за счёт силы поверхностного натяжения;
— Закон повышения свёрнутости системы — в системе уменьшается количество элементов, а количество функций сохраняется. Пример: совмещение адресной строки и панели табов в браузере;
— Зная законы развития, состав системы и текущее состояние её частей, можно представить, как их можно развивать;
— Развивать можно отдельные характеристики системы, например, информативность. Для повышения информативности формы к подписанным полям можно добавить примеры содержимого, подсказки по ограничениям, дополнительные состояния вроде результата валидации введённых данных;
— Зная, сколько ресурсов есть на реализацию формы, можно выбрать конкретный вариант по линии информативности, а также видеть возможности по развитию или деградации;
— Есть общие линии развития для любых технических систем и конкретные для специфических (см. пример общей линии дробления в применении к полю ввода);
— Конкретная линия развития для поля ввода даёт преимущество. Проектировщик может более системно и чётко подойти к поиску подходящего решения, а не оперировать неким смутно вспоминаемым набором, который встретил на личном опыте, в статьях и галереях.

#thinking Открыть/Комментировать

2022-10-29 14:32:08 #докризисное #развитие_продукта #эксперименты
Кошелек — приложение с 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 минут без вопросов

Открыть/Комментировать

2022-10-27 14:01:25 Дизайнеры бывают разные: коммуникационные, графические, продуктовые… И ещё с десяток вариантов. Новичку сложно во всём разобраться и понять, куда двигаться в поисках новой профессии.

У Яндекс Практикума есть тест, который поможет сориентироваться. Узнайте, чем занимается каждый дизайнер и какое направление вам подойдёт.

Пройти тест

#промо Открыть/Комментировать