«Эстетика БелАЗа»: Олег Андреев про Tonkeeper Pro

Мы уже писали о приложении Tonkeeper Pro, более «продвинутом», чем обычный Tonkeeper. Но интереснее узнать подробности из первых рук: от человека, возглавляющего разработку обоих приложений. В чём отличия Pro, как он возник, для кого он предназначен? И как проектировать приложение для продвинутых криптопользователей?

На эти и другие вопросы нам ответил Олег Андреев. В Telegram мы опубликовали сокращённую версию интервью, а здесь публикуем полную для тех, кому хочется разобраться полностью — так сказать, Интервью Pro.

TDT: Пойдём с самого начала. Вот есть обычный Tonkeeper, его давно знают и любят. Почему в принципе возникла идея сделать ещё один кошелёк?

Олег: Её корни уходят в веб-версию Tonkeeper, которую мы запустили больше двух лет назад. В мире криптовалют много неопределённости в плане регулирования, правила постоянно меняются. Мы хотели закрыть риск того, что Apple по какой-нибудь причине выкинет Tonkeeper из App Store. 

Есть опыт Telegram, где сделали целых две веб-версии. Они отполированы так, что если уж вдруг придётся, люди смогут перескочить с мобильного приложения на них. Это хорошая страховка от ЧП. И поэтому изначально мы решили, что сделаем веб-кошелёк. 

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

В Tonkeeper создали много нового в TON — стандарт кошельков W5, TON Connect и другое. Но инновации — это ведь не просто «взял и придумал». Они требуют итеративной работы: придумал, попробовал, оценил результат, доработал... И мы поняли, что можем использовать наш веб-кошелёк, чтобы добавлять туда новое до создания версии для массового пользователя. Люди, которым пользуются Pro, лучше понимают, что они делают, поэтому security-риски в этом случае ниже.

Поэтому и W5, и поддержку TRON с gasless, и двухфакторную авторизацию мы сначала добавили в Tonkeeper Pro. 2FA пока что доступна только там.

И хотя начинали с веб-версии, поняли, что эти возможности нужны людям и в формате десктопного приложения, и в формате мобильного. Поэтому теперь Tonkeeper Pro мультиплатформенный, но с общей кодовой базой.

TDT: Хорошо, про историю возникновения поняли. Теперь представим, что пользователь заходит в магазин приложений, видит там два разных Tonkeeper, и у него возникает вопрос «чем они различаются». Как бы вы ответили?

Олег: У них изначально разный подход к проектированию. Tonkeeper создаётся с расчётом на массового пользователя: как сделать так, чтобы ему было максимально комфортно? А Tonkeeper Pro исходит из технологических потребностей, которые надо закрыть: его пользователям нужно множество разных вещей, как удобно реализовать каждую из них? 

Для массовой аудитории нужны базовые инструменты вроде безопасного хранения. А к Tonkeeper Pro обращаются люди, которые гораздо больше пользуются криптой. Кому-то из них нужно, например, управление казначейством. Кому-то — рассылать зарплату. Технарям надо подсоединить кошелёк куда-то на сервере. И Pro отталкивается от всех этих нужд сразу. Оптимизация тут под них, а не «упаковку».

Грубо говоря, Tonkeeper — это как Mercedes, а Tonkeeper Pro — БелАЗ в лучшем смысле этого слова. У него панель сразу со всем множеством кнопок, чтобы никто ничего не прятал за десятью кликами. Но чтобы это всё было с кондиционером и подсветкой. 

Дизайн БелАЗа подразумевает, что интерфейс может быть ориентирован на «фичеризм». И навигация задумана с расчётом на множество функций, все из которых должны быть в легкой доступности. 

У Tonkeeper Pro в окне есть три колонки. 

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

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

И идея в том, что как только возникает какая-то экспериментальная штука, мы можем легко добавить это в список. Кому надо — докрутит до неё. Интерфейс становится масштабируемым. В мобильном варианте, где надо элегантно вставлять кнопочки, получилось бы, что мы должны заполонить весь экран матрицей иконок. Там это было бы очень тяжело и мучительно.

Ещё одно из определяющих качеств Tonkeeper Pro — «массивность». Он про всё с приставкой «multi/mass»: мультиотправку, мультикошельки, мультиподписи... Например, есть люди, которым нужно отправлять одновременно более 255 транзакций. Одна из причин создания стандарта W5 в этом. И интерфейс Tonkeeper Pro построен вокруг этого: можно загрузить «эксельку» на сотни получателей, очень удобно.

TDT: Обычно подобная «продвинутая» работа ассоциируется с компьютерами, и у Tonkeeper Pro сначала появилось десктопное приложение. Но потом добавилось ещё и мобильное. Каково было засовывать все эти богатые возможности в маленький экран?

Олег: Когда стали делать мобильную версию, встал вопрос: мобильный Tonkeeper Pro — это что? Это «как обычный мобильный Tonkeeper, только больше кнопок?»

И ответ оказался таким: мобильный Tonkeeper Pro — это на самом деле десктопный Tonkeeper Pro, просто в другом формате. 

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

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

Некоторые говорили, что у Pro «заниженная планка» в качестве дизайна, он менее отполированный. Но я считаю иначе: что у «БелАЗа» есть своя эстетика. Мы и здесь хотим делать красивый продукт, который вызывает ощущение эстетического кайфа. Этот дизайн не сделан «на отвали», он тоже продуман. Просто он отталкивается от аудитории, которая хочет сидеть в большом мощном БелАЗе, а не в такси, которое само куда-то везёт.

Поэтому красота, плавность, гладкость и изящество тут присутствуют, но они более индустриального толка, менее «попсовые». Всё чуть более строго, более плотно свёрстано. Но при этом я считаю, что Tonkeeper Pro красивый. Просто он создан быть красивым при массивной утилитарности.

