UX/UI dizajn
Poriadok na obrazovke.
Navrhujeme rozhrania pre ľudí, ktorí v nich trávia celý deň. Pozrieme sa, ako pracujú, prototyp otestujeme s nimi a developerom odovzdáme dizajn systém, z ktorého rovno stavajú.
Čo je UX/UI dizajn.
UX je to, ako vec funguje: aké kroky človek urobí a čo pri nich potrebuje vidieť. UI je to, ako vyzerá: písmo, farby, tlačidlá. Spolu rozhodujú, či ľudia svoju úlohu dokončia, alebo vám radšej zavolajú.
Každý produkt potrebuje od dizajnu niečo iné.
Interný systém
Nástroj, v ktorom váš tím pracuje celé hodiny každý deň.
Na čo treba myslieť
Rýchlosť pred efektom. Tabuľky, filtre a klávesové skratky šetria skutočné hodiny. Obyčajná obrazovka, ktorá ušetrí dva kliky, vyhráva.
Portál pre klientov
Ľudia sa prihlásia pár razy do roka, aby si niečo vybavili.
Na čo treba myslieť
Nič sa netreba učiť. Portál si od minula nikto nepamätá. Každá obrazovka musí povedať, na čo je a čo urobiť ďalej.
Mobilná aplikácia
Používa sa za pochodu, jednou rukou a s krátkou pozornosťou.
Na čo treba myslieť
Jedna úloha na obrazovku. Veľké dotykové plochy, hlavná akcia na dosah palca a jasné stavy, keď vypadne signál.
Prístupnosť
Pre všetky vekové kategórie aj ľudí so zdravotným postihnutím.
Na čo treba myslieť
Dokončí každý. Veľké písmo, čitateľný kontrast, jednoduchý jazyk a ovládanie klávesnicou či čítačkou obrazovky. Prejsť musí senior, človek so slabším zrakom aj ten, kto nemôže použiť myš.
Jedna obrazovka štyrikrát
Od poznámky na papieri po komponent v kóde.
Takto vzniká jedna obrazovka systému pre laboratórium. Rovnakou cestou ide každá obrazovka a každý krok si môžete pripomienkovať. Nič nejde do programovania na odhad.
Najprv sa pozrieme, ako ľudia pracujú.
Sedíme pri lekároch, laborantoch a referentoch, kým robia svoju prácu. Zapisujeme si, kde strácajú čas, kde si robia poznámky na papier a kde vznikajú chyby. Výsledkom je krátky zoznam problémov, ktorý prečítate za pár minút, nie hrubá správa.
- Rozhovory s ľuďmi, ktorí budú systém používať
- Pozorovanie reálnej práce, nie len čítanie zadania
- Problémy zoradené podľa toho, koľko času ľudí stoja
Keď je návrh schválený.
Návrh neskončí v šuplíku. Ten istý tím ho postaví. Vďaka AI pracujeme výrazne efektívnejšie a každý riadok skontroluje developer.
- 01
Programovanie
Obrazovky postavené z dizajn systému. Dizajnéri každú porovnajú s návrhom.
- 02
Spustenie a zaškolenie
Spúšťame postupne a vašim ľuďom ukážeme, ako v systéme pracovať.
- 03
Starostlivosť
Vyhradený developer za fixný mesačný poplatok, s aktualizáciami a monitoringom.
- 04
Rast
Nové funkcie používajú dizajn systém, takže produkt rastie v jednom kuse.
Nový produkt
Začíname výskumom a klikateľným prototypom, takže produkt vidíte a otestujete skôr, než zaplatíte jeho vývoj. Ak výskum ukáže, že niektorá časť zatiaľ nie je potrebná, povieme vám to.
Klikateľný prototyp pred vývojom
Dizajn systém v Reacte od prvého sprintu
Dizajnéri a developeri v jednom tíme
Systém, ktorý ľudí brzdí
Ľudia ho obchádzajú papierom, tabuľkami a telefonátmi. Zistíme, kde to bolí najviac, a prerobíme ho obrazovku po obrazovke, kým ďalej beží, aj keď ho postavil niekto iný a je napojený na ďalšie systémy.
Zhodnotenie súčasného rozhrania s jeho používateľmi
Najprv obrazovky, ktoré bolia najviac
Zmeny nasadzované postupne, bez veľkého prepnutia
Ďalej
Od návrhu k hotovému produktu.
Dizajn, ktorý developeri postavia priamo, a značka, ktorá k nemu sedí.
- SlužbaGrafický dizajnZnačka, ktorá vyzerá rovnako v aplikácii aj na papieri.
- SlužbaAnalýzaJasný rozsah, priority a cena, s ktorou sa dá plánovať.
- SlužbaWebové aplikáciePortály, klientske zóny a webové produkty, ktoré váš tím upraví sám.
- SlužbaMobilné aplikácieAplikácie pre iOS aj Android z jedného kódu v React Native.
- SlužbaDigitálny marketingSEO, meranie a landing pages zabudované priamo do produktu.
Povedzte nám o svojom projekte alebo probléme.
Nový produkt na návrh alebo obrazovka, na ktorú sa ľudia sťažujú. Napíšte nám, kto ju používa a čo v nej potrebuje urobiť. Odpovieme otázkami a potom návrhom rozsahu a ceny, ešte pred začiatkom práce.