Pull to refresh

Comments 73

Хотелось бы узнать больше про backend. Какой подход используете (callback или promise)? Какой шаблонизатор используете? Фреймворк самописный? Может отдельную статью напишете?
Мы используем node.js + полный БЭМ-стек (https://ru.bem.info/) и шаблонизатор bemhtml. Подробнее, действительно, имеет смысл отдельным текстом рассказывать, в этом мы сосредоточились только на дизайне :)
UFO just landed and posted this here
Я посмотрел на скриншот с формой регистрации, потом прочитал фразу
Проанализировав статистику, мы выяснили, что уделяем недостаточно внимания пользователям с авторизацией через социальные сети — и подняли кнопки социальной авторизации в самое начало

И только после этого заметил кнопки регистрации через соцсети. Видимо глаз их просто пропустил, подумав, что это кнопки «Поделиться» — очень похожи.
Я только прочитав ваш комментарий понял, что эти кнопки для регистрации. Сразу тоже думал что поделиться. Саму статью читал выборочно, так что может в ней есть.
И мне пришла мысль, что слишком напоминает кнопки «поделиться» от яндекса. Их нужно делать больше. Я бы разделил визуально форму на два варианта. Вспомните матрицу, это тот случай :)
Спасибо за отзыв, мы подумаем, как здесь можно улучшить узнаваемость. Но вообще, количество регистраций через эти кнопки убеждает нас в том, что они очень хорошо работают.
Яндекс.Маркет, Яндекс.Музыка и Яндекс.Авто. Тинькофф, возможно, вдохновился новым стилем сервисов Яндекса.
Видно, что поработали, по дизайну стало лучше, но по юзабилити хуже.

Поясняю:

Заходим money.yandex.ru, видим слева менюшку
«История», «Избранное», «Товары», «Переводы», «прием платежей», подсвечен первый пункт «История».
И теперь там на всю страницу расписаны «Сохраненные»!!!
Какого фига мне теперь каждый раз любоваться на них?!
Я и так прекрасно знаю, что у меня есть в «избранном», и когда понадобится я кликну этот пункт,
мне вовсе не надо при каждом визите в Яндекс.Деньги платить что-либо по «избранным».
Зато теперь до «Истории» надо мотать страницу.

Куда делся удобный «дашборд», где можно и «товар» выбрать, и историю оглядеть, и номер телефона/емалйа вбить для перевода?

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

Если я не очень понятно объясняю, то посмотрите, как это в телефоне работает.
Пока мы не открыли новый дизайн на всех пользователей, в меню слева сохраняются пункты «История» и «Избранное». Как только откроем на всех — уберем эти пункты, оставив один «Мои операции», тогда логический казус пропадет.

Товары — далеко не самая востребованная часть старой главной страницы, поэтому мы оставили их на отдельной странице. А Переводы постоянно развиваются и обрастают новыми функциями, которые на главной перестали помещаться, поэтому мы вынесли их отдельным разделом.

В направлении «умного поиска» по истории платежей мы усердно работаем :)
Попробую еще раз объяснить основную проблему.
Захожу на money.yandex.ru и вижу на странице
— сумма (справа вверху)
— 7 пунктов «сохраненного»
— под ними «показать еще»
— и где-то внизу виднееется заголовок «история»

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

«Сохраненные (9 штук) [показать] [избранное/напоминания/автоплатежи]»
«История ...»
А какое количество операций в «сохраненных» вам было бы комфортно видеть всегда раскрытыми?
Думаю было бы идеально вообще добавить к каждому сохраненному галку «отображать на главной сразу», таким образом можно было бы и убрать все при желании, и отобразить любое нужное количество без «среднего по больнице»
Никакое.
Если я сохранил платеж для чего-то, то я предполагаю, что буду использовать его в дальнйшем.
И если возникает мысль «надо заплатить ...», то тогда первая мысль тыкнуть в избранное, но ни в каком другом случае мне нет надобности смотреть в «избранное», что я там не видел?

Подумайте над поисковой строкой. В идеале, чтобы по набору в ней работал suggest по данным в порядке приоритета — избранное, история платежей, партнеры и т.п.

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

