В этом посте я расскажу, как с помощью серии экспериментов мы помогли дизайнерам продуктов перейти от парадигмы «совершенствуй» к циклу «экспериментируй с новым > измерь > повтори».
Перед тем, как углубиться в теорию, предлагаю всем читателям наглядный эксперимент: на картинке ниже — два варианта формы ввода данных карты. Попробуйте угадать, какой из них даёт большую конверсию. Правильный ответ — в тексте. К слову, такую игру мы проводим внутри компании после каждого эксперимента — и в среднем 75% коллег не угадывают правильный.
![image](https://habrastorage.org/files/676/ff6/340/676ff6340606420495cc65170a9462b2.png)
![](https://habrastorage.org/files/92d/c8d/c09/92dc8dc098ba430ea2710d923dc4d54f.png)
Небольшое историческое отступление: Яндекс.Деньги существуют с 2002 года, и первые десять лет — то есть большую часть жизни — наша аудитория была очень похожа на аудиторию Хабра: опытные интернет-пользователи, которые работают в IT и смежных отраслях. Даже если нужное действие запрятать в четыре клика от главной страницы (так делать, конечно, не надо) — они справятся, потому что пришли в сервис с чёткой целью и сильной мотивацией.
В начале 2010-х аудитория интернет-платежей стремительно изменилась: офисные работники и домохозяйки оплачивают в интернете счета и заказывают доставку продуктов, школьники вместо обедов тратят карманные деньги на покупку игровых ценностей, их родители скидываются в вотсаппе на расходы в школе и детском саду, благотворители используют кошельки для сбора пожертвований и т.д. Уровень интернет-грамотности, возраст, привычки у «новеньких» сильно отличаются. А ещё совершенно новый тип мотивации и исследования сервисов: в опросах посетителей сайта Яндекс.Денег на вопрос «зачем?» мы всё чаще получаем ответ: «просто так, без всякой цели, из любопытства».
Имея к концу 2014 года полтора десятка миллионов открытых кошельков, мы столкнулись с тем, что новые пользователи ведут себя совсем по-другому: они теряются в нашем интерфейсе и с большим трудом осваивают растущий набор возможностей кошелька. Мне было очевидно, что привлечение новых пользователей в эту сужающуюся воронку становится всё менее эффективно — нужно полностью менять концепцию онбординга (сопровождения пользователя от первой встречи до первого платежа).
Сервис должен был с порога говорить: здесь всё легко и понятно, здесь безопасно и можно оплатить всё, что нужно, одним или другим удобным способом. Приоритетом мы решили сделать самые востребованные широкими массами продукты, а остальные добавлять постепенно и ненавязчиво. Как это добиться на уровне продукта?
— сфокусировать интерфейс на целевом действи;
— писать короткие и ёмкие тексты;
— убрать всё, что не относится к целевому действию;
— добавить то, что поможет быстро и легко освоиться на сервисе.
Эксперименты с реализацией новых приоритетов мы тестировали на разных страницах, я подробно расскажу о первых двух, непосредственно определяющих качество онбординга:
• На «новичковой морде» («мордами» мы называем все главные страницы сервиса) человек принимает решение открыть кошелек и регистрирует его.
• На «оживляющей морде» он видит все возможности сервиса и делает первое пополнение и платёж.
Чтобы измерить результат, мы оценивали рост числа регистраций, и, главное, первых платежей после регистрации. А ещё объем выпуска банковских карт и идентификаций.
Шаг первый: «морда» должна быть не красивой, а контрастной
![](https://habrastorage.org/files/157/129/f2f/157129f2f81444df89810b772390f789.png)
Новичковая морда в 2013 году
В 2013 году людей встречала вот такая страница. Она хорошо подходила для взаимодействия с опытными пользователями, которые приходили в кошелёк с уже сформированными ожиданиями. Для более широкой аудитории она была сложновата: много ссылок, пиктограмм и мало стимулов двигаться дальше.
Мы убрали всё, что не связано с решением об открытии кошелька, добавили короткое описание новых возможностей (выпуск банковской карты, автоплатежи, напоминания) и мотиваторы, релевантные большинству приводящих запросов (вроде «перевести деньги» или «проверить штраф»).
![](https://habrastorage.org/files/c8f/6ad/f62/c8f6adf6295d46e4a7b97bab32640adb.png)
Промежуточная версия новичковой морды в 2015 году — “лесная”
Те, кто попал на эксперимент с лесной мордой, при встрече брали меня за рукав и спрашивали, в чём глубокий смысл образа, почему именно лес. Глубокого смысла нет: мы тестировали несколько случайных контрастных фонов, и этот оказался самым эффективным. После первого эксперимента конверсия из регистрации кошелька в дальнейшее использование (пополнения, привязка карты и платежи) выросла на 8%.
Мы продолжили допиливать страницу с помощью мультивариантного тестирования: изменилась картинка, основной блок мотиваторов стал компактнее, добавились пиктограммы соцсетей и опции для бизнеса. Это сказалось на росте другого показателя — конверсии в регистрацию, которая увеличилась на 6%.
![](https://habrastorage.org/files/d15/edb/246/d15edb2463d149fb99b11110e4cfbe5b.png)
Результат — нынешняя «новичковая морда»
Шаг второй: оживляющая морда — покажите, куда нажать
Первая страница Яндекс.Денег, которую видят пользователи, только что открывшие кошелек, выглядела до редизайна вот так:
![](https://habrastorage.org/files/22f/0f3/326/22f0f33268da4739af0b12e857508517.png)
Проанализировав поведение пользователей, мы обнаружили у этой страницы три недостатка:
1. Функциональный: она сообщала о следующих шагах, но не давала их сделать тут же — для каждого нужно перейти на следующую страницу.
2. Композиционный: на странице было 50 разноцветных ссылок, картинок и очень много текста — сложно сфокусироваться.
3. Мотивационный: новичку не понятно с порога, зачем делать всё, что ему предлагалось на этой странице.
Новую оживляющую морду мы проектировали с нуля. В фокусе были два целевых действия: 1) пополнить кошелек и 2) сразу оплатить нужную услугу.
Эти задачи мы поместили в две вкладки: первая предлагала моментально пополнить кошелек с банковской карты или найти ближайшую офлайновую точку пополнения; вторая выдавала кнопки оплаты самых популярных поставщиков услуг (сотовые операторы, игры, соцсети, компании сферы ЖКХ с учетом геотаргетинга).
![](https://habrastorage.org/files/870/a0e/538/870a0e538ac040a3b8e067c2764cd4a1.png)
Первый вариант «оживляющей морды»
Вдобавок, чтобы людям было проще освоиться в непривычном интерфейсе, при первом визите мы показывали им «паранджу» — полупрозрачную накидку на экран с подсказками.
![](https://habrastorage.org/files/837/361/ecf/837361ecf8574e6d801517a65408c0f3.png)
Одна из версий экрана с «паранджой» и подсказками
После этого оживаемость, то есть платёжная активность после регистрации кошелька, выросла на 7%.
Дальше мы протестировали шесть вариантов содержимого «оживляющей морды» при первом визите на неё:
1. первая вкладка — карта точек пополнения офлайн
2. первая вкладка — пополнение кошелька с банковской карты
3. первая вкладка — товары и услуги, которые можно оплатить на сайте.
Каждый вариант тестировался и с «паранджой» и без неё.
Лучшие показатели оживаемости и пополнения кошельков были у варианта 3 с «паранджой» и иконками-логотипами популярных сервисов, которые можно оплатить.
![](https://habrastorage.org/files/bf5/9df/82e/bf59df82e71c4ed7af3c00a3bbd7a7af.png)
Мы пришли к выводу: видя «товар лицом», пользователи намного активнее переходили на соседние вкладки — пополнить кошелек и привязать банковскую карту: оживаемость выросла почти 10%. Кроме того, люди стали больше интересоваться другими возможностями сервиса — мы наблюдали заметный рост выпуска банковских карт Яндекс.Денег и идентификаций счета.
Шаг третий: UX-лаборатория — как люди думают на самом деле
До сих пор мы тестировали отдельные страницы. Добившись хороших результатов на каждой по отдельности, мы обратились в UX-лабораторию, чтобы протестировать целиком путь от захода на новичковую морду до первого успешного платежа.
И обнаружили, что во многом заблуждались — вот несколько примеров:
— в качестве одного из мотиваторов на новичковой морде мы говорили пользователю о скидках и бонусах, доступных владельцу кошелька, но на оживляющей о них ни слова не было
— паранджа сообщала пользователю, что к кошельку можно привязать банковскую карту и платить прямо с нее, но найти привязку в интерфейсе было сложно;
— огромные кнопки «Пополните счет» и «Сразу платите и переводите» не воспринимались как кнопки — люди не понимали, что на них можно кликнуть;
— в мини-каталоге услуг были только наиболее популярные категории платежей, но пользователи воспринимали его как полный — сразу не найдя того, что искали, они уходили;
![](https://habrastorage.org/files/808/2af/a97/8082afa978294103b99bee3829fd5043.png)
Доработки мы решили разбить на итерации, каждая из которых должна была подтверждать или опровергать одну из наших гипотез.
В первой итерации добавили на оживляющую морду ссылку на страницу-визитку для получения денежных переводов и кнопку привязки карты. Кстати, изначально нам казалось, что, раз карту можно привязать к кошельку прямо в процессе платежа, специальной кнопки не нужно. Но, оказалось, пользователям важно заранее понять, как и чем они будут платить.
Во второй итерации полностью перерисовали блок пополнения кошелька: вынесли на морду три самых востребованных способа. К тому времени появился еще один способ моментально пополнить счет — с мобильного, так что задача была не только дизайнерская — сделать кнопки различимыми и побуждающими к действию, но и функциональная — добавить новый метод пополнения, да еще и так, чтобы страница не «лопнула».
![](https://habrastorage.org/files/b23/022/c75/b23022c75a2843459d071a2ed747ece7.png)
Когда мы тестировали форму ввода данных карты, возник спор, какая лучше: двойная или одинарная. Проверив, мы обнаружили, что людям удобнее использовать двойную форму, потому что в жизни действительно нужно перевернуть карту, чтобы увидеть CVV: у двойной формы в конверсия была максимальная — в среднем она увеличилась на 3%. Это и ответ на вопрос, который я задал в начале.
![](https://habrastorage.org/files/a39/514/10a/a3951410aa094cc1894ee4a01144d94b.png)
Вариант 1: одинарная форма
![](https://habrastorage.org/files/eb0/300/223/eb030022352249c4a5af965a600d2158.png)
Вариант 2: двойная форма
В третьей итерации мы экспериментировали с разными вариантами мини-каталога сервисов, которые можно оплатить в кошельке.
![](https://habrastorage.org/files/4e3/7b0/f86/4e37b0f867a346dc85c06db2abcdf79e.png)
Вариант 1: только поставщики
![](https://habrastorage.org/files/052/9e7/2d4/0529e72d4a684f90bb89a771b4a9209c.png)
Вариант 2: много поставщиков и сервисов
![](https://habrastorage.org/files/e9c/21b/de4/e9c21bde497a4242b1b9d22b49334196.png)
Вариант 3: категории услуг и скидки
Победил последний вариант, который сразу давал понять, что на сайте сервиса можно заплатить за самый широкий набор услуг.
Ещё мы пробовали настроить автоматический таргетинг избранных поставщиков по данным пользователей из Метрики — но простой каталог оказался эффективнее и в показателях конверсии, и сэкономил нам ресурсы, необходимые на управлением контентом в этом блоке. Этот эксперимент был одним из самых ценных уроков: анализ больших данных и сложные эвристики иногда решают задачу хуже простых и недорогих решений.
Всего на полную переработку онбординга — от первой страницы, встречающей нового пользователя, до первого платежа — ушёл год. В итоге сервис стал встречать пользователей теплее — более таргетированно, менее многословно и более понятно. И пользователи платят нам взаимностью.
Комментарии (121)
areht
06.10.2016 20:00+4А вы не измеряли как интерфейсы для новичков воспринимаются теми, кому с 90х интерфейсы с 50 ссылками на странице привычны и даже любимы?
EugeneNikelsen
06.10.2016 20:14+3Измеряли, это интересная тема.
Дело в том, что интерфейсы о которых я написал — они для новых пользователей системы. У таких людей еще нет сформированной привычки работать на странице Денег с пятьюдесятью ссылками. Поэтому для них изменения прошли безболезненно и конверсии подросли.
Другое дело интерфейс за логином — но это отдельная большая история :)AmberSP
07.10.2016 11:27+2Вы не ответили на вопрос про судьбу старых пользователей, которые привыкли к старому интерфейсу.
Тинькофф проделал подобную реорганизацию интерфейса интернет-банка. Если раньше это был банк с очень вкусными условиями и очень удобным интернет-банком, то теперь онлайн-банк вызывает боль. Остальные условия стали хуже и от ухода удерживает только то, что у конкурентов всё еще хуже.EugeneNikelsen
07.10.2016 12:54Старые пользователи Денег никак не взаимодействуют с интерфейсами, описанными в моей статье — поэтому на вопрос, как они их восприняли, ответа нет :)
Интерфейсы из статьи видит только пользователь, у которого ещё нет кошелька на Яндексе, или который только что открыл его. У пользователей, которые совершили хотя бы один платеж в кошельке, главная страница Яндекс.Денег совсем другая.
Ответил?
vgoloviznin
07.10.2016 18:21Так у тинькова старые версии доступны и ими можно пользоваться. А какие условия стали хуже?
AmberSP
07.10.2016 18:34Ставки медленно опускаются, ежеквартальные бонусные предложения на те категории расходов, по которым расходы совсем нулевые (антикварные изделия, художественные выставки и прочая подобная шушера) вместо АЗС, например.
Старая версия типа доступна, но саппорт не рекомендует им пользоваться, а «новые возможности» будут запускать только в новой (что ожидаемо)artoym
11.10.2016 17:29Ставки вроде везде медленно опускаются. А категории… Тут сложный вопрос. Мне очень интересно как они формируются (потому что для каждого они индивидуальны), но думаю это коммерческая тайна. Могу предположить, что предлагаются те категории, где вы до этого делали покупки, но немного. То есть предложив вам скидку можно с уверенностью рассчитывать, что вы ей воспользуетесь и нарастите оборот.
Ну и новая версия действительно буэээ, но спустя какое-то время боль уже не вызывает. [Проблема с приложением для WP у них гораздо больше, например]AmberSP
11.10.2016 18:26>Могу предположить, что предлагаются те категории, где вы до этого делали покупки, но немного. То есть предложив вам скидку можно с уверенностью рассчитывать, что вы ей воспользуетесь и нарастите оборот.
Очевидное предположение. Но я не покупаю антиквариат. Совсем. И лицензионную музыку тоже. А предлагать скидки на категорию «аптеки», чтобы я наращивал по ней оборот — мрачновато :)artoym
12.10.2016 09:08Думаю, что часть категорий просто случайные. Или возможно люди, совершающие аналогичные покупки покупают и антиквариат, но вы исключение?)
Кстати, Аптеки — моя любимейшая категория после Топлива. Ну или просто она как-то удачно выпадает.
TrashMind
06.10.2016 20:21+2На скриншоте двойной формы в начале и в середине статьи — разный набор платежных систем. Это существенно мешает ответить на вопрос правильно :) По первому скрину я бы сказал, что у правой — конверсия больше.
EugeneNikelsen
06.10.2016 20:32И все-таки самое главное различие в раскладке и узнаваемости формы, по нашему мнению.
TrashMind
06.10.2016 20:37Ну да, но может имеет смысл использовать одинаковые скрины? Сверху они одни, а в тексте статьи другие. Получается, что задается один вопрос, а ответ дается на другой.
Я с результатами исследования не спорю, если что :)
foxovsky
06.10.2016 20:22+21Немного не по теме, но всё-таки хотелось бы спросить — какова была причина перерисовки логотипа?
На прошлом было понятно куда нажимать, чтобы попасть на главную Яндекса, а куда — на главную Я.Денег:
Сейчас же логотип сливается:
Nekto_Habr
07.10.2016 11:44+2На старом варианте «Яндекс» был отцентрован по жёлтой плашке, из-за чего два слова («Яндекс» и «Деньги») были расположены криво друг относительно друга. Когда увидишь это один раз — будет «чесаться», как соринка в глазу.
Вот какой-то перфекционист из Яндекса и утолил этот зуд. Теперь всё ровненько, но бесполезно.Senpos
07.10.2016 18:22Таких изменений претерпел и логотип Яндекс.Музыки.
Правда, теперь другой «зуд», что-то не так со сглаживанием, и слово «Музыка» отображается с «лесенками». (Windows 10, Google Chrome, FullHD)Nekto_Habr
08.10.2016 19:24С такими плотными буквами антиализинга не избежать. Непонятно вообще, почему для интернет-компании выбрали шрифт, плохо отображающийся на электронных устройствах. Понятно, что характер шрифта по духу подходит яндексу (по мнению яндекса), но я считаю, что если компания делает бизнес в интернете — всё, вплоть до логотипа, должно быть оптимизировано для интернета.
SuhoffGV
07.10.2016 18:22Такая же петрушка и в ЯндексРадио. Уже промахивался и вместо выбора радиостанций падал в поиск.
23d
16.10.2016 16:32Тут все очень просто. Раньше побочные сервисы так или иначе были связанны с поиском, а желтая стрелка (часть визуального языка) как раз и символизирует поисковую строку. Ну и по традиции все логотипы были с желтой стрелкой.
Ну а сейчас куча всего не связанного с поиском, например те же деньги. И по логике от стрелки необходимо отказываться.foxovsky
16.10.2016 16:40Об юзабилити же забывать не нужно при обновлении, да и логотип можно обыграть как быстрый доступ к какому-либо сервису в обход запроса(не уверен, что понятно выразился)
Moskus
06.10.2016 20:28Под заголовком «Платите сразу» написано «с любой банковской карты», а дальше — три варианта: с карты, с баланса телефона, наличными.
Противоречие.
dmitry_dvm
06.10.2016 20:34+3Заказываю доставку воды в одной конторе, там в качестве шлюза оплаты приделан ЯД. И в 70% случаев при оплате мне говорят «Ой, что-то пошло не так», приходится платить налом. А так симпатично, да.
dom1n1k
06.10.2016 20:47У меня тоже такое было. Подозреваю, что ЯД очень чувствителен ко всяким адблокам и гостери, ломается что-то в цепочке. Ну ломается и фиг с ним.
AlexanderY
07.10.2016 18:22К адблоку со стандартными настройками точно нет, проблем ни разу не встречал. Можно вычеркнуть.
Hint
06.10.2016 22:44+1Насколько я понимаю, это из-за длинного процесса fingerprint (получение уникального id браузера/железа/пользователя), который выполняется на каждой странице в процессе оплаты (подгружаются флешки, скрипты, выполняются какие-то расчеты и пр.). Если что-то в этом процессе идет не так, то перевод не проходит, и появляется это сообщение.
formasha
13.10.2016 14:27А в службу поддержки обращались по этому поводу? Нужны детали, чтобы понять, в чём причина (что за контора, что за «шлюз» у неё, каким способом платите и на какую сумму).
lonelysuch
06.10.2016 21:04+1У меня о вашем дизайне одно предложение:
После обновления сайта Я.Деньги — я на него вообще не захожу, только если глянуть баланс за компом.
А слив оригинального логотипа — это вообще за гранью добра и зла.
rumkin
06.10.2016 21:11Юзабилити это замечательно! Но я не пользуюсь Яндекс.Деньгами и не буду этого делать до тех пор пока вы не откроете офис в Санкт-Петербурге в пешей доступности от метро, чтобы я наконец смог восстановить доступ к моему кошельку.
formasha
06.10.2016 22:18+1До офиса можно добраться на бесплатном автобусе от метро «Площадь Ленина», каждый будний день с 10 до 19.
Автобус с надписью «Теорема» или «Пять звезд» останавливается на площади Ленина (справа от памятника) и ходит каждые 10-15 минут.
http://money.yandex.ru/doc.xml?id=157618#spb
Hint
06.10.2016 21:43+2Около полугода назад я увидел такое, от чего до сих пор отойти не могу. Увиденное не дает мне спокойно пользоваться Яндекс.Деньгами, ничего не могу с этим поделать. Речь о том, что после очередного перевода денег на другой кошелек я увидел следующую ошибку: «Перевод выполнен, но мы не смогли добавить запись в историю операций» (не дословно, но смысл сохранен).
А еще очень надоела ошибка, когда ищешь по всей истории («Мои операции», «Вся история», поле «Платеж, перевод или пополнение»), жмешь enter и неожиданно попадаешь на страницу «Мои операции».
А еще в эту же историю записи добавляются не сразу, а секунд через 15, что иногда сбивает с толку.
776166
06.10.2016 21:54+2Из-за «дружелюбности» дизайна кошелька Яндекса, у меня там подвисло полторы тысячи из-за двойного перевода.
Никому бы не советовал пользоваться. В прошлый раз пару лет назад была такая же фигня и тоже подвисли деньги. В интерфейсе конкретные косяки. И адская комиссия.formasha
06.10.2016 22:11Вы обратились в службу поддержки? Если нет — напишите нам, пожалуйста, детали — постараемся помочь поскорее: bloghelp@yamoney.ru.
neperap
06.10.2016 22:26+1вы уж простите, что пишу в чужую ветку комментариев, но служба техподдержки в яндекс.деньгах как-то совсем странно работает.
Уже несколько раз пытался повысить идентификацию с именного до идентифицированного с помощью сбера, и постоянно, через несколько дней — «что-то не получилось».
От техподдержки ответа нет от слова «совсем».
Вы уж если заявляете поддержку, да людям её советуете — извольте реагировать на запросы.
776166
11.10.2016 12:48Не о чем писать. Я всё написал уже. Деньги я выведу на что-нибудь, просто больше не буду пользоваться. И в этом случае меня попросили оплатить покупку. Я не хотел, но пришлось. Проблема не техническая, а юзабительная — дизайн фиговый. И, если честно, лично я вообще не вижу необходимость в такой «платёжной системе» с такими комиссиями. Это всё недоденьги. Когда сделаете свой банк с нормальным телебанком, карточками и всё такое, тогда да, можно будет пользоваться этими неудобными деньгозаменителями. Единственная польза: быстрый донат. Но это можно реализовать и другими путями.
freylis
06.10.2016 21:55А мне не очень импанирует, что на главной странице ЯД и в виджете (тот, что на главной странице Яндекса) не отображается номер моего счета (хотя бы частично, последние N цифр). В истории операций интернет банка достаточно много разных счетов, по этому приходится совершать дополнительные действия, что бы из них найти именно мой (да, я не могу запомнить номер своего счета, ну и что)
Kondra007
07.10.2016 00:04На главной ЯДа сверху есть кнопка "Пополнить", далее Ваш баланс, и затем – "Снять". Нажимаете на Ваш баланс и во всплывающем окне сразу написано "Номер кошелька: ХХХХХХХХ"
Вот как это выглядит: http://imgur.com/a/rM51E
Или я Вас неправильно понял?
freylis
07.10.2016 10:41Правильно. Именно так я и смотрю, но это лишние действия. Раньше просто находясь на главной странице Яндекса был виден мой номер счета, а сейчас от главной страницы яндекса до появления номера моего кошелька — 2 клика, которые раньше не нужно было делать. Я не говорю, что это плохо и ужасно, я говорю, что мне не хватает отображения этого номера
formasha
07.10.2016 12:33Это не совсем ответ на ваш вопрос — но, возможно, подойдёт как альтернативное решение: у каждого кошелька сейчас есть ссылка-визитка вида https://money.yandex.ru/to/номеркошелька — её, во-первых, удобно давать кому угодно для перевода вам, а во-вторых — если сохранить в закладки — номер кошелька будет всегда под рукой.
Krypt
06.10.2016 22:10+2У меня, как у пользователя, есть болишье личные претензии к вашим гайдлайнам: они сжирают место на экране, при этом неочевидно скрывают функционал и описания, а видимой сетки, за которую мог бы зацепиться глаз при поиске и разделении блоков — просто нет.
Собственно, этом страдают все ваши «обновлённые» продукты.damat
06.10.2016 23:20поставим бы вам жирый плюс, да кармы нет
меня пугают метаморфозы в Я.Почты. вот самый свежий прикол (полный размер):
Krypt
07.10.2016 00:29Переключитесь на тему «фантазия», она не настолько ужасна. Но она багованая… глючит переключение фона. Чтобы переключение фона отключить — нужно нажать кнопку слева внизу.
А самое главное, что мне это убожество включила техподдержка, когда я попытался зарепортить баг в старом интерфейсе, при том что в тикет была включена просьба НЕ переключать интерфейс. Отключать же не хотят. EugeneNikelsen, как вы думаете, что я думаю о вашей поддержке? Вы о такой штуке, как лояльность клиентов, случайно, не слышали?damat
07.10.2016 00:33+1Я уже отключил все, что смог, и вернутся в тупейший вариант простого списка писем, так как трехпанельный интерфейс стал неюзабельным.
Krypt
07.10.2016 00:41Вот вам ещё пример:
https://yadi.sk/i/BaXEzQsrwPHeW
Фильтр по производителям Яндекс.Маркета.
Задача 1: Найти производителя GoodRam
задача 2: Понять, как этот фильтр отсортирован
duzorg
07.10.2016 07:01+1Новая Яндекс.Почта вообще ужасает. Как переключили, так я сразу зарепортил о нескольких багах и попросил вернуть старый интерфейс.
В ответ отписались, что баги поправят, но интерфейс не переключат. Прошёл месяц, отписался еще раз. Сказали ждать. Потом в итоге проблему с тем, что письмо не открывается в фоновой вкладке при щелчке СКМ поправили, а остальные так и остались:
1. Письмо остается не прочитанным несмотря на то, что прочитано (в списке писем остается жирным) иногда при отсутствии непрочитанных писем показывает, что есть непрочитанные.
2. Стало менее удобно переключаться между пользователями. Было слева где входящие/исходящие теперь в самый правый угол экрана надо тянуться.
3. Если в другом ящике (у другого пользователя) есть письмо и щелкнуть по портрету, то уведомление о непрочитанном письме пропадает (красный кружок), хотя письмо есть и его так никто и не прочитал :). Иногда этот кружок вообще не появляется, пришлось поставить программу-уведомлялку.
4. Система помощи (Справка) после обновления не соответствует новому функционалу.Krypt
07.10.2016 08:24Судя по её состоянию — нам досталось счастье альфа-тестирования…
PavelPV
11.10.2016 10:15Альфа-тестирование, это у меня. Месяц как глаза вытекают.
Krypt
11.10.2016 16:11Ваш комментарий просто отлично описывает интуитивность интерфейса :)
Переведите курсор мыши на левую панель — тогда в верхнем тулбаре появится кнопка ">>". Нажмите на неё, и левый тулбар переключится в полный режим.
Nekto_Habr
07.10.2016 11:47+1Меня сейчас закидают гнилыми помидорами, но пока что у mail.ru самый нормальный интерфейс почты.
Может, из-за того, что он почти не меняется со времен возникновения сервиса. Г.мыло, Я.почта — какие-то монструозные франкенштейны, по сравнению со старой доброй табличной вёрсткой писем в майл.ру.
sandro_ballack
07.10.2016 18:23А что не так с этим интерфейсом? Когда я его случайно обнаружил еще на стадии тестирования (вроде), я сразу его накатил.
gluck59
07.10.2016 00:43+3Это всеобщая болезнь последних годов.
Маргины, паддинги, огромный кегль, какие-то цветные полосы, воздух-воздух-воздух и… крохотная, в полторы строки, «превьюшка» действительно важного текста, за которым мы собственно и зашли на страницу.
damat
07.10.2016 00:44+1Занятно, не замечал. Обычно в таких интерфейсах делают поле ввода для фильтрации списка. Например, в настройках колонок в JIRA:
damat
07.10.2016 00:53+3И вот еще шутка свежая:
Krypt
07.10.2016 01:01Это, кстати, тоже всеобщая тенденция. Atlasian со своим Source Tree такой де фигнёй страдает.
Можете оценить прямо на их сайте: https://www.sourcetreeapp.com/
Верхний скрин — текущая версия, все остальные — из предыдущих версийdamat
07.10.2016 01:05+1Хотя бы надписи оставили. Но вообще Source Tree настолько через место работает, что заставил меня в гите перейти в консоль после 10+ работы в сорс контролах с GUI (Perforce, SVN)
Krypt
07.10.2016 01:08Замечено, что на mac'е он значительно лучше работает. Собственно, на mac для простых операций и просмотра истории я использую старую версию Source Tree со старым дизайном, для всего остального — консоль. А вот под Win приходится использовать git как есть.
AlexP11223
11.10.2016 10:23Я на GitKraken с него перешел. + он и на линуксе есть (перешел как раз когда искал гит GUI для линукса)
dom1n1k
07.10.2016 03:47Эту заразу (невнятные контурные иконки) яблочники по планете распространили.
Жду не дождусь, когда же народ переболеет, а мода эта сдохнет.
Nekto_Habr
07.10.2016 17:14Ладно родителям. Я сам уже не понимаю все эти кнопки-иконки. И частенько обжигаюсь, так как разные сервисы юзают одну и ту же иконку, НО закладывают в нее совершенно разные функции. Хотя сам я дизайнер, и интерфейсов в том числе, — я всё равно с ходу не могу разобраться, и не с ходу тоже, потому что и так слишком много в голове нужно держать. Согласен с dom1n1k:
Жду не дождусь, когда же народ переболеет, а мода эта сдохнет.
damat
07.10.2016 17:25Да вот непохоже на то, что сдохнет, к сожалению =( меня самого изрядно подбешивает необходимость каждый раз разбираться с новыми дизайнерскими решениями, но тут уж как есть. Нынче же все не про то, как реально пользоваться, а про первый вау-эффект и конверсию в пользователя.
Потому и кнопка одна на экране, и фотка вместо смысла, и полное отсутствие фокуса на постоянных пользователях — они же уже пришли. В статье, в принципе, о том и пишут: новичкам трудно, мы решили переделать. Вот и переделали, и конверсия подросла. А то, что потом отвалятся, можно списать на что угодно, в т.ч. на более выгодные предложения конкурентов, не связанные с интерфейсом.
Но так не везде. Например, во free-to-play играх с этим по-другому: там ретенш смотрят очень жестко, т.к. это прямая прибыль. Плавный вход и там, конечно, важен, но и за тем, когда и почему игроки отваливаются, тоже всегда следят.Nekto_Habr
07.10.2016 17:35Да вот непохоже на то, что сдохнет, к сожалению =(
Можно делать ставки) Думаю, пройдет некоторое время. Скорее, 2-3 года. И народ образумится. Образумится, когда люди, принимающие решения, сами настолько устанут разбираться в интерфейсах, что начнут пинать вендоров, а те — своих дизайнеров.
Даже не представляю, как может быть иначе. Сейчас помимо грамотного владения обычным индоевропейским языком, нужно еще владеть новым иероглифическим (слово сам выдумал) — все эти иконки в интерфейсах. Либо мы полностью перейдем на этот язык (там еще популярные эмодзи подтянутся), но в ужасно далеком будущем, либо в ближайшем обозримом будущем ситуация поменяется, так как наша и западная культура в целом стремятся к упрощению повседневных рутинных занятий (и языков тоже, кстати).
Вообще, кстати, прикольная идея для сай-фай книжонки — новая эра, в которой все общаются иконками и эмодзи именно по причине бестолковости дизайнеров 2010-ых годов)
Dzorogh
07.10.2016 06:00Я пользуюсь ЯД каждый день. Постоянно пользуюсь "Сохраненными" платежами 3 года. Там у меня штук 8 номеров телефонов (личных и для работы), оплата интернета (пара личных и несколько для работы), переводы за оплату работы партнерам на кошельки в ЯД. Я каждым сохраненным платежом пользуюсь как минимум 1 раз в 2 месяца.
Сейчас, если сохраненных платежей больше 20, пользоваться ими очень сложно.
Очень хотелось бы следующего для списка избранных платежей:
- не скрывать номера телефонов
- редактировать и сохранять стандартную сумму платежа
- отображать все избранные платежи сразу (без кнопки "Показать еще")
- раскладывать избранное по папкам или по тегам
- никогда не просить подтверждения при оплате избранного
- сортировать по типу, по имени, по сумме, по популярности, и, обязательно, вручную
EugeneNikelsen
07.10.2016 11:05Спасибо за использование кошелька и комменты! У нас в работе постоянно есть несколько правок в потоке «для многоплатящих пользователей» и часть из этих комментов я сам — тоже многоплатящий — очень жду. Но вот маскирование номеров телефонов и безусловное отсутствие подтверждения платежа для избранных это штуки сильно ограниченные соображениями безопасности.
Fedcomp
07.10.2016 06:36+3Как отключить автоматическую галку «установить напоминание» при оплате? невероятно раздражает.
formasha
07.10.2016 12:47Копим данные — кому полезно, кого раздражает, скоро будем пересматривать целесообразность этой галки. Спасибо за голос в копилку!
Fedcomp
07.10.2016 22:42Оно может и кому то полезно. Как отключить то? при загрузке страницы браузер на короткое время подвисает подгружая все содержимое страницы, поэтому нажатие на галку сразу не срабатывает, надо дождаться пока все загрузится/скрипты активируются. Вместо того чтобы просто сразу жмакнуть на кнопку. Уверен, что ваши данные вам этот юзкейс и раздражение не покажут т.к они такое не собирают. Надо не только на данные ориентироваться.
Почему я не могу это отключить? мне не нужны напоминания от яндекса т.к я пользуюсь другим инструментом. Мне что серьезно юзерскрипт писать чтобы пользоваться сервисом?Alexey2005
08.10.2016 20:05Хуже того, с этими напоминаниями очень сложно разобраться — интерфейс там настолько невнятный, что я никогда не могу понять, включены они или нет, пока не приходит очередное SMS.
Мало того, галочка «автоплатежей» по умолчанию тоже стоит включенной. И я уже не раз на ней обжигался. Оплачиваю скажем VDS на год… а через месяц эта годовая оплата списывается повторно! Потому что забыл галочку автоплатежа снять. Думаю, это сделано специально как раз для того самого «увеличения конверсии».formasha
10.10.2016 20:56>>Хуже того, с этими напоминаниями очень сложно разобраться — интерфейс там настолько невнятный, >>что я никогда не могу понять, включены они или нет, пока не приходит очередное SMS.
>>Мало того, галочка «автоплатежей» по умолчанию тоже стоит включенной. И я уже не раз на ней >>обжигался. Оплачиваю скажем VDS на год… а через месяц эта годовая оплата списывается повторно! >>Потому что забыл галочку автоплатежа снять. Думаю, это сделано специально как раз для того самого >>«увеличения конверсии».
Погодите-погодите, автоплатежи в Яндекс.Деньгах без явно выраженного согласия и по умолчанию не включаются точно — напоминания да, но не списания. Другое дело, если вы привязываете карту к какому-то внешнему сервису, или даёте приложению доступ к кошельку для повторных списаний.
Посмотреть (и отключить) все имеющиеся в кошельке напоминания/автоплатежи — можно на главной странице, в одноимённых вкладках: https://habrastorage.org/files/60a/737/de5/60a737de545348c2a6d6da5742328dcf.png
А управлять доступом внешних сервисов, которым вы разрешили ходить в кошелёк — в настройках (Настройки->Всё остальное, Приложения): https://money.yandex.ru/settings?w=other
Deosis
07.10.2016 07:21Сразу угадал правильный вариант, на двойной видно, где искать код. (Попробуйте сравнить варианты без текстов, их все равно не читают)
Так и не рассказали, как иконки с подписями сделали похожими на кнопки.
to Damat: Значок костра в почте наверное означает сжечь мосты, т.е. удалить аккаунт, а для скворечника вообще никаких идей нет.EugeneNikelsen
07.10.2016 11:58Так и не рассказали, как иконки с подписями сделали похожими на кнопки.
первое о чем я попросил — подчеркнуть ссылки. Но это сильно бы выбилось из интерфейса и, конечно, так решать проблему нельзя.
Поэтому мы искали правильную форму и размер кнопок, пиктограммы. В результате уменьшили их высоту, компоновку — и с более плотными элементами аффорданс заметно вырос.
chieftain_yu
07.10.2016 09:02Есть вероятность, что обладателей Visa смущало то, что на одинарной версии ввода карты ее просто нет.
А на «Ура! Вы открыли кошелек» — вообще один Maestro.
kolossus
07.10.2016 09:11Очень дружелюбный. Решили посмотреть, сколько денег за месяц пришло на кошелек.
Открываем историю, выбираем «пополнения», «за месяц». Потом несколько раз «показать больше операций».
И наконец получаем все операции на экране.
Берем в руки калькулятор и суммируем — ведь дружелюбный интерфейс яндекс-денег не может выполнить такую сложную операцию.maximw
07.10.2016 09:40Сейчас многие интерфейсо-проектировщики не берут во внимание принцип Шоу:
Создайте систему, которой сможет пользоваться дурак, и только дурак захочет ею пользоваться.
В частности это проявляется как навязчивая идея спрятать информацию и выдавать ее мелкими порциями, чтоб не дай бог не напугать пользователя ее количеством.
formasha
07.10.2016 12:58Если очень много операций нужно посчитать-проанализировать — проще всего, наверное, выгрузить отчёт за период :) И в экселе быстро посчитать: https://money.yandex.ru/history — кнопка экспорта в верхнем правом уголке.
shurupkirov
07.10.2016 14:55точно также сделали в яндекс.кассе (( платежи за период не видны все сразу и не видна общая сумма.
Зачем мне нужно экспортировать данные, если я всего лишь хочу получить информацию, сколько денег через вас получил — отправил?
kolossus
07.10.2016 15:58Собственно я так и сделал. Просто к слову о дружелюбном интерфейсе.
Мне всегда казалось, что в финансовых отчетах хотя бы общая сумма должна быть.formasha
10.10.2016 20:50>>Собственно я так и сделал. Просто к слову о дружелюбном интерфейсе.
>>Мне всегда казалось, что в финансовых отчетах хотя бы общая сумма должна быть.
Ну, это всё же не интерфейс уже, встроенная аналитика расходов-доходов скорее дополнительный сервис.
Stmf
07.10.2016 10:07Все хорошо, вот только поддержка «как всегда». Решил на днях пройти идентификацию (для галочки, не более), благо возможность сделать это через карту сбербанка добавили. Ну и приступил. Списали, как положено 10 рублей и я принялся ждать. Карта к слову дебетовая, зарплатная, привязана более 2х лет и активно используется в ЯД. Что могло пойти не так? Вот и я подумал, а ведь пошло. Получил ответ, что «К сожалению, Сбербанк передает нам некорректные данные.» Говорю ребят, мол давайте накажем этот нехороший сбербанк, сообщите, что именно он передает не корректно и я разберусь. Отвечают мол информацию он передает некорректно, попробуйте с бумажками побегать, чего мол со сбером заморачиваться. Ну збс помогли. Как денежки принимать и через себя проводить все корректно значит… В общем поддержка, как у всех, отписочная увы. К чему это я. Дизайн это конечно хорошо, но сервис нужно поднимать, с деньгами же работаете.
formasha
13.10.2016 14:35Сбербанк может отвечать отказом на запрос идентификационных данных, если в самом Сбербанке ваши данные были получены давно, и он их считает устаревшими, например. Там есть целый ряд параметров, по которым партнёр решает — отдать данные или нет. Сотрудник службы поддержки Яндекс.Денег не видит ни сами данные, ни подробностей от Сбера, только результат да/нет. Сожалеем, что тут не смогли помочь :( Метод идентификации далеко не совершенный и не очень технологичный — но для многих людей всё-таки реальная возможность не выходя из дома сделать то, что обычно требует личного взаимодействия с банком.
LoadRunner
07.10.2016 11:27+1Специально зашёл по такому случаю в свой Я.Кошелёк — до этого не пользовался, потому что забыл платёжный пароль.
Сейчас почему-то сразу его вспомнил. Появилось предложение привязать подтверждение к СМС.
В форме, где надо вводить номер телефона — обязательно заставлять пользователей вводить "+" и код страны вручную? Или и без кода страны номер телефона нормально парсится?
FDsagizi
07.10.2016 11:35В яндекс деньгах не хвататет оптлаты телефонного аператора Altel — что в казахстане( причем все отсльаные операторы есть )
formasha
07.10.2016 12:52Прямая интеграция с биллингом отдельного оператора — это довольно ресурсозатратно. Но на сайте Altel вполне можно платить виртуальной картой Яндекс.Денег: http://www.altel.kz/payment/online/ :)
ink08
07.10.2016 13:26+1Квест «ответить на письмо».
Обратился вчера в саппорт по адресу passport@support.yandex.ru.
Пришел автоответ, вижу «ответьте на это письма», но письмо пришло с адреса devnull@yandex.ru, и видимо, поэтому нет кнопок «ответить»
Alexvir
07.10.2016 14:12Вдруг в Yandex услышат, вдруг в yandex прочтут:
1. Отправка на кредитную карту не поддерживает вставку из буфера.
2. Хочется значительно больше функций по финансовому учёту, поиску, нормальное избранному и тп.
Не прошу добавлять бухгалтерию, посмотрите тот же Тинькофф клиент банк
В Ya. деньги банально найти платёж месячной давности — сплошной квест и потеря времени.
Хочешь увидеть своё сальдо / дебет / кредит за xx времени — добро пожаловать на выгрузку данных в Excel.
Коллеги у Вас же не просто передача денег за WOW и мобилку, у Вас клиент банк, сделайте его пожалуйста полноценным.formasha
07.10.2016 18:291. Да, нас самих бесит — в новых формах переводов (таких, как на первых скринах в этом посте) уже поддерживает. Старые (которые вывод на карту и кое-где ещё) — тоже обновим.
2. Угу, принимается, всё чаще слышим это пожелание, и повышаем его приоритет :)
3. Поиск по истории сейчас работает по запросам, связанным с содержимом полей/чека и по сумме. Улучшение поиска — одна из приоритетных задач.
lonelysuch
09.10.2016 17:20formasha, а вы новую почту в Internet Explorer 11 видели?
Мне особенно с краю нравится, там где дата и время должны быть.formasha
10.10.2016 20:41Почта это немного не ко мне, простите :/ Я работаю в Яндекс.Деньгах, и обратную связь в Яндекс.Деньги уношу :) Но коллеги, причастные к внешнему виду Почты, конечно же читают комментарии, спасибо за детали.
lonelysuch
11.10.2016 12:31Могу про Яндекс.Деньги рассказать ;)
Правда не про дизайн сайта. А про все, начиная от дизайна/пинкода новой карты, заканчивая бесконтактной оплатой из приложения и технической поддержкой.
Интересно?Все нижеперечисленное это мое мнение, как пользователя. Оно может не совпадать с мнением других.
1. Дизайн новых карт — это полный… дизайн новых карт. Вот смотрю на старую, что была на процессинге банка Тинькофф и на новую, что на вашем процессинге… Есть ощущение, что меня обманули.
Но это субъективно. Идем дальше.
2. У вас очень странное отношение к безопасности.
Писать номер кошелька со штрих-кодом под CVC — это безопасно (Ответ ТП). Ввод пинкода под камерами над кассой – это безопасно(Ответ ТП). А сделать, как раньше, без пинкода при оплате по чипу – это уже опасно(Ответ ТП). Столько лет отходил с картой без пина на оплату покупок – никаких претензий, все было супер.
Разблокировать телефон, запустить оплату и ввести код – это безопасно. А просто разблокировать и приложить телефон, как у Билайн – опасно прям(Ответ ТП). В итоге на бесконтактную оплату телефоном выбираю Билан – удобнее.
3. Техническая поддержка. Это конечно общая проблема. Но скажу про вашу.
На решение самого простого вопроса требуется как минимум 15 писем. Из них половина – это повторение того, что я уже писал в этих письмах. Допроситься перевода на следующий уровень просто невозможно, приходится тыкать носом в количество денег проходящих по карте, про количество лет использования сервиса и про то, сколько комиссии я вам заплатил. Тогда, примерно через неделю, мне отвечает кто-нибудь из менеджеров.
На телефон ТП лучше вообще не звонить. Перед перевыпуском карты с NFC звонил в ТП и спрашивал, будет ли работать старая карта, пока не активирую новую? Меня заверили, что будет. В итоге, остался без карты в 1700км от дома. Кстати, мне до сих пор не вернули комиссию за вывод на другую карту, по вашей вине =)formasha
13.10.2016 16:05Принято, спасибо. А можете подробнее рассказать, почему считаете опасным ввод пин-кода «под камерами»? Ведь чтобы подсмотренный пин использовать, нужно саму карту украсть. Вообще, у прежней карты настройка была чип+подпись — это халатность кассиров, если они запрашивали её на операциях с чипом по карте Gold.
lonelysuch
13.10.2016 18:05Ведь чтобы подсмотренный пин использовать, нужно саму карту украсть
А для того, чтобы использовать карту без пина ее не нужно украсть?
Я могу рассказать, почему считаю так. Если мой пин знают и украв карту снимут денег — то вы первые пошлете меня лесом при попытке доказать, что это не я.
А если у меня просто украдут карту, то в банкомате им ничего не светит.
Вообще, у прежней карты настройка была чип+подпись — это халатность кассиров, если они запрашивали её на операциях с чипом по карте Gold.
Не понял, что вы имели ввиду. У меня раньше всегда просили подпись или документ, в зависимости от терминала. Пин не просили.formasha
14.10.2016 12:58Поняла, ага. Но ведь шанс, что именно охранник магазина окажется преступником и спланирует целенаправленное похищение вашей карты — кажется совсем ничтожным, разве нет? Я о таких сценариях никогда не слышала, а вы? Кажется, что кражи карт — это всё-таки серийные обезличенные схемы, типа компрометации в онлайне или скимеров на банкоматах, но не «подсматривание в камеру» охранников-карманников.
>>У меня раньше всегда просили подпись или документ, в зависимости от терминала. Пин не просили.
Ага, поняла. Это моё ошибочное предположение, что ничего не спрашивали.lonelysuch
14.10.2016 13:21Поняла, ага. Но ведь шанс, что именно охранник магазина окажется преступником и спланирует целенаправленное похищение вашей карты — кажется совсем ничтожным, разве нет? Я о таких сценариях никогда не слышала, а вы? Кажется, что кражи карт — это всё-таки серийные обезличенные схемы, типа компрометации в онлайне или скимеров на банкоматах, но не «подсматривание в камеру» охранников-карманников.
Я когда то и о Яндекс.Деньги не слышал =)
Тогда вообще нет разницы пин или нет. Но вы (Яндекс.Деньги) пытаетесь доказать, что пин это панацея.
Еще раз. Если у меня снимут деньги с карты введя пин код — вы будете пытаться их вернуть или пошлете меня лесом?
Если пошлете лесом, то верните возможность отключить пин, мне без него удобнее и параноик крепче спит. У вас, все-таки, теперь свой процессинг, не вижу проблем.
В конце концов, наш разговор превращается в переписку с ТП. А я просто пытался рассказать.
Krypt
15.10.2016 03:40Решил я тут спустя полтора года воспользоваться своим старым кошельком… Вы не поверите, я не нашёл его номер, чтобы его пополнить.
Nekto_Habr
Нужно как-то почётче выделить правильный ответ, я например зашел и пролистал только чтобы узнать этот ответ (угадал, кстати).
EugeneNikelsen
Спасибо за подсказку! Поправил
PaulAtreides
Сделать контрастным, чтобы повысить его конверсию.
LoadRunner
Так ответ же и без этого очевиден. Правильный ответ: «Так, как Вам удобнее».