Jsem zakladatelem týmu DesginCode & Robots. Svou kariéru v IT jsem zahájil designem UI/UX. V roce 2016 jsem pro soutěž o redesign Tinkoff vytvořil koncept webové a mobilní aplikace založený na myšlence widgetů.
Po vydání iOS 14 jsem se rozhodl provést kritickou analýzu moje práce před pěti lety.
Proč Tinkoff Bank X?
V té době bylo v módě přidávat X k názvům služeb, aby existovala zjevná nadřazenost verze služby oproti minulosti. Stejně jako jsme udělali něco zvláštního.
Protože jsem chtěl vyhrát soutěž a alespoň si mě pamatovat, rozhodl jsem se při své práci použít tuto jednoduchou techniku.
Webová verze banky
Na hlavní obrazovce po přihlášení do služby zobrazíme řídicí panel widgetů, které sám uživatel přidal. V tomto případě vidíme widgety pro bankovní karty, cíle, dopravní pokuty, náklady podle kategorie, hypotéky, dluhy na kreditních kartách, platby za služby a akcie.
Cílem bylo spojit všechny služby banky do jediný produkt a nedovolí mi udržovat stále mnoho stránek otevřených. Dnes mám opačný názor.
Možnost s velkými widgety vypadá mnohem lépe. Není však jasné, jak a kde jsou widgety konfigurovány.
Je zřejmé, že při umístění kurzoru chybí 3 body, což je také kontroverzní rozhodnutí (u tabletů a telefonů neexistuje žádný efekt Hower).
Ikona s kroužkem plus v pravém dolním rohu přidá na obrazovku nový widget. Samozřejmě je při posouvání fixní dole a je pro uživatele vždy viditelný.
Znovu to uživateli není zřejmé a stálo za to přijít s mnohem srozumitelnějším řešením.
Navigace ve službě je umístěna na druhém pruhu s kontrastním pozadím. K dispozici je také tlačítko s přidáním nových produktů a vyhledávání.
V první nabídce máme služby třetích stran, které nejsou zahrnuty v našem řídicím panelu (co tam státní služby dělají?).
Přesto však hned udělám další chybu – do podpůrné služby v pravém horním rohu stránky.
Podpora Tinkoff Bank je jejich zabijáckou funkcí, kvůli které mnoho, včetně mě, používá banku. Skrytí volání podpory za malou ikonu a také zobrazení chatu ve vyskakovacím okně, které bude na tabletech zaostávat, je špatné rozhodnutí.
Teď bych umístil podporu na druhý řádek nabídky se službami a přidejte widget. Jako klient chci samostatnou samostatnou stránku se všemi svými požadavky ve formě chatu. Ne že by to bylo vše.
Rozhodl jsem se radikálně nezměnit UX stránky faktury a je to co nejblíže staré verzi webové stránky banky, kterou stále považuji za pohodlnější než aktuální verze.
Jediná věc, která přidala blok s vybranými platbami, plán příjmů/výdajů a blok s náklady.
Objektivně není k dispozici dostatek informací o cashbacku pro samostatný widget. Také stálo za to přidat widgety pro rychlý převod finančních prostředků podle telefonního čísla, karty atd.
Přepínač vlevo je extrémně ošklivý. Dívám se na něj a chce se mi plakat. I pro rok 2016 je to špatné.
První blok s autem na pozadí není špatně provedený. Stojí za to opravit malé uživatelské rozhraní čísel a odsazení. Vidíte svůj cíl, vidíte čísla a jdete k cíli.
Je zábavné, že jsem ve svém designu použil Tesla Model X a po 3 letech jsem si koupil Tesla Model 3. Také jsem napsal článek o tom na vc.ru.
Jak jsem koupil Teslu v Rusku V minulém článku jsem psal o tom, kolik stojí účtování Tesly v Rusku. V tomto článku vám řeknu … vc.ru 
Stránka makléřského účtu vypadá nedokončená. Není jasné, jak bude vypadat 15–20 klientských akcií. Aktuální rozhodnutí proto může bezpečně přejít do koše.
Rovněž jako klient chci okamžitě zobrazit vybrané citace widgetů na stejné obrazovce a neudělat další kliknutí v levé nabídce.
Na této obrazovce vidím, co mi nyní ve 2d20 chybí – běžná páska se zásobními dlaždicemi, kde jste přidali vše, co sledujete, a hned vidíte, co spadlo a co povstal.
Jedinou nepříjemnou věcí je, že pouze 3 sloupce mřížky se používají pro obsah a 1 se používá pro postranní krátkou nabídku.
Proto jsem dnes proti super aplikacím a službám, kde některá řešení jsou vhodná pouze v jednom případě, jiná v jiném a musíte hledat kompromisy.
V tomto případě bych se pro jistotu zbavil postranní nabídky.
Shrnutí
Myšlenka s dashboardem a widgety je zajímavá dodnes a tento koncept je docela vhodný pro banky se spoustou služeb.
Dříve nebo později se však objeví služby, které budou v pokynech banky stísněné a budou potřebovat vlastní design rozhraní.
Jako aktuální verze Tinkoff Investments, jejíž používání je extrémně nepohodlné a ztrácí samostatnou mobilní aplikaci.
To není špatné pro rok 2016, dávám si solidních 6,5 bodu z 10.
Mobilní verze banky
Mobilní aplikace s kartami z různých služeb vypadá mnohem zajímavěji. Na jedné obrazovce máte okamžitě vše, co od ekosystému potřebujete: bankovní karty, individuální podnikatel nebo účet LLC, sklady, cíle, investiční portfolio, pojištění a další.
Posuňte se nebo vyberte požadovanou službu v horní liště.
Mimořádně bastardské ikony na panelu. Zjevně jsem neztrácel čas kreslením a hledáním normálních. K tomu existuje minus.
Kontroverzní karty s obrázkem na pozadí s malým znatelným textem. Jinak bílé karty na tmavém pozadí nevypadají špatně a nevypadají z módy.
Dal jsem druhou ikonu pro bankovní operace. Není jasné, která karta nebo účet je zde vybrán. V bance probíhá obrazovka. V rámci „super aplikace“ vyvstávají otázky.
Například, kde jsou zobrazeny převody na firemní účty nebo na účet zprostředkování? Pokud na této obrazovce, pak je to kaše. Pokud samostatně, pak to není pohodlné a další akce.
Nejlepším řešením v tomto případě je odebrat tuto ikonu z lišty klepnutí a místo ní vložit další funkce. Kliknutím na kartu přenesete informace o účtu na obrazovku.
Z pohledu uživatelského rozhraní vypadá tato obrazovka dodnes skvěle a jako tmavé téma by se perfektně hodila do jakékoli finanční aplikace.
Vždy jsem byl v úžasu nad inteligentními vyhledáváními jako Spotlight, Alfred nebo Runner, kde můžete dělat mnoho věcí v jednom řádku. Proto jsem umístil vyhledávání na první obrazovku.
V tomto případě bude vyhledávání fungovat pouze u výdajů v kategorii „březen“ a „restaurace“. Plně nevyužil potenciál inteligentního vyhledávání jako funkce.
Skvělá obrazovka z hlediska uživatelského rozhraní. Pěkné barvy a kontrasty. Existují otázky týkající se UX.
Není jasné, proč byste měli ukázat procento akcií ve vašem portfoliu. Tyto informace jsou potřeba maximálně 1krát po nákupu/prodeji nových cenných papírů. Vypadá hezky, ale zbytečně pro první 1/3 obrazovky.
Ze stejných důvodů je kontroverzní umístit počet operací do druhého bloku, pokud se tyto informace používají jen zřídka.
Uživatelé budou muset neustále posouvat dolů, aby viděli své portfolio, které bude neustále zuřit.
Po stisknutí se nabídky otevírají ve velmi nevhodném formátu ve stylu starého designu aplikace Promotions v systému iOS 12, kde je graf na celou obrazovku zobrazen ve vodorovné orientaci.
Nejlepší možností bylo udělat to samé jako v aktuální verzi aplikace Tinkoff Investice: když kliknete na nabídky, otevřete samostatnou obrazovku s grafem, operacemi, zprávami a dalšími.
Další nabídka je vytvořena ve stylu Slack. Vpravo v poli jsou vybrané překlady pro opakované operace. Ve skutečnosti můžete provést převod pomocí 2–3 tapas, což je ve srovnání se současnou aplikací banky Tinkoff Bank extrémně rychlé.
Shrnutí
Mobilní aplikace z pohledu uživatelského rozhraní je po 5 letech extrémně dobrá. Tato verze by se ale určitě nedostala do výroby kvůli vážným problémům s UX. Pro soutěž to však není špatné – 7,5 bodů z 10.
Mimochodem, mám telegramový kanál o investicích, pokud by někdo měl zájem, rád vás tam uvidím.
# tinkoff # rozhraní
