Digitální produkty, které mají hlavu a patu
Přes 10 let se věnuji designu komplexních digitálních produktů. Čím složitější problém, tím lépe – hledám způsoby, jak ho proměnit v jednoduché a srozumitelné rozhraní s důrazem na potřeby uživatele.
•
1M+ uživatelů
•
140+ dokončených projektů
•
60+ mobilních & desktopových aplikací
• 1M+ uživatelů • 140+ dokončených projektů • 60+ mobilních & desktopových aplikací
Vybrané projekty
Design založený na datech, analýze
a testování s reálnými uživateli
OčKo — přehledná správa klientů a smluv pro finanční poradce
Web: okklient.cz
150+ obrazovek
Když produkt roste rychleji než jeho struktura.
OčKo je rozsáhlá webová aplikace, která se postupně rozrostla na více než 150 obrazovek. S přibývajícími funkcemi začalo být stále obtížnější udržet rozhraní přehledné a uživatelé v něm nenacházeli nové funkce.
Co jsem řešil:
Analýzu a restrukturalizaci současného řešení
prioritizaci funkcí a obsahu
informační architekturu a navigaci
návrh nových UX řešení
wireframy a prototypování
finální UI a sjednocení rozhraní
ověření návrhu s reálnými uživateli
Výsledkem je přehlednější struktura aplikace, která dokáže pojmout velké množství funkcí, aniž by uživatele zahlcovala.
Vzít do týmu Petra byl jeden z nejlepších kroků v rámci vývoje naší aplikace. Navrhl nám perfektní design. Pálí mu to, dokáže se vžít do kůže uživatelů, zná nejnovější trendy, dobře se s ním komunikuje. TOP třída v UX a UI. Jednoznačně doporučuji!
— Tomáš Kopřiva
spolumajitel nakladatelství a webshopůWeallmeet.live — sociální platforma pro pořádání, sdílení a objevování nových aktivit i lidí
80+ obrazovek
Jak navrhnout nový produkt, když ještě nevíte, co budou uživatelé potřebovat.
Nová sociální platforma pro pořádání a objevování aktivit. Hlavním úkolem nebylo jen navrhnout aplikaci, ale nejdříve najít srozumitelnou podobu MVP a ověřit, jak budou lidé jednotlivé funkce skutečně používat.
Pomocí uživatelských person a user flows jsme prošli klíčové scénáře – od vytvoření aktivity a přihlášení až po upozornění před jejím začátkem. Z nich vznikly wireframy a interaktivní prototypy, které jsme testovali s potenciálními uživateli.
Teprve po ověření logiky produktu jsem řešil finální UI, ilustrace a animace.
Co jsem řešil
uživatelské persony a potřeby jednotlivých skupin
informační architekturu
user flows a klíčové scénáře
wireframy
interaktivní prototypy
uživatelské testování
finální UI, ilustrace a animace
“ Petr s námi spolupracoval na weallmeet.live. Nejprve nám pomohl se srozumitelnou formulací základní funkcionality MVP a provedením uživatelských testů nad interaktivním modelem aplikace. Výsledkem práce byly přesné návrhy UI. Mimo ně nakreslil řadu menších ilustrací a několik větších animací, které aplikaci fantasticky oživují. Spolupráci hodnotíme jako skvělou. Do designů Petr otiskl decentní a v jemnostech osobitý styl, který se nám ani po roce neokoukal a na nové uživatele působí velmi příjemně.
V debatě o logice softwaru navíc dokáže reprezentovat pohled běžného uživatele. Těšíme se na další iteraci spolupráce. “
- Jan Walter / Co-owner
My Heart — Vzdálený dohled a péče o pacienty s onemocněním srdce.
Web: mojesrdce.cz
130+ obrazovek
Jak zjednodušit péči o pacienta na dálku
My Heart propojuje pacienty s lékaři a umožňuje vzdáleně sledovat zdravotní stav pacienta. Produkt proto musel srozumitelně pracovat s velkým množstvím informací a zároveň vyhovovat dvěma velmi odlišným skupinám uživatelů.
Mým úkolem bylo navrhnout celý systém tak, aby byl jednoduchý pro pacienta, ale zároveň poskytoval lékaři všechny potřebné informace pro jeho práci. Vznikla tak mobilní a webová aplikace pro pacienty i lékaře a administrační rozhraní.
Co jsem řešil
strukturu celého produktu
rozdílné potřeby pacientů a lékařů
klíčové uživatelské scénáře
informační architekturu
wireframy a prototypování
návrh mobilní a webové aplikace
finální UI
Výsledkem je propojený systém, který umožňuje pacientům jednoduše zadávat a sledovat své údaje a lékařům poskytuje přehled potřebný pro vzdálenou péči.
„ Výborná spolupráce, flexibilita, rychlost, dobré nápady. Spolupracovali jsme s Petrem na tvorbě uživatelského rozhraní pro webovou a mobilní aplikaci a na tvorbě loga. Naprostá spokojenost. “
- MUDr. Durdil Václav / owner
Fiskal PRO — Smart POS terminál, platební brána
Web: fiskalpro.cz
150+ obrazovek
Jak zjednodušit komplexní systém, který používají různé typy provozů
Fiskal PRO je rozsáhlý systém pro práci s platbami a pokladním provozem. Používají ho různé typy podniků a každý z nich má trochu jiné potřeby, pracovní postupy a způsob používání.
Mým úkolem bylo navrhnout rozhraní, které dokáže velké množství funkcí zpřístupnit jednoduše a přehledně a zároveň zůstane dostatečně flexibilní pro další rozvoj produktu.
Co jsem řešil
analýzu a strukturu komplexního produktu
informační architekturu
prioritizaci funkcí
navigaci a jednotlivé uživatelské scénáře
wireframy a prototypování
návrh více než 150 obrazovek
finální UI a sjednocení rozhraní
Výsledkem je přehlednější rozhraní, které umožňuje pracovat s komplexním systémem bez zbytečného zahlcení uživatele.
Prodejvozidel.cz — platforma pro nákup a prodej ojetých vozidel
150+ obrazovek
Jak uživateli usnadnit rozhodování při výběru ojetého auta
Výběr ojetého vozu znamená pracovat s velkým množstvím informací. Uživatel porovnává desítky parametrů, ceny, výbavu, historii vozu i důvěryhodnost prodejce. Při návrhu nové platformy proto bylo důležité celý proces co nejvíce zjednodušit.
Mým úkolem bylo navrhnout komplexní produkt od struktury jednotlivých částí až po finální rozhraní. Součástí návrhu bylo také využití AI jako dalšího nástroje, který může uživateli pomoci při rozhodování.
Co jsem řešil
strukturu celé platformy
vyhledávání a filtrování vozidel
prezentaci velkého množství informací
klíčové uživatelské scénáře
wireframy a prototypování
využití AI v produktu
Výsledkem je návrh platformy, která uživatele provází od prvního hledání až k výběru konkrétního vozu.
SPORK education — výuková aplikace pro děti od 5 do 12 let pro síť základních škol v USA.
Jak navrhnout jedno rozhraní pro děti i učitele
SPORK je vzdělávací aplikace používaná na základních školách v USA. Její uživatelé mají velmi rozdílné potřeby – zatímco dítě potřebuje jednoduché a intuitivní rozhraní, učitel potřebuje pracovat s větším množstvím informací a funkcí.
Mým úkolem bylo najít způsob, jak aplikaci zpřehlednit a zároveň zachovat dostatek funkcí pro různé typy uživatelů. Velkou roli proto hrála čitelnost, hierarchie informací a jednoznačnost jednotlivých akcí.
Co jsem řešil
strukturu a navigaci aplikace
rozdílné potřeby dětí a učitelů
informační hierarchii
UX jednotlivých scénářů
wireframy a prototypování
finální UI
ilustrace a animace
Výsledkem je minimalistické rozhraní, které staví na jednoduchosti a umožňuje dětem i učitelům rychle najít to, co potřebují.
Web: www.spork.tech
70+ obrazovek
S čím Vám pomohu
Mám zkušenosti s celým procesem návrhu digitálních produktů. Hotový návrh testuji s reálnými uživateli a na základě výsledků vylepšuji jeho použitelnost, design a celkový uživatelský zážitek.
UX & UI design
Návrh komplexních digitálních produktů od struktury a interakcí až po detailní rozhraní.
Redesign & optimalizace
Zjednodušení existujících produktů, odstranění UX problémů a zlepšení použitelnosti.
Design systém
Komponenty, pravidla a dokumentace pro konzistentní a škálovatelný produkt.
Prototypování & testování
Interaktivní prototypy a ověřování návrhů před vývojem.
UX výzkum
Poznání uživatelů, jejich potřeb a problémů, které je potřeba v produktu řešit.
Hammer app — Platební a slevová aplikace pro řidiče nákladních vozidel v USA.
Jak zobrazit velké množství informací, aniž by se v nich řidič ztratil
Hammer je mobilní aplikace pro řidiče nákladních vozidel v USA. Kombinuje vyhledávání čerpacích stanic a truck stopů, informace o jejich vybavení, ceny i další služby, které řidič potřebuje během cesty.
Mým úkolem bylo navrhnout rozhraní, které dokáže pracovat s velkým množstvím informací, ale zároveň zůstane rychlé a přehledné pro člověka, který ho používá přímo na cestě.
Co jsem řešil
strukturu mobilní aplikace
práci s mapou a lokalitami
hierarchii informací
vyhledávání a filtrování
klíčové uživatelské scénáře
wireframy a prototypování
finální UI pro více než 60 obrazovek
Výsledkem je rozhraní, které zpřístupňuje velké množství informací bez zbytečné složitosti a umožňuje řidiči rychle najít relevantní místo nebo službu.
60+ obrazovek
Plej — Mobilní aplikace pro aktivní využítí volného času dětí a omezení času tráveného v digitálním světě přes sdílené aktivity.
Mobilní aplikace Plej učí děti zacházet s digitálními médii podle pravidel a zároveň vyvažuje čas před obrazovkami s časem venku face to face s ostatními dětmi, skrze aplikaci na sdílené aktivity s kamarády a jejich rodiči/prarodiči a monitorování času před obrazovkami. Projekt by měl zároveň sdružovat lidi s aktivním zájemem o své děti ze stejného města, školy, nebo školky a vytvářet tak sociální skupiny napříč generacemi. Rodiče/prarodiče jednoduchým způsobem přímo v aplikaci přidávají aktivity v blízkém okolí, jako je kopaná, hry v parku, nebo třeba piknik a děti se mohou přihlásit a jít si zasportovat. A to vše stále pod dozorem alespoň jednoho rodiče.
V dnešní době tráví děti 43% času vzhůru v kontaktu s technologiemi, což je zhruba 7 hodin denně a 70% času vzhůru na děti média působí. To je téměř nepřetržitý vliv médií na děti, což jistě nějaké následky zanechá.
Haidy home — Systém pro chytrou domácnost.
UX design • Prototyping • UI design
Spolupracoval jsem na designu uživatelské zkušenosti (UX) i vizuální stránky (UI) pro chytrou domácnost.
Snadné ovládání bytu, domu nebo celého hotelového komplexu přes mobilní telefon není lehké. Uživatel musí mít přehled o všech zařízeních a jejich stavech - vypnuto/zapnuto, otevřeno/zavřeno, o dalších členech domácnosti a především o režimech starajících se automaticky o pohodlí, podle přednastavených rutin, které byly hlavním přínosem pro uživatele.
DPA — Digitální plánovací asistent pro plánování výroby automobilů v inteligentní továrně Audi AG.
Audi / Sabo IT
UX design • Prototyping • UI design
High Speed scales — Automatizace pokutovacích systémů pro přetížené kamiony na dálnicích.
Huld / Ministerstvo dopravy
UX design • Prototyping • UI design
Jak navrhnout komplexní systém tak, aby mu rozuměl každý uživatel
High Speed Scales je systém pro automatizaci kontroly přetížených kamionů na dálnicích. Pracují s ním uživatelé s různou úrovní zkušeností a počítačové gramotnosti, přesto musí být jednotlivé kroky procesu jednoznačné a snadno pochopitelné.
Mým úkolem bylo převést komplexní proces do rozhraní, které uživatele bezpečně provede jednotlivými kroky a zároveň mu poskytne všechny potřebné informace.
Co jsem řešil
strukturu systému
jednotlivé kroky pracovního procesu
informační hierarchii
srozumitelnost jednotlivých akcí
wireframy a prototypování
UX/UI design
uživatelské testování
Výsledkem je rozhraní, které zjednodušuje práci s komplexním systémem a minimalizuje prostor pro chyby způsobené nejasným ovládáním.
Personal project — Systém vizuální zpětné vazby pro posádku v autonomním vozidle a mobilní aplikace pro vzdálené ovládání a plánování.
Koncept • UX design • Prototyping • UI design
Není lehké přimět člověka svěřit život svůj a svých blízkých do rukou stroje. Proto se auto musí chovat naprosto předvídatelně. Uživatel musí vědět, co auto udělá, ještě než to udělá. K tomu mu pomůže zpětná vazba umístěná uprostřed palubní desky, snadno viditelná pro všechny cestující, kde si můžeme ověřit, že auto skutečně vidí všechno i všechny kolem nás.
Sabo IT / Mercedes-Benz — Mobilní aplikace na kontrolu stavu zařízení v továrnách.
UX design • Prototyping • UI design
Doporučení
-
![Young woman with long wavy hair wearing a black jacket smiling in an indoor setting]()
“Petr je opravdový profesionál, který předkládá kvalitní práci. Komunikace je rychlá, efektivní a lidská. Dokáže nám jako klientovi vysvětlit proč doporučuje vybraný styl, tedy jako klienti dokážeme dobře porozumět výsledku. Dodržuje termíny, které občas bývají z naší strany náročné. Pokud hledáte kvalitního profesionála, můžeme jen doporučit.”
MGR. NIKOLA LANGPAULOVÁ, MARKETING MANAGER