В общем, что тут объяснять, эта практика уже привычна и хорошо работает во многих местах.

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

Понятно, что можно внезапно найти это, тыкнув в «баланс» и запомнить, что оно лежит там.
Но такой расклад по первости ставит в тупик, видимо не только меня.

Какой, вообще, смысл так экономить на боквой менюшке?
Видеть избранное в разделе истории, когда следующим же пунктом идет собственно сам раздел избранное — странно.
Это временное явление, когда покажем дизайн на 100% пользователей, оставим вместо пунктов «История» и «Избранное» один пункт «Мои операции».
Редизайн это хорошо только когда не отваливается существующий функционал… С Метрикой к сожалению не вышло :(
О, а вы смогли без тормозов просидеть в новом интерфейсе достаточно, чтобы подробно оглядеться?
Я потыкался немного и написал в саппорт Яндекса, спросил как вывести интересующие меня графики, которые были в старой версии. Они сказали что пока никак и я вернулся на старую.
Хотелось бы узнать сколько денег на мертвых счетах.
Надеюсь ответят, а не в очередной раз отправят в игнор.
Хотя я и не профессионал по интерфейсам, а просто пользователь, озвучу своё мнение (как получится).

Честно говоря, я неодобрительно отношусь к изменениям в интерфейсе. Для меня самое важное — привычное удобство, терпеть не могу, когда открываешь привычную рабочую среду — а там всё вдруг стало по-другому. Ярчайшие примеры — Windows 8 после XP и Vista/7, MS Office 2007 после 2003, или вот навигатор OsmAnd на Android'е.

Скорость работы тоже хотелось бы держать навысоте. А вот всякие удобности типа возможности копирования номера кошелька кликом, когда его можно просто выделить — часто не помогают, а мешают.

Вывод — нужна лёгкая версия проекта, чем легче, тем лучше, в идеале на чистом HTML. И чтобы дизайн её не менялся годами и десятилетиями. Высочайшая скорость, совместимость со всеми старыми браузерами, никаких «удобств» и украшательств, но — отсутствие некоторых действительно удобных штучек в интерфейсе.
Украли у меня года 2 назад пару тысяч со счета яндекс денег, техническая поддержка уперлась в пользовательское соглашение и разбираться не стали. Недавно нашел прямое доказательство по этому случаю (форум где все еще публикуют в открытую логины, пароли и суммы на счетах Яндекс денег пользователей) и предоставил все данные техподдержки. Поблагодарили, сказали будут разбираться… Все затихло. После этой ситуации доверять сервисам яндекса перестал, только если музыку послушать )
Не ожидал такой реакции если честно, ну ок, опять закроют глаза на проблему, смотрим на красивые кнопочки. Всем спасибо за поддержку.
Причём тут Яндекс? С этим вопросом надо было обращаться в правоохранительные органы. А вам озаботиться безопасностью своих учётных данных надо. Где и как вы слили свой пароль от Яндекса даже самому Яндексу не может быть известно.
Мне интересно как вскрыли пароль в яндекс деньгах при осуществлении транзакции, он отличался от основного. По всей видимости данным методом http://habrahabr.ru/post/239395/
Я уже не раз писал, чтобы Яндекс вернул способ подтверждения платежа по кодовой таблице. Это простой и надёжный метод. Но её почему-то убрали.
А что должен сделать яндекс по вашему?
Может вы сами пароль выложили туда в открытом виде, или еще куда-то?
Яндекс должен вернуть вам деньги? Ну допустим, Яндекс вернет вам деньги, но тут встает вопрос — из какого источника его взять? Отменить все транзакции, которые произошли с того момента? А если деньги были потрачены на покупку товара, то как объяснить продавцу, что ему оплатили краденными деньгами?
Значит надо брать из внутреннего бюджета «на взломы», но подозреваю, что этот бюджет рассчитан только на взломы, произошедшие по ошибке Яндекса, а не по ошибке пользователя.
В вашем же случае, т.к. пароль опубликован в открытом виде — даю шанс на 70% что это был кейлоггер, 15% фишинг, 14% одинаковый пароль на другом ресурсе и 1% — брутфорс аккаунта.

