User Interface Design

Design systém O2

Designování největší transformace v historii O2, která kompletně změnila způsob, jakým společnost funguje.

úvod

Čtyři roky,
tisíce uživatelů,
stovky výzev

Poslední čtyři roky jsme byli strategickým dodavatelem designu pro největší interní projekt v historii O2 Czech Republic. Během nich jsme navrhli UI ekosystému aplikací pro zákazniky O2. Ti díky nim mohou spravovat své služby, účty a dokumenty.

Naše služby

  • Uživatelské testování
  • Prototypování
  • User Experience Design
  • User Interface Design
  • Front–end development

Kontext

Proč O2 potřebovalo změnu?

O2 spravovalo příliš mnoho duplicitních a navzájem nekompatibilních aplikací. Kvůli uživatelsky nepřívětivému prostředí trvalo zaškolení nových zaměstnanců celý jeden měsíc. Každý nový produkt musel být implementován do mnoha rozdílných systémů.

Fakt, že naučit se pracovat s naším legacy systémem trvalo celý měsíc, byl nepřijatelný.

Lukáš Uhrin, business owner

Klíčové
design principy

I vaše babička by měla být schopna to použít

Naším cílem byl intuitivní a přímočarý UI design, který by bez předchozího tréninku mohl ihned začít používat každý.

Mobile–first přístup

I ty nejsložitější scénáře musejí jít vyřešit z mobilního zařízení.

Design postavený na scénářích

Nenavrhovali jsme jednotlivé elementy a stránky, ale zážitek uživatele od začátku až do konce, založený na scénářích z reálného života.

Přímočaré copy

Jazyk našeho rozhraní je co nejpřimočařejší. Vyhýbáme se prázdným slovům a jazyku, který je příliš formální nebo obsahuje příliš zkratek.

Nové Moje O2.
Jedna aplikace pro zákazníky i zaměstnance

Nové Moje O2 kombinuje CRM aplikaci pro zaměstnance O2 a self-care aplikaci pro zákazníky. Operátoři a prodejci O2 vidí stejné rozhraní jako zákazníci a k tomu navíc to, co potřebují pro svoji práci. Navigování zákazníků přes telefon nebo osobní předvedení aplikace pak může zaměstnancům ušetřit spoustu práce.

Co jsme se naučili

Řešit frontend jako část fáze designování, ne doručení.

Stanislav Krofta, Designer

Design systém.
Produkt který nyní šetří čas na dalších projektech.

Designování a kódování několika stovek jedinečných obrazovek aplikací vyžadovalo solidní systém opakovaně využitelných komponentů a principů designu. Během jednoho roku jsme postavili univerzální systém frontend designu k vytváření HTML a CSS webových aplikací.

Od prvního interního zveřejnění se ostatní developeři v O2 rozhodli osvojit si systém, který nyní využívají k vytváření nových aplikací. Ten jim tak šetří drahocenný čas a zdroje.

Pro O2 to tak byla win-win situace.

Benefity využívání designu systému

  • Stavba frontendu je velmi rychlá
  • Všechny aplikace jsou ve stejném stylu
  • Pomáhá udržovat design aplikací konzistentní
  • Design se dá snadno upravovat
  • Všechny aplikace se dají jednoduše obrandovat

Co jsme všechno nadesignovali

8 webových aplikací
40 dokumentů
400 obrazovek
16 000 UI elementů

Jak to všechno dopadlo?

Jedna aplikace místo desítek

Namísto udržování desítek navzájem nekompatabilních aplikací má nyní O2 pouze jednu, která poskytuje hlavní funkce pro řízení a obsluhování zákazníků.

Sbohem měsíční zaučování

Měsíc dlouhé zaučování nových zaměstnanců se stalo díky intuitivnímu designu minulostí. Noví uživatelé tak mohou okamžitě ovládat systémy.

Až 2,5krát rychlejší vyřizování objednávek

Chytrý design procesů a na výkon zaměřeneý development zvládl rychlejší obsluhu zákazníků. Například objednávka internetu pro domácnost nyní zabere 4 minuty místo 10.

Nové produkty mohou být spuštěny mnohem rychleji

Implementace jednotného stylu produktů namísto zachování produktů v každé aplikaci dělá společnost agilnější v reakci na nové nápady na produkty.

Rychlejší vývoj nových aplikací

Díky znovu použitelnému design systému vytvořenému během projektu, je teď vývoj nových aplikací mnohem rychlejší, než předtím.

Co jsme se naučili

Selhání je v pořádku, když k němu dojde brzy

Prototypování a časté testování uživateli už v průběhu počáteční fáze design procesu vám pomůže objevit nedostatky, které je možné ještě včas opravit.

Dostaňte tým na jedno místo

Být fyzicky blízko u sebe může vylepšit osobní vztahy, odstranit problémy v komunikaci a zvýšit tak celkovou efektivitu.

Už žádné posílání PSD developmentu

Frontend je blíž designu než developmentu, takže by měl být považován za část design procesu.

Jednoduché na jedné straně může znamenat složité na té druhé

Dělat věci tak, aby jim bylo jednoduše rozumět, často znamená plno výjimek v kódu. Výjimky znamenají větší komplexnost, ale vedou ke komplikované údržbě.

Spuštení je jen začátek

Jakmile systém spustíte, dostanete plno nevídaných zpětných vazeb, takže buďte připraveni na ně reagovat. Malý rychlý tým to může běžně zvládnout.

Pozorujte své uživatele

Lidé často říkají opak toho, co vlastně ve skutečnosti dělají. Takže je místo pokládání otázek pozorujte v jejich přirozeném prostředí.

Zavřít formulář

Ozvu se vám, zanechte mi kontakt

Děkuji! Ozvu se Vám v nejkratší možné době.
Oops! Something went wrong while submitting the form.

Další
projekty

Další
projekty

Zábava

Redesign O2 TV pro snadný výběr z nekonečné nabídky zábavy

Odvaha

Vzdělávací web a kampaň Věrný zůstanu od HBO

Naděje

Unikátní volební aplikace Prezident 21

Hrdost

Vychutnejte si prvotřídní web Budvaru

Vzrušení

Nový eshop pro krásné šperky od ALOve

Zaujala vás
naše práce?
Ozvěte se

tomas.wojcik@2fresh.cz+420 775 719 991