company_banner

Новый Интернет-банк Тинькофф Кредитные Системы

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

    Для нас создать новый Интернет-банк было одной из самых важных целей за прошедший год. У нас уже было несколько подобных решений в прошлом и нужно было сделать что-то сильно лучшее.

    Мы изучали лучшие мировые продукты, смотрели что из этого подойдёт нашим клиентам, проектировали, разрабатывали, пытались пользоваться сами, если что-то не нравилось, делали заново. Было много дискуссий. И вот этим летом запустили свой новый Интернет-банк для клиентов.

    Самое приятное, что с первой нашей попытки журнал Global Finance признал наш новый Интернет-банк лучшим в России за 2012 год, похоже, мы оказались на верном пути.

    Ниже предлагается краткий обзор функционала и интерфейсов с большим количеством иллюстраций.

    Что же мы сделали?


    Главной идеей нового Интернет-банка была возможность максимальной персонализации, поэтому, как идею для интерфейса, выбрали портал:



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



    Также постарались максимально визуализировать финансовую информацию, чтобы упростить восприятие:





    Из Интернет-банка можно оплатить около 1500 российских провайдеров. Чтобы не перегружать пользователя, они поделены по регионам, по умолчанию отображаются только провайдеры региона определённого по IP-адресу. Провайдеры предзагружаются в кэш и индексируются, так что поиск по ним происходит очень быстро за O(1). Есть разные переводы, для частых платежей можно создать шаблоны, чтобы не вводить реквизиты каждый раз:



    Есть отдельная страница, на которой можно решить вопросы, если в самом Интернет-банке нет соответствующих функций. В том числе, есть возможность позвонить в call-центр из браузера:



    Персональные данные можно изменить без обращения в банк по телефону:



    Если вы не клиент нашего банка, можно посмотреть как работает часть функций Интернет-банка на видео:

    Пока функционал довольно стандартен для таких приложений. Но есть кое-что, чего пока ни у кого нет. Например, возможность поделиться информацией о совершённой операции с друзьями:


    Ещё по операциям можно видеть связанные с ними логотипы брендов:



    Хотя, конечно, большую часть времени мы уделили проработке интерфейса. Дальше мы будем наращивать функционал.

    Надеюсь вам было интересно посмотреть на то, что мы сделали.

    Все предложения и замечания мы с радостью обсудим в комментариях.
    Tinkoff.ru
    149,00
    IT’s Tinkoff.ru — просто о сложном
    Поделиться публикацией

    Похожие публикации

    Комментарии 61

      0
      По описанию и картинкам — очень неплохо и вполне современно.
      Позабавило «Рассказать друзьям» =)
        +4
        надо сбербанку взять на заметку и сделать кнопку «пожаловаться друзьям» ))
        0
        На мой взгляд интерфейс аляповатый получился. Куча разных кнопочек менюшек и действий разбросано по всему экрану. Т.е. вся эта настройка особо не нужна (на мой взгляд) но из-за этого полезное место захламляется кнопочками, а при загрузке все эти виджеты дёргаются мигают и прогружаются.

        Ну и конечно, засунуть Facebook и Вконтакте внутрь интернет-банка (да ещё и с невалидным сертификатом, что вызывает истерику у браузеров), это, на мой взгляд уже слишком. Я не хочу делиться с друзьями что я потратил сегодня 140 рублей на обед (там наверное ещё и прямая ссылка на детали транзакции будет?). Счёт мой личный, и Вконтакте незачем знать про содержимое моей страницы.
          –4
          Где вы там увидели кнопки поделиться? Это ссылки на странички банка в соц. сетях. А интерфейс… это наверно первый красивый интернет-банкинг в СНГ.
            +1
            Предпоследняя картинка в посте «Рассказать друзьям».
            Насчёт красивый — соглашусь, но только в контексте абстрактной красоты. В реальности у меня от ярких пятен и просто безумного количества информации на странице — рябит в глазах. При этом всё везде куча анимации.
            Впрочем, это моё личное мнение, но оно такое.
              –1
              Ага, не доглядел. Социальный банкинг, епт!
                +1
                Выглядит почти как Jira — те же графики, таблицы и кнопочки.
                0
                на странице операции по счету есть возможность поделиться этой информации с друзьями в твиттере, facebook, вконтакте — иконка кулак с поднятым большим пальцем.
              –3
              Все же у Тинькова самый вменяемый интернет-банк. И вообще банк. =)
              Чего стоит только отсутствие очередей, потому что им негде присутствовать))
                +3
                Когда виджет анализ счета перестанет врать? ;-) Обещает и сумму начисления будущих процентов больше и компенсация за пополнения вклада отличается от реальной =)
                  +1
                  И багу про которую писали почти месяц назад www.banki.ru/forum/index.php?PAGE_NAME=message&FID=14&TID=14022&MID=1683402#message1683402
                    0
                    Проверьте заново, это всё давно исправлено ;-)
                      +2
                      Только что проверил — все баги на месте как и пару месяцев назад.
                      0
                      Это тоже.
                        0
                        И эта тоже присутствует =) Проверьте сами — зайдите в ИБ — нажмите кнопку выйти и без повторного ввода логина пароля окажетесь по приведенной ссылке в ИБ =)
                          +1
                          Да. Это чуть более сложный случай. Задача стоит. Исправится во вторник.
                            +1
                            Закрыто.
                              0
                              Да, спасибо. И с гаджетом анализ счета багу с расчетом будущих процентов пофиксели смотрю.
                              Осталась только одна про которую писал на email и banki.ru
                        +1
                        Поддерживаю! Виджет врет часто, особенно в день начисления процентов.
                        0
                        Круто! Жаль в Беларуси Вас нет )))
                          +2
                          Обожаю ваш интернет-банк, огромное спасибо за графики и систему анализа счетов. Это очень удобная штука, почти как Mint.com, доступный только американцам.

                          Единственное пожелание — расширить список провайдеров и дать возможность платить по ЕПД квартплату, побольше интеграции с государственными службами. Вот, например, в банке Москвы по ЕПД выводятся счета с полными суммами к оплате, что очень удобно. Хочу и у вас такую интеграцию.

                          Спасибо!
                            –1
                            Расчетный счет бы у вас открыть, а то такое все устаревшее у всех остальных.
                              +1
                              Когда авторизовался, очень хочется загрузить аватарку…
                              Это желание не покидает меня уже несколько недель.
                                0
                                Уже есть прототип такого функционала. Мы пользуемся) Надеюсь скоро дадим клиентам.
                                  +1
                                  Жду не дождусь!
                                  Уж очень раздражается «этот аноним» :-/
                                0
                                Мне банк нравится, но вот вопрос — есть у меня платинум. Как использовать ее в качестве инструмента платежа, если деньги на нее класть накладно. Приходиться после нескольких пополнений платить проценты.

                                Про расчетный счет тут верно сказали. Открыл бы не задумываясь + если еще интеграцию с моим делом сделаете.
                                  0
                                  Почему же накладно?
                                  Там куча способов пополнения без комиссий вроде )
                                  Да и старый добрый безнал никто не отменял (из Русского стандарта например без комиссии).
                                  0
                                  А как получать выписку в формате OFX?
                                    0
                                    Именно выписку или список операций?
                                      0
                                      Лучше выписку за период. Устроит и список операций, допустим за месяц.

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

                                      DEBIT
                                      20120831
                                      -150.00
                                      hide.by.me
                                      CRD_5NC0NS
                                      138901\643\KRASNOYARSK\SALON TSVETOV 30.08.12 28.08.12 150.00 RUR
                                      138901\643\KRASNOYARSK\SALON TSVETOV 30.08.12 28.08.12 150.00 RUR
                                    0
                                    интересно, почему именно сейчас об этом написали… банк работает уже давно (с 2007-го). и он действительно во многом превосходит остальные (интернет и не только) банки. у них очень стремительное развитие. по последним оценкам стоимость банка была около 600 млн долларов. сам Тиньков же говорит, что их нужно сравнивать с ИТ компаниями, а не с банками, так как это больше технологичная компания, чем банк.
                                      0
                                      потому что видимо только сейчас эту новую версию вывели из беты
                                      +5
                                      Планируется двухфакторная авторизация, когда перед входом в банк приходит СМС с временным паролем?
                                        +1
                                        Присоединяюсь. Еще лучше иметь как в HSBC — OTP-ключик. У них сейчас вот такой Vasco Digipass.
                                          0
                                          У «Гугла» для входа в почту можно настроить такую систему. И прибор не нужен.

                                          Используется алгоритм OATH. Благодаря тому что это общедоступный формат, «гугловскую» программу для генерации временных ключей можно использовать для «Дропбокса», который на днях предложил двуступенчатую аутенфикацию.
                                            0
                                            Я понимаю. У HSBC такой ключик используется для авторизации переводов. Видите, он с клавиатурой? Вводите 8 последних цифр счета получателя, нажимаете желтую волшебную кнопку, и он выдает код, которым надо авторизовать перевод.
                                        0
                                        А почему в таком крутом банке нет времени операции?
                                          0
                                          По операциям время есть. Нет времени по платежам и переводам из самого ИБ. Обычно их мало и решили не занимать место. Если нужны точные данные, можно открыть чек и посмотреть все детали там.
                                            +1
                                            когда же будет вместо непонятного «чек перевода» полноценное платежное поручение?
                                          0
                                          А знак рубля постеснялись сделать?
                                            0
                                            Сейчас стандартный знак рубля — р.
                                              –1
                                              Ну вот я про это и говорю, что постеснялись поддержать инициативу.
                                            +2
                                            А откуда идея максимальной персонализации интерфейса? Хороший интерфейс — тот, который не нужно настраивать ;).
                                              0
                                              поиск по ним происходит очень быстро за O(1).

                                              Поделитесь с общественностью алгоритмом или хотя бы идеей, а? А то я вот только знаю всякие поиски за O(ln n), O(ln m), O(ln k) и т.д., где n, m, k — это всякие там штуки типа числа элементов в индексируемом списке, мощности поискового образа, длины поискового префикса и т.п.
                                                0
                                                Отображаем запрос в значение с меньшим количеством информации, вытаскиваем из хэш таблицы результаты, которые туда были сохранены при индексировании. От количества записей время доступа не зависит (если не считать коллизии в самой хэш-таблице). Индексирование проводим в фоне, так что пользователи этого не видят. Если вкратце.
                                                  0
                                                  Это здорово, но это классическая хэш-таблица. У нее сложность равна сумме из:
                                                  • сложности хэширования (которое, как правило, зависит как минимум от размера поискового терма)
                                                  • сложности перебора в найденном бакете (которое в идеальном случае оценивается обычно как n/k, n — число индексируемых записей, k — число бакетов)
                                                  • самое забавное — если я правильно понял, то это все еще реализовано на JavaScript, а там далеко не в каждой JS-машине банальная операция нахождения элемента в массиве с целочисленными индексами выполняется за O(1) — иногда просто не делается разницы между a[42], a['some_other_key'] и a.some_other_key — и все три операции выполняются сами по себе как lookup в hash map.
                                                    0
                                                    Не на JS, от количества провайдеров не зависит, что самое приятное. Длина терма не более 10 символов, обычно 5. Вполне пренебрежимо.
                                                0
                                                Эх, жаль у вас просто дебетовых карт нет или счетов до востребования с привязанной картой.
                                                  0
                                                  Как это нет? Все есть, успешно пользуюсь уже год :)
                                                    0
                                                    Можно ссылочку? На сайте не нашёл — либо кредитные, либо привязанные к депозиту от 30 000.
                                                      +1
                                                      Смотрите условия вкладов. От 30к — бесплатное обслуживание. Если не класть 30к, будете платить как в любом банке за обслуживание карты около 600 рублей в год.

                                                      При открытии депозита, вам дают еще текущий счет, к которому привязана карта.
                                                        0
                                                        Спасибо, как-то это не интуитивно на сайте.
                                                • НЛО прилетело и опубликовало эту надпись здесь
                                                    +4
                                                    Может всё же поменять «трансакцию» на более привычную в последнее время «транзакцию»?
                                                      0
                                                      У СвязнойБанк личный кабинет удобнее. И выполнен в более спокойных тонах.
                                                        0
                                                        1) Социальность операций — в топку. Неоднократно читал про нежелание их присутствия и ни разу — об обратном. Сам придерживаюсь мнения, что деньги любят тишину.
                                                        2) 2х факторная аутентификация — должна быть. Хотя бы пожеланию. Есть у меня смартфон, на котором стоит гугловское приложение. Соответственно, я могу подключиться. У кого нет/не знает/не хочет — может не подключаться. Но такая опция — маст хэв.
                                                        3) Список последних действий (типа лога) — где-то в укромном месте. Последний раз вы заходили тогда-то с такого-то адреса. Тогда-то выполнена такая-то операция и т.д. Не в разных местах (переводы, платежи, пополнения), а в одном, списком.
                                                          0
                                                          Позорище: d.pr/i/6uII
                                                          В платежах по шаблону нельзя изменить назначение платежа, отредактировать в шаблоне, кроме названия, тоже ничего нельзя.
                                                          Сегодня куда-то пропала транзакция возврата мне денег, которая ещё вчера была.
                                                          Это только то, что я заметил и меня раздражает. Сколько там ещё такого – Бог его знает.
                                                          В agile работаете? Тестировщиков нет?

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

                                                          Самое читаемое