пс: я не из яндекса, но просто отписываюсь, почему вас, возможно, минусуют.
UFO just landed and posted this here
Вы не играли в адвенчуры в 90-х :)
Лучше бы починили привязку к Альфа-Банку…
Коллеги говорят, что «Связь с банком» через Альфа-Клик работает штатно, давайте подробнее посмотрим, что у вас не так. Если уже писали в службу поддержки о проблеме — подскажите номер обращения, пожалуйста.
1. № кошелька раньше был виден и было удобно копировать, сейчас неудобно

2. История была простая и кондовая
И с нормальным пейджингом.

Сделали бесконечный лоадер.

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

И да — если у вас общий отдел проектирования интерфейсов — передайте тому, кто выпилил Ctrl+лево/вправо из Яндекс.Поиска, отдельный антилайк/дизлайк от меня, как от пользователя.
Из плюсов могу отметить только функционал — спасибо программистам и менеджерам проектов
1. Офигенный штука с налогами

2. Очень удобный и быстрый шлюз оплаты.
Стараюсь поэтому внешние сайты оплачивать через Яндекс.Деньги

3. СМС приходят лучше, чем у банков — не знаю как, но за это отдельный респект
Кстати, подкидываю идею — раз уж работа с СМС поставлена сделать сервис Яндекс.СМС

А то опсосы отмораживаются давать физикам API для взаимодействия с СМС (например если я на своем сайте хочу сделать двухфакторную авторизацию), а сторонние сервисы какие то левые.
Однозначно, с Яндексом было бы гораздо приятнее работать. А так куча непонятных контор чужой хлеб едят. :)
Ага, об этом же подумал, но не ожидал увидеть в комментариях :) Есть SMPP, но его-то физикам как раз и не дают + он тот еще «невиданный зверь». Под Qt, например, так и не нашли вменяемой библиотеки…
А ответственный за редизайн Яндекс.Музыки будет отчитываться? Очень хочется ему вломить. Что за мода брать нормально работающее и портить?
А я вот рад что от топорного дизайна избавились. Хотя признаться для поиска некоторых фич приходилось спрашивать у техподдержки. Запрятали как для сыщиков.
Чрезвычайно огорчают, мягко говоря, новомодные «редизайны» с потерей функциональности.

Нужно списки фич вести, и следить, чтобы ни одна не пропала! Кстати, хорошо бы в открытую, с описанием и пользовательским рейтингом.И комментами. В рамках сервиса поддержки/обратной связи типа copiny
Как нельзя к стати. Как раз вчера заметил, что фото отображается в интерфейсе яндекс-денег, отличное (старое) от того что в яндекс-паспорте и во всех других сервисах яндекса.
Думал куда написать.
Пишу значит тут напрямую к автору ;)
Просьба поправить.
Спасибо, знаем про это несоответствие, поправим.
А в каких случаях вам нужен номер кошелька? Чтобы перевести деньги ведь достаточно знать логин или email того, кому переводишь.
Что и даже через терминалы? И даже через банк-клиенты Альфы и Сбера?
Да, есть терминалы, в которых достаточно ввести логин. В банк-клиенте Сбера можно по номеру телефона перевести. В Альфе надо посмотреть )
Как пользователь: Ужасно.
1) 1920*1080 — куча пустого места справа. На старой главной у меня все умещалось без полосы прокрутки, т.к. избранное было построчно, теперь — все прижалось к левому краю, куча свободного места между элементами и куча прокрутки

2) История: о боже, эти супер-модные тренды. В старой истории я мог быстро ткнуть скажем на пятую страницу, если ищу старую операцию и приблизхительно предполагаю что она будет тогда-то — теперь эта новомодная бесконечная прокрутка без возможности перепрыгнуть к определенному моменту. Сделали бы как в почте, ползунок с месяцами-годами.
— отсутствует время операций у операций, сделанных не сегодня — при поиске было удобно смотреть на время в том числе.

3) Огромные отсутпы элементов — слишком много пустоты, может и расчитано на тачскрин, но это же десктопный интерфейс! Скажем 5px вместо 13px смотрится почти так же, при этом на экран влезает гораздо больше элементов истории. Или еще компактнее сделать.

