Comments 84
Влияние желтого банка ощущается повсюду.
Осталось всего ничего:
Мультивалютные карты сделать
Конвертация по курсу цб+0.5%
Выдача налички по миру (хотя бы с ограничениями желтого банка)
Хочется верить, что я застану это при своей жизни :)
Как-то получается мелковато, особенно с балансом. И раньше контрастность была выше, когда не было теней и все было бело-зеленое кмк. Не думали, что у плохо зрячих возникнут проблемы?
habr.com/ru/company/sberbank/blog/535640/#comment_22481554
в банкомате или в приложенииПогодите, писали же, что для сдачи биометрии нужен личный визит с двумя документами (паспорт и снилс) и живой подписью. А теперь получается, что можно человеку невзначай подсунуть в приложении кнопку, и он уже согласен?
Никогда такого не было, и вот опять. Сейчас банки получают данные через Гос.услуги (в 2021 потребовали принять новое соглашение, без которого нельзя было получить доступ к некоторым услугам, после чего данные из Гос.услуг оказались в банках). Если роботу не понравится ваш голос по телефону, — он сбросит звонок ;)
Непонятно, зачем из интерфейса банкоматов СБ убрали иконки с введёнными купюрами. И купюроприёмник в терминалах с биометрией выглядит не надёжно.
Сумма для снятия, как-то регулируется от клиента к клиенту или всегда статична(900, 2500, 24000)? Сумму для внесения можно и побольше сделать, чтобы не вглядываться. Кнопки внесения тоже очень близки размещены, могут нажимать случайно не туда. В общем, есть над чем работать.
Не те вещи вы оптимизируете, ой не те. Провалидировали бы это по модели Кано — получили бы, что удовлетворённость от этой фичи около нуля, зато эта фича отъела пространство у других фичей, которые теперь придётся поискать (ага, в "другие услуги"), от чего неудовлетворённость будет куда выше, чем от одного лишнего тапа для снятия типичной суммы. И это уж не говоря про то, что у многих вообще нет "типичной суммы", и для них просматривание этих "быстрых кнопок" займёт больше времени, чем если бы они просто тыкнули на "снять".
Почему-то многие дизайнеры уверены, что ради минимизации числа нажатий в некоторых синтетических кейсах допутстимо превращать структуру всего интерфейса из простой понятной иерархии в месиво, где не понятно где что искать.
Особенно неудобно, когда нужно внести средства на счёт.
Итак, расскажу на примере:
1. Подойти в терминалу, поднести карту или телефон и ввести код.
2. Убрать карту или телефон, чтобы руки были свободны.
3. Выбрать ввод средств.
4. Здесь, вместо того, чтобы вытащить купюры, нужно опять достать телефон или карту и опять приложить.
5. Убрать телефон или карту и успеть вытащить купюры (возможно, выпрямить) и вставить в купюроприёмник.
После п.2 можно было бы приготовить купюры, если не нужно было бы опять прикладывать телефон или карту.
Подходить к терминалу с уже подготовленными купюрами тоже неудобно — нужно будет ещё доставать телефон или карту.
Так было и в старом интерфейсе и есть сейчас в новом. Я понимаю, что связано с безопасностью, но вызывает неудобства.
Много людей после ввода PIN-кода отходят от терминала?
Биометрия вполне удобное решение, но угол нужно либо расширять обзора камер, либо показывать проекцией лазерной куда необходимо встать.
Технически можно избавиться от первого пункта и вводить пин при втором (теперь уже первом) прикладывании. Но тогда не получится идентифицировать клиента, показать баланс и главное — специальное уникальное персональное предложение по кредиту, всего в 3 раза выше рынка.
Прикладываю карту или телефон к банкомату и ввожу пин один раз. При снятии повторно вводить или прикладывать не нужно, так что технически решаемо. Не Сбер.
Конечно не сбер, в сбере есть очень глупые люди, которые всё портят. Вот перевёл я денюжку с карты своего банка на карту сбера в 01:30 ночи 01 числа 05 месяца, а в сбере дата и время платежа указывается как 22:30 вечера 30 числа 04 месяца, а потом доказывай что ты честный человек, а сотрудники сбера умственно отсталые. Конечно доказать не сложно, показываешь последние 4 цифры карт у себя и у них, сходятся, а потом рассказываешь про часовой пояс в Москве +3.
Слева (как было) — главный фокус на сообщение об успешной операции, три вторичные зоны внимания на важные функции, но разбежались по экрану. Понятно, что в первую очередь предлагается напечатать чек, во вторую — либо на главную, либо "пока-пока".
В центре (ваш вариант) — фокус размазан между иконкой с галочкой, текстом и кнопкой "показать баланс" внизу. Кнопки "на главную" и "выход" вообще воспринимаются в третью очередь. Сумма показывается — хорошо, но ещё лучше было бы такие нежные данные скрывать до нажатия кнопки "показать сумму". В целом центров внимания слишком много, глаза разбегаются, тыкнуть можно сразу во все стороны экрана и в целом это явно сложнее, чем надо. Иконки на нижних кнопках вразнобой и скорее мешают восприятию, эмблема MasterCard скорее нужна к "оплатить и перевести", но нет, это индикатор этой карты — путаница.
Справа — как хотелось бы:
- все кнопки выстроены логично сверху вниз
- фокус на самом важном сообщении
- вторичные функции идут сразу после сообщения, но явно вторичные
- основные кнопки действия Главная/Выход хорошо заметны и удобно расположены
- третичные кнопки урезаны по высоте и затемнены, иконки помогают ориентироваться, высота строк ужата.
- фон в центре белый, контрастность повышена.
- добавлены ваши же фирменные цвета на фон
В целом весь интерфейс пробегается взглядом за один проход и пользоваться этим — уверен — было бы удобнее (хотя с красивыми скруглениями и качественными иконками я не заморачивался).
.
.
P.S. Показывать рекламу ещё и на экранах банкомата = плодить негатив, вряд ли кто-то из клиентов будет этому рад. Показывать красивую иконку попкорна на "купить билеты в кино" или яркую желтую кнопку "заказать такси" — это какие-то внутренние рекламные цели? Вниманию они тоже мешают.
Мне одному кажется, что при любом современном редизайне, дизайнер все норовит уменьшить размер шрифта и добавить побольше пустого пространства? Здесь я наблюдаю именно это.
Поля и «воздух» это святое.
Если речь идет о высоконагруженном интерфейсе, то много воздуха — это тоже проблема.
Пользователи будут больше скроллить экран в поиске нужных элементов, тратить больше времени на привычные действия и ненавидеть дизайнера, который не учел сценарии использования :)
Сумма для снятия вообще не видна (не могли ещё то смельчить? У меня на работе один из сотрудников и так в здоровенных очках, ему ещё лупу к банкомату приложите отдельно) — было лучше.
Текущий интерфейс решает главную задачу — упрощение работы с банкоматом.
А чего он ещё должен делть? Кино показывать?
Но всех не устроило и вы решили:
мы с нуля разработали новый
В старых банкоматах немного раздражал призыв использовать NFC, даже в том случае, если это был именно тот метод входа, а не допустим по карте в привычном понимании.
Причем отдельным экраном это высвечивало.
В новых надеюсь по-другому? )
Про отображение банкнот яростно плюсую! Я просто не бду даже пытаться снять деньги, если увижу что нужных мне номиналов нет в наличии. Просто перемещусь к сосенему банкомату. В идеале имеющиеся номиналы должны быть видны ещё до логина в систему, в idle режиме!
У газпромбанка была удобная функция выбора купюр. Не знаю, есть-ли сейчас.
Отсюда и непонимание фундаментальной разницы в опыте взаимодействия с интерфейсом у пользователя и у проектировщика. Мы всё переделали и передвинули чтобы стало лучше! Че вы недовольны-то? Да потому что об колено сломали пользовательские привычки, а юзерам нейросеть в голове переобучать нужно.
Это как у человека в машине тайно поменять положение педалей, изменить длину рычагов, перекрасить лампочки. А когда водитель войдёт в ступор (особенно в режиме стресса) то это будет похоже на ступор от нового дизайна банкомата. Особенно когда за тобой очередь из сопящих клиентов, ждущих когда ты там управишься…
Например внесенная сумма стала почти в 3 раза меньше. Но ведь зато половина экрана стала свободной.
Разработчики наверно тестировали дизайн на экранах 25 дюймовых своих компьютерах.
А вот пример: Вас не раздражает реклама на яндекс Навигаторе когда Вы едите в машине? Старый дизайн был для людей с плохим зрением. Контрастным!, у нас в ближайшем отделении в вечернее время банкоматы стоят почти под прямыми лучами солнца. Не уверен что теперь на экране будет лучше видно.
Думаю назначение кнопок стоило менять, но концепт дизайна надо было делать еще более контрастным.
20% населения в пенсионном возрасте с ослабленным зрением. «Хороший» тренд.
То что кнопки круглыми сделали и выпуклыми. Это правильно.
Кнопка должна быть похожа на кнопку. а не на табличку. Как догадаться что означает квадрат с буквами?.. Майкрософт придумала этот тренд с квадратными кнопками. Но у майкрософт это такая фишка, они каждые 5 лет меняют тренд на противоположный, чтобы каждые 5 лет быть модными по новому. Они скоро опять на круглые кнопки перейдут.
А сбер какого фига делал все квадратными кнопками?, Идея круглых кнопок хорошая.
В хорошем интерфейсе неважно, квадратные кнопки или круглые. Вы же в лифте не путаетесь в этажах от того, что там кнопки не той формы?
Подходите Вы к лифту а Вам на выбор кнопки часто вызываемых этажей. Вам надо 25 этаж а Вам предлагают 3й, там где столовая. Это хорошо.
Но кнопка должна быть понятна, что это кнопка. В лифте это понятно. Это видно потому что. А на экране кнопка такая же квадратная как просто прямоугольник.
Когда придумывают игры и фильмы о фантастике или о будущем. Основная идея в том чтобы будущее не было совсем оторвано от настоящего. Например в прошлом столетии, показывать фильмы в которых пульты управления сделанные в виде сенсорных экранов глупо. Даже если бы это было для некоторых очевидно правильно. Но для большинства это непонятно и не очевидно. Большинству надо чтобы было много кнопочек, много лампочек. Интерфейс должен быть ассоциативным с настоящим.
.
Представьте что Вам на выбор дадут волшебную способность. Телепортироватся или летать. Для большинства выбор очевиден. Что способность летать круче. Способность летать это ухудшенная способность телепортироватся. Но кокда человек летает, он может перед людьми выделываться. А когда телепортируется, практически ни кто не видит этого. Потому что телепортация это совсем оторванная от реальности способность. А летать, оторванная на половину.
Человек, который не может понтануться телепортацией не должен иметь такую способность, а то ещё в вулкан по тупости портанётся. Телепортация на месте на высоту 2 метра, телепортация на месте когда появляетесь стоя на руках, телепортация в открытом пространстве на несколько метров в сторону, телепортация на спину зеваки перед которым понтуетесь.
Когда туристы сходят с груши или банана на берег рассказывают друг другу о том быстро ли их вёз катер или нет сравнивая тряску с другими моментами жизни.
Но вот проблемка, водитель катера, знает одно точно, что если набирать скорость максимальную по глади, то туристы на банане эту скорость не ощущают, так как в далеке не видно как меняется пейзаж. Но если водитель катера будет ехать медленно, но поперек волн, чтобы банан колбасило во все стороны, и чтобы было брызг во все стороны, чтобы туристы мокрые были. Очевидно же что поперек волн скорость плохо набирать. То на берегу туристы будут в захлеб рассказывать как их быстро вез катер.
Когда вы на катере проезжаете на скорости 200км.ч. в далеке без брызг, это ни кто не заметит. Но если вы на скорости 20-30км.ч. будите вокруг берега крутится и всех брызгать. То Вам будут завидовать. Точно так же фильмы снимают, по принципу много брызг возле берега. Там где настоящее это берег, а будущее это чтото рядом, практически чуть быстрей чем люди ходят по берегу, но максимально много брызг. Зрители будут в восторге.
Но в далеке едущий катер на скорости 200км.ч. многих это не трогает. Поэтому мечтатели будут выбирать средство чтобы всех забрызгать. Чтобы ему завидовали. Совсем не думая о том что могло быть лучше в 100 раз, но тогда ни кто этого не оценит.
Кнопки так же должны восприниматься как реальность.
Вы же тортик в магазине покупаете чтобы он был сладкий, а помидоры кислые.
Вы же не хотите чтобы было все наоборот. Ассоциативно должно все восприниматся
Мы говорили про то, что в реальной жизни кнопки бывают разные. Я напомнил, что в лифтах они очень долго были квадратные, черные, но никто не путал их с табличкой. А потом были круглые, белые, и никого это не смущало, никто не вызывал диспетчера "я застрял в лифте, потому что не могу найти кнопку".
В общем, не Майкрософт изобрёл квадратные кнопки, и не в этом проблема.
Хуже плохо дифференцируемых кнопок на экране это кнопки которые выглядят как что-то другое. Например, китайцы (почему-то) или плохие дизайнеры могут сделать кнопку, которая выглядит как текстовое поле или как надпись.
Если человеку не очевидно при беглом взгляде на интерфейс где однозначно нажимабельные кнопки, а где просто поясняющие надписи или баннеры. То это косяк дизайнеров.
Худший пример из реальности это говносайты файлохостинги, где применяются многослойные «тёмные» паттерны, запутывающие пользователя. Еще и в довесок десяток баннеров, имитирующих кнопку скачки.
А хороший пример это как ни странно интерфейс ныне мёртвой «виндоус мобайл» вот там очень хорошо проработаны стилистические гайды по виду кнопок и прочих контролов.
Windows Mobile просто сделали по подобию Windows 98 или Windows XP. Что тот что этот оба выпуклые.
Как сказал Артемий Лебедев, это все говно, эти квадраты как бы кнопки. Тренд трендом, но в хороших дизайнах кнопка всегда будет кнопкой. Если это страница яндекса в которой все кликабельное, то там очевидно, все кнопками не сделаешь, там это как бы ссылка. Но если на странице кнопки отдельно от графиков(контента), то тут кнопки нужны.
На хабре читал статью, о том как одна компания потеряла много клиентов потому что не делала TRIM() для логина и пароля. Я был поражен на сколько НЕ глупы разработчики. В сбербанке даже пароли одинаково воспринимались в разных регистрах. Все потому что на клавиатуре написаны большие буквы, а при печатании текст набирается маленькими по умолчанию. Лучше в пароль добавить несколько лишних букв но чтобы регистр не мешал ввод пароля.
Windows Phone хорошо был проработан.
Там была концепция. И жёсткая стилистика. Рамочки, толщина линий, и просто цветные квадраты. Но все равно. Думаю что для старшего поколения это было бы в новинку. Но интерфейс был максимально простым. Кнопка настроек везде одинаковая, меню одинаковые. А в Андроиде настройки иногда поискать надо.
Так это и есть плохой интерфейс — дело не в форме кнопок, а в том, как их расположили
Зачем примитизировать, сводя до простых и сверхобобщенных выводов?
Да много в чём, но не в форме. Они могут быть круглыми, треугольными, какими угодно, если все одинаковые. И расположены как угодно, всё равно будет восприниматься как кнопки, если — а вот здесь вы угадали — если контекст и количество разнообразных элементов этому не мешает.
Человека смущает не форма кнопок, а разнообразие их форм и видов. Если у вас в интерфейсе кнопки, ссылки, чекбоксы и что-то ещё, и все выполняют функции одного рода — тогда будут проблемы. Вне зависимости от того, кнопки круглые или квадратные или треугольные.
Напомню, речь изначально была о форме кнопок.
Просто понаблюдайте при работе с тач-интерфейсами подобными тем, что в банкоматах стоят. Если приходится отходить от экрана чтобы прочитать — это как раз данный эффект.
А что диагональ в банкоматах изменилась в 3 раза?
Я бы даже на экране бы продублировал бы сумму 2 раза.
Очень большая цифра по середине «2000р.»
И внизу надпись «На Ваш счет будет зачислено 2000р.» стандартным размером.
.
А вообще кнопки белого цвета глупо. Я дизайны делал для сайтов.
Понял следующее, что например если контент белый, то кнопки должны быть наоборот темными(зелеными). Если текст черный на белом, то кнопка должна быть зеленая с белыми буквами. Вы как бы намекаете пользователю что по экрану глазами водить не нужно, вот 2 квадрата(кнопки) нажми любой из 2х.
интерфейсы новых банкоматов, которые пока что введены в Москве, Санкт-Петербурге и ХабаровскеВ Хабаровске специально ради статьи на Хабре ввели?
Непонятно зачем такие экраны банкомату? От него нужно снять/принять наличные.
и из очереди голос «снять 5000». Огонь!
и да если раньше красное бросалось в глаза как предупреждение, то теперь «пофиг не видно же»
Как уже заметили в комментариях, влияние Тинька огромное. Но как говорится хотели как лучше, а взяли только плохое:
- Полный экран рекламы (скопируйте лучше полезные фичи);
- Биометрия, без прозрачного механизма отказа от ее сбора (теперь надо закрывать больше камер шапкой или пакетом?);
- Замена крупного шрифта на мелкий;
- Больше дизайна и анимации (перевод — банкоматы буду стареть — это все банально перестанет поддерживаться);
Все эти вещи не нужны или вредят пользователю.
С одной стороны Сбер очень сильно улучшается — все больше и больше вещей не заставляют стоять в очереди. С другой — копируется шелуха / оболочка в ущерб продукту. Тиньк начали копировать когда сам Тиньк… стал пародией на себя. Такими темпами реально через пару лет опять не будет выбора на рынке, но по плохим причинам.
Давайте в следующий раз вы лучше напишете отчеты о реальной оценке реальными пользователями нововведений, замерите реальное время использования банкомата (например бабульками), а не будете просто навязывать информационный мусор.
Нельзя часто менять интерфейс. Люди привыкли. Вы заставляете их переучиваться. Кнопки поменяли места, часть экранов исчезла - это все новое.
Раньше было четко разделено на первом экране цветом: снять и внести. Это пропало.
Сейчас пишет какие купюры можно внести. В новом дизайне - нет. Я буду пытаться внести 2000, а банкомат будет ругаться.
Почему нельзя делать изменения по шагам, а не все сразу? Оставили старый дизайн (цвета, формы). Поменяли один экран или один сценарий. Потом другой. Потом сменили оформление.
Что-то из этих замечаний дойдет до разработчиков или мы тут зря воздух сотрясаем?
Сейчас в работе контрастность, сокращение шагов в сценариях, реклама.
Если контент черный на белом, то кнопка черная(зеленая) с белым текстом. Пользователь с одним закрытым глазом, сквозь слезы и солнечный очки должен понимать что надо нажать на эту яркую кнопку.
В старом интерфейсе, такая кнопка была: «Выдать», «Без чека». Я даже, если бы чек и был нужен, я всегда по инерции нажимал кнопку «Без чека». Потому что на самом деле чек был просто чтобы проверить то что только что сделал, а потом его выкидывал.
Новый интерфейс банкоматов Сбера