+ 7 926 247 2333 | lugrum@gmail.com
Tinkoff.ru
беглым взглядом
беглым взглядом
Мы договорились, что я опишу свои впечатления, мысли и замечания.
Все это результат довольно беглого и неглубокого погружения человека «снаружи». С одной стороны — я могу посмотреть на это незамыленным взглядом, но с другой — я не знаю бизнес задач, ограничений и сотни входящих, так что отчет с трудом может претендовать на объективность.
Все это результат довольно беглого и неглубокого погружения человека «снаружи». С одной стороны — я могу посмотреть на это незамыленным взглядом, но с другой — я не знаю бизнес задач, ограничений и сотни входящих, так что отчет с трудом может претендовать на объективность.
I
Главная страница,
первое впечатление
Главная страница,
первое впечатление
Этот сайт говорит о себе:
«я — платежная система, удобный сервис». Прошлый говорил: «я — надежный и удобный банк»
«я — платежная система, удобный сервис». Прошлый говорил: «я — надежный и удобный банк»
Что бросается на глаза сразу — смена позиционирования. Визуальная коммуникация — часть, которая всегда удавалась дизайнерам Тинькова, и всегда была четкой — теперь говорит, что это платежная система. Для человека, все еще приходящего в банк за кредитом, дебетовой картой, вкладом или ипотекой — это может быть неожиданностью.
Внятность этой коммуникации (плюсик проектировщикам и дизайнерам) может быть препятствием на пути менее упорных пользователей. Вот, скажем, я зашел за картами, и я их найду, но чуть менее разбалованный или менее опытный пользователь — может смутиться и сбежать.
Внятность этой коммуникации (плюсик проектировщикам и дизайнерам) может быть препятствием на пути менее упорных пользователей. Вот, скажем, я зашел за картами, и я их найду, но чуть менее разбалованный или менее опытный пользователь — может смутиться и сбежать.
Контраст
Другое заметное отличие — менее контрастная картинка. Нижние экраны главной страницы и внутренние сервисные страницы сайта стали сильно более блеклыми. Белый фон, серые цвета на нем, линии, тонкие шрифты — глазу не за что зацепиться, приходиться напрягаться, чтоб найти акцент. Это касается только главной и страниц платежных лендингов, на продуктовых внутренних страницах контраст и акценты сильнее.
Отзывчивость интерфейса
Не думаю, что кто-то пройдет мимо шапки (кстати, что говорит статистика на эту тему?), но у меня к ней сразу вопросы, например несколько разных «отзывов» системы в ответ на пользовательский запрос:
- пункты меню подписаны, но не реагируют на наведение
- кнопка «войти» подписана и подсвечивается
- а шарики — увеличиваются, не подсвечиваясь и молчат про себя.
Кроме того, очень понятное и чистое сообщение портит одна маленькая деталь — то, как организовано взаимодействие в строке поиска. Для начала подсказки, которые должны быть (и есть на самом деле) активными — пропадают, потому что их цвет ничем не выдает в них кликабельность. А поле ввода, поданное как чуть ли не основной акцент в шапке при клике в нее делает так:
То есть ничего в момент клика в поле не говорит пользователю, что поле готово к действию, кроме незаметной смены иконки поиска на крестик. Вот для сравнения как могло бы быть:
Если первый экран дает идеальную коммуникацию, то ниже все уже не так гладко. Для начала содержательные ошибки — все сервисные блоки теперь говорящие, хотя и в разных форматах — «Проверьте...», но «Проверить и оплатить...», а блоки услуг дают просто названия «All airlines», «Tinkoff Black» или «Статус заявки». Управление вниманием сильно просаживается, особенно по сравнению с четким, структурированным посланием первого экрана.
Этому распылению внимания способствуют еще и огрехи с подчинением в блоках, например вот справа — явная чересполосица, которая в общей картине мешает быстро глазу оценить что есть где, и «кто на ком стоял».
А кроме того, ложная рядоположность путает: блоки статуса, активации каты и пополнения снабжены теми же иконками, что и блок Госуслуг, так что он воспринимается просто как featured в общем ряду.
И — тут же — если я на сайте сервиса и платить можно всюду и любой картой, то блок «пополнить карту» — он про карту Тинькова или про любую?
А кроме того, ложная рядоположность путает: блоки статуса, активации каты и пополнения снабжены теми же иконками, что и блок Госуслуг, так что он воспринимается просто как featured в общем ряду.
И — тут же — если я на сайте сервиса и платить можно всюду и любой картой, то блок «пополнить карту» — он про карту Тинькова или про любую?
II
Сайдбар авторизации
Сайдбар авторизации
Насколько я понял задумку — с кнопки «войти» потому и снят акцент, что платежный сервис всеми витринами торчит пользователю наружу, и авторизация ему подсовывается в последний момент уже после контакта. Это, должно быть, работает для клиентов, пришедших за платежным сервисом. А существующие банковские клиенты, по видимому, либо живут в приложении, либо перенаправляются на какую-то другую форму авторизации.
Вместе с тем у открывающегося с главной страницы сайдбара, который консервативными пользователями вроде меня воспринимается как точка входа есть ряд шероховатостей:
Вместе с тем у открывающегося с главной страницы сайдбара, который консервативными пользователями вроде меня воспринимается как точка входа есть ряд шероховатостей:
Фокус и отзывчивость
Поле работает само и не требует кнопок для совершения действия, это хорошо, но если у меня нет логина, то ссылка-кнопка «Получить логин» спорит с формой. Вот у меня его нет, мне куда бежать: вводить желаемый логин и тыкать в ссылку? просто тыкать в ссылку? Да, там написано «если вы не клиент введите телефон», но акцент не на этой подсказке а на кнопке «Получить..» — так я ее и вижу, она отвечает на мой запрос, а подсказка — нет.
Разные названия
Мелочь, а неприятно и путает: вот я кликаю в слова «получить логин», а оказываюсь на экране «получить доступ». Так я за логином пришел, не за доступом. И где тут слово логин, у меня требуют номер карты, которого у меня, может, и нет
Восстановление пароля
А вот другая важная деталь.
Я помню, что у меня когда-то был логин и пароль (это кстати ровно моя ситуация, я помню, что доступ у меня был, я им пользовался, но вспомнить не могу, а номера карты нет или карты давно выброшены за ненадобностью) и хочу его восстановить. Мне нигде не дадут этого сделать, пока я не начну вводить именно логин. А даже если я начну и увижу ссылку на восстановление пароля, выяснится, что там нужен не мейл, не телефон даже, а номер карты, которой у меня уже давно нет — так мы потеряли пользователя, про которого уже много знали
Я помню, что у меня когда-то был логин и пароль (это кстати ровно моя ситуация, я помню, что доступ у меня был, я им пользовался, но вспомнить не могу, а номера карты нет или карты давно выброшены за ненадобностью) и хочу его восстановить. Мне нигде не дадут этого сделать, пока я не начну вводить именно логин. А даже если я начну и увижу ссылку на восстановление пароля, выяснится, что там нужен не мейл, не телефон даже, а номер карты, которой у меня уже давно нет — так мы потеряли пользователя, про которого уже много знали
Контекстные кнопки
Отлично, что кнопка возникает контекстно, когда введен номер телефона и введен в верном формате. Плохо, что это поведение в корне отличается от поведения формы на первом экране авторизации, когда смска от банка прилетает, едва я ввел номер телефона — там от меня не требуют нажать кнопку, а тут — хотят.
III
Пропажа «продажности»
Пропажа «продажности»
Последнее, что бросается в глаза при беглом осмотре — сайт перестал красиво продавать. По сравнению с тем, как мне продавали оба раза сначала кредитную карту, потом дебетовую, какие у них были лендинги, слова и аргументы — это явно шаг назад. Все прошлые разы страницы разговаривали со мной и убеждали меня. Нынешние — совсем не хотят меня ни в чем убедить.
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks,
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks,