4) Сделайте возможность сворачивания избранного до одной полоски, или несколько столбиоков (как раньше), чтобы в одну и ту же высоту влезало больше элементов избранного, и при этом было больше места для истории на первом экране
Про сворачивание и быструю навигацию по истории — это очень правильно заметили!
Изначально мы ориентировались на самое популярное разрешение у пользователей нашего сервиса — 1366*768 и 1280*n. Но вы правы, сейчас мы действительно видим существенный рост пользователей с 1920*1080, поэтому уже работаем над решением для широкоформатных экранов.

По поводу возможности быстро попасть на любую страницу и дату в Истории — это тоже уже в работе, не все сразу :)

Про избранное подумаем, спасибо.
Кинул браузер на второй монитор, который как раз 1366*768. 6 записей избранного на первом экране… И все :\ И опять пустое место… В энный раз повторю — слишком много бессмысленной пустоты между элементами…
Вы все время говорите о том что, новый интерфейс не для 100% пользователей. Так зачем его тогда показывать на данном этапе, если это еще не конечное решение? А если все же конечное решение, то почему оно не для 100% пользователей?

Если же единственная цель статьи показать сам процесс работы, тогда все хорошо, спасибо, интересно. Но как по мне — слишком много времени потрачено для такого результата, учитывая время сбора метрики.
Ребят, а на кой чёрт новый интерфейс, если старейшие заскорузлые болячки самого сервиса до сих пор не только цветут и пахнут, но и всячески защищаются руководством от посягательств? Да-да, я о блокировке счёта при подозрении в мошенничестве, блокировке, которая порой срабатывает по адски лажовой причине, тебя ставят перед фактом, что «сервис» Яндекс.Деньги априори прав, а ты — нет, и чтобы вернуть управление средствами ты обязан покаяться и оплатить идентификацию. А если вдруг ты решил отказаться от такого фантастического предложения — ты должен заверить у нотариуса своё заявление о расторжении отношений и деньги на другой счёт тебе переведут в течении 180(!) дней.
Да, клиентоориентированность на высоте, тут решать нечего, надо запилить новый интерфейс!

Для особо едких: раздражает не плата за необходимость идентификации, а абсолютно явный посыл о никчёмности твоих претензий при общении с «поддержкой». Совок в лучшем виде.
Ну по поводу техподдержки всё же могу возразить. Я около полугода назад обращался в техподдержку Я.денег по довольно замороченному вопросу — и мне пошли навстречу, мои проблемы небыстро, но решились.
Да всё может быть, я не отрицаю. Просто у меня случилось так, что друг на друга наложилось несколько технических факторов, судя по которым моя операция ну никак не могла быть признана мошеннической, и меня это выбесило моментально, отсюда и эмоции. Ну и, конечно, тот факт, что в текущее время идентификация клиента осуществляется «бесконтактным способом» даже в Сбере, а тут такие новости.
А вот насчёт 180 дней для перевода средств после закрытия счёта — это вообще интересный момент: откуда у Я.Д право на такие сроки?
Срок возврата — от 10 до 180 банковских дней. Максимальные 180 дней — если к счёту поступили претензии по карточным chargeback. Сроки описаны в пользовательском соглашении: money.yandex.ru/doc.xml?id=522764
А тут я могу возразить Вам. Техподдержка Яндекс.Денег ужасна. Девушка на телефоне ничем не смогла помочь мне и хотя бы принять заявку (необходимо было сделать выписку о транзакции на бланке банка с печатью), а вместо этого послала писать на почту, где отвечают как минимум неделю уточняющими запросами.
… а в Яндексе как раз была завершена работа над новой системой визуальных гайдлайнов, которую наши дизайнеры стали активно использовать.