Вот, скажем, двухфакторная авторизация, которую мы ещё не добавили в обычный Tonkeeper, потому что не придумали, как это элегантно реализовать для масс-маркета... Её фишка в том, что интеграция с Telegram-ботом @tonkeeper гораздо более «няшная», чем привычное подтверждение через код из SMS. Ты просто нажимаешь кнопку «OK», и бот исчезает. Не надо копировать какие-то коды, вставлять, печатать 6 цифр на скорость... Просто выскакивает «Подтверди», нажимаешь «ОК» и возвращаешься. Отличный экспириенс с ощущением защищённости от потери/кражи сид-фразы, одно удовольствие.

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

В архитектуре кошелька W5 мы предусмотрели отключение дефолтной проверки подписи ключом в основном аккаунте. Можно полностью делегировать управление своим кошельком какому-то другому кошельку или смарт-контракту, тогда эта двухфакторная авторизация становится единственным способом доступа к кошельку. Зачем это? Если бы всегда оставалась возможность сделать транзакцию от своего ключа, то когда у тебя его украдут, украдут и все деньги. А двухфакторка оставалась просто «сбоку припёкой». А с возможностью отключить подпись и работать через плагины открывается целый мир возможностей. 

Pro даже ещё толком не начал их покрывать. Двухфакторка — только одна из них, некоторые возможности пока в роадмапе. Например, возможность полностью делегировать управление одним аккаунтом другому... Скажем, у тебя украли сид-фразу. Нужно быстро смигрировать свой кошелёк. Когда это реализуем, можно станет сделегировать кошелёк новому, а для старого указать, что в нём отключаем возможность подписи. И он останется просто как папка со всеми активами в новом. Не нужно будет руками перетаскивать все активы, ломая при этом какие-то механики: скажем, адрес используется в каких-то стейкинговых пулах, имеет какую-то SBT... Можно будет оставить кошелёк как есть, просто управлять им будет новый.

TDT: Понятно, что у Pro «продвинутая» аудитория, но наверное, она при этом довольно разношёрстная? Скажем, и трейдеру, и фаундеру криптостартапа могут быть нужны продвинутые функции, но при этом совсем разные? Как вы к этому подходите?

Олег:  Да, трейдерам нужно одно, финансовому директору другое, фаундеру третье, а ещё есть разработчики, которые половину работу сделают своим кастомным скриптом, но им тоже иногда нужен подобный инструмент, где они просто ручками что-то сделают.

Тут уместна такая аналогия. Есть продукты вроде Adobe Photoshop или Microsoft Word. У таких каждому пользователю нужны лишь какие-то 5% его возможностей. Но их фишка в том, что они одновременно удовлетворяют возможности всего разнообразия людей с разными 5% для каждого. И они спроектированы как раз для коллекции инструментария для широкого разнообразия.

Понятно, при этом поступаешься тем, что продукт становится не для тех, кто хочет в один клик решить все вопросы. Он более профессиональный. Если ты вообще не понимаешь, зачем тебе это нужно, то скорее мимо пройдёшь. 

В Tonkeeper Pro тебя не будут «за ручку» проводить, что вообще такое крипта и что тут можно делать. Предполагается, что ты уже знаешь. У тебя есть крипта, и тебе нужен инструмент, где есть те три кнопки, которые ты искал для своей задачи.

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

Думаю, тут мало смысла среди разных пользователей с разными задачами выделить какую-то субкогорту и на ней фокусироваться. Потому что единственные такие 5% — это супермассовый маркет, а для них мы уже делаем Tonkeeper.

TDT: В мире потребительских приложений победил подход mobile-first, когда сервис делается в первую очередь для смартфонов, а уже во вторую для других платформ. А в случае с Tonkeeper Pro какая из платформ «первоочередная»?

Олег: Я бы не так ставил вопрос. Для меня и кучи людей это не делает разницы. Я не выбираю, где мне удобнее. Это зависит скорее от жизненной ситуации. Один финансовый директор меня попросил: «Сделайте мобильный Tonkeeper Pro, потому что мне зачастую я в числе подтверждающих транзакциии с мультиподписью, и если нахожусь где-нибудь в аэропорту, где неудобно доставать ноутбук, не хочу тормозить этим других людей». 

По сути, мобильных и десктопный Tonkeeper Pro — это не два кошелька, а одно пространство, и каждый его использует, как сейчас сподручнее. Представим двух фаундеров стартапа. Один работает за столом, а другой в это время бегает по конференциям. И просто так получится, что один будет пользоваться одним вариантом Tonkeeper Pro, а другой другим. Это зависит от их образа жизни, который завтра может измениться.

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

TDT: И последний вопрос. Говорилось о том, что в Tonkeeper Pro не приходится ничего «прятать под капотом». Действительно, в криптомире много сложности, которую в массовых продуктах надо спрятать от пользователя. А можно ли пример того, как в массовом Tonkeeper и Pro из-за этого вещи сделаны по-разному?

Олег: Я бы сказал, что речь обычно идёт не про «спрятать сложность», а про «сделать элегантно». И в разных контекстах это по-разному выражается. 

Если посмотреть в приложении вниз, то в базовом Tonkeeper там меню из четырёх пунктов, мы сразу разводим людей по разным разделам. Это основная навигация.

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

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

TDT: Спасибо за подробные ответы!

Пока готовилось это интервью, Tonkeeper Pro продолжил развиваться: там появилась оплата комиссий TRC-20 в TON, а один перевод TRC20 в месяц включили в подписку вообще без комиссии. В наши вопросы это попасть не успело — так что просто сообщаем об этом здесь. 

@thedailytonrus