Интересно было бы почитать об этих гайдлайнах и более того — посмотреть примерчики. Подобное мне больше нравится, нежели немного надоевший материал и уж тем более уродливый модерн (метро). По-моему — подобный стиль вполне может составить конкуренцию этим монстрам современности; Лёгкий, читаемый, без излишеств, но в то же время с нормальной визуальной формой, достаточно воздуха и не слишком много. Ну т.е. как я уже говорил, он очень интересный =)
Спасибо за отзыв :)
Вообще глобальный редизайн Яндекса начался более двух лет назад (как все начиналось можно почитать в статье Данилы Ковчего). С тех пор, конечно, все это эволюционировало и обогатилось новыми идеями, хотя основные принципы во многом сохранились. В открытом доступе подробных гайдлайнов нет, но можно посмотреть, как обновлялись другие сервисы: Яндекс.Диск, Яндекс.Авто, Яндекс.Музыка, Яндекс.Маркет.
Ну если в целом — лишь маркет действительно поменялся. Те же «Деньги» имеют новый дизайн лишь на главной. Остальные пока что не видел, посмотрю, спасибо.

Немного по фронт-энд части этой главной страницы:
1) Анимации при наведении на элемент истории — видно подёргивание верхнего бордера из-за того, что начальный элемент box-shadow имеет другое количество аргументов, нежели в ховере.
2) Из-за применения box-shadow в поисковой строке с rgba аргументом видно накладывание границ друг на друга в стеке, например между поисковой строкой и кнопкой поиска. Или в группе кнопок плашки «Сохраненные».
3) В выпадающем списке (в истории) отсутствует курсор поинтера при выделении пунктов меню
4) В верхнем меню с информацией о кошельке (там где деньги), я фиг знает, так задумано или нет, но ссылочные элементы не растягиваются на всю ширину «контейнера», размер которого обозначен серыми разделителями (ещё бы я для них добавил бы иконки)
5) Ну и футер не прибит к низу страницы (не хорошо, когда посередине он), правда это касается остальных страниц, которые я не рассматриваю.

Это всё настолько мелкие вещи, что рядовому пользователю наплевать, просто будучи некоторое время фронтэндщиком — подобные вещи сразу бросаются в глаза, прошу прощения за излишнюю привередливость.

/Режим оффтопа: К слову по Я.Маркету, раз уж довелось — предлагаю подумать над тем, что бы вернуть старый алгоритм поиска. Сами понимаете, по запросу, например «R9 290x» выдавать сборку компа, а не видеокарту (даже без предложения перейти в соответствующий раздел) — это полный провал.
по запросу, например «R9 290x» выдавать сборку компа, а не видеокарту

Возможно сборку выгодней продавать и место в результатах поиска выкупил продавец)
Наверно стоило особо подчеркнуть фразу «без предложения перейти в нужный раздел».
Редизайн мне как полному… пользователю понравился.
Есть ряд моментов, которые или неочевидны, или располагаются в неочевидных местах. Но вполне допускаю, что это личностное восприятие.
В остальном мне стало удобнее пользоваться и смотреть на интерфейс.
Все это впустую до тех пор, пока невозможно в одной вкладке держать открытой почту ПДД, а в другой — пользоваться деньгами с основного аккаунта. Яндекс-Деньги стали ужасно напряжными с тех пор, как стало необходимым вспоминать, какая именно почта у тебя открыта в данный момент в одной из сотни вкладок, перед тем, как совершить какой-нибудь платеж.
У меня над высокоинтеллектуальной кнопкой с балансом висит желтый кружок с цифрой 1 уже месяца три, и совершенно непонятно, как его убрать.

yadi.sk/d/Xyt0WzZyi9A4i
Нажать на баланс, просмотреть, какое сообщение в нем висит, сделать то, что сказано в сообщении или просто закрыть его.
Пишет, проверьте актуальность ваших данных. Зашел, проверил, ничего не изменилось.
Проверили, сохранили — и ничего не произошло? Пожалуйста, сделайте последовательные скриншоты — и пришлите нам на bloghelp@yamoney.ru.
Ребята, очень классно! Вопрос не по теме: вы используете balsamiq для прототипов? Как эта часть процесса работает? Кто рисует ваерфрейм, а кто — готовый дизайн?
Спасибо! В самом начале использовали активно. Потом поняли, что достаточно Sketch-а и пары (десятка) встреч. Сейчас связка Sketch+Zeppelin+Invision и внутренние инструменты.
Sign up to leave a comment.