Návrh rozhraní pro váš vývojový tým
Máte vlastní vývojáře a chybí vám promyšlené rozhraní. Navrhneme klíčové obrazovky, jejich stavy a mapu rolí. Výstup předáme v prezentaci, kterou váš tým použije jako podklad pro stavbu.


Školní mapy, koncept digitálního školního atlasu. Návrh vznikl do soutěže a nebyl realizovaný; ukazujeme ho jako studii, ne jako spuštěný produkt.
Návrh, ze kterého se dá stavět
U vlastních zakázek děláme návrh i vývoj, takže mezi nimi nic nevypadne. Někteří klienti ale mají vývojáře vlastní a potřebují jen tu první část. Pro ně je tahle služba.
Rozhoduje, co návrh ukazuje. Klíčové obrazovky kreslíme i s jejich stavy: co se stane při dlouhém názvu, jak se to zlomí na mobilu, jak vypadá prázdný seznam a jak se chová formulář při chybě. Jedna hezká obrazovka ideálního případu tyhle otázky odloží na dobu, kdy je jejich řešení nejdražší.
Druhá část výstupu je mapa stavů: kdo má jaká práva, v jakých stavech může záznam být a co se stane, když něco chybí. Podle ní se dá naplánovat práce a odhadnout, co je hotové.
Co tím váš tým získá
Čtyři věci, které z obrazovky ideálního případu nevyčtete.
Chování, ne jen vzhled
Přechody, stavy tlačítek, chování při chybě a při čekání. Vývojář nemusí hádat, co se má stát mezi dvěma obrazovkami.
Okrajové stavy pojmenované dopředu
Prázdný seznam, dlouhý text, chybějící údaj, částečně zaplacená objednávka. To jsou situace, které se jinak objeví až v provozu.
Méně schůzek
Otázky na chování mají odpověď v předaném návrhu, takže stavba nestojí a nečeká na další schůzku.
Zadání, které přežije rok
Mapa stavů se čte i po roce, kdy už si nikdo nepamatuje, proč to tak je. Cizí kód se čte hůř.
Šest částí každé zakázky
Rozsah se liší, tohle je v každé zakázce.
Rozhovor o úkolu uživatele
Začínáme tím, co má člověk zvládnout udělat a za jak dlouho, ne výčtem obrazovek. Rozdíl se pozná až v provozu.
Mapa stavů a rolí
Seznam rolí a práv, stavy záznamu od vzniku po archivaci včetně těch nepříjemných, a místa, kde se pracuje s cizím systémem.
Klíčové obrazovky pro počítač i mobil
Předáváme je v prezentaci, kterou spolu projdeme. Připomínky sbíráme při společném průchodu prezentace a jednotlivých obrazovek.
Typografie, barvy a mezery jako škála
Ne jeden odhad na každou obrazovku, ale sada hodnot, kterou váš tým použije i na to, co jsme nenavrhli.
Stavy rozhraní
Načítání, prázdný obsah, chyba, úspěch. U každé obrazovky, která je má.
Předání a konzultace při vývoji
Projdeme návrh s vaším týmem a jsme k dispozici, když se při stavbě objeví otázka, na kterou návrh neodpovídá.
Rozhraní, která jsme navrhli

ELEN: redesign aplikace pro řízení nákupuNávrh nového rozhraní aplikace pro řízení nákupu na identitě od nkz.studio.
Walio: věrnostní systém pro podnikyKarta v peněžence, terminál pro obsluhu i portál s reportingem.
Branuál: brand manuál jako web, ne PDFStránky, bloky a knihovna assetů s publikováním. Vlastní produkt studia.
Školní mapy: atlas, který se otevře na správné stránceDigitální školní atlas: vrstvy, měření a srovnání vydání místo dvaceti různých map.Jak spolupráce probíhá
Každá etapa má výstup, na kterém se dohodneme.
Úvodní konzultace
zdarma · 30 min · online nebo BrnoProbereme, co produkt má dělat, kdo v něm pracuje a kde je váš tým teď. Řekneme, jestli potřebujete návrh, nebo spíš něco jiného.
Výstup: Doporučení, jestli návrh potřebujete.
Zadání a rozsah
3 až 5 dníSepíšeme, které obrazovky návrh pokryje a co je mimo rozsah. Potom připravíme nabídku s dohodnutým rozsahem a cenou.
Výstup: Seznam obrazovek v rozsahu a nabídka s cenou.
Mapa stavů
1 až 2 týdnyRole, stavy a napojení sepíšeme v textu, ne v grafickém nástroji, protože se v něm snadněji škrtá. Tady se ušetří nejvíc.
Výstup: Textová mapa rolí, stavů a napojení.
Návrh obrazovek
2 až 5 týdnůNejdřív jedna klíčová obrazovka. Když sedí, dokončíme zbytek. Připomínky sbíráme při společném průchodu prezentace a jednotlivých obrazovek.
Výstup: Navržené obrazovky v prezentaci.
Předání
3 až 5 dníProjdeme návrh s vývojáři a předáme prezentaci s klíčovými obrazovkami, jejich stavy, mapu rolí a stavů a domluvu konzultací při vývoji.
Výstup: Prezentace s obrazovkami, stavy a mapou rolí.
Kolik to stojí
Ceny u rozsahů jsou orientační spodní hranice bez DPH. Nejde o nabídku: cenu dáváme až po upřesnění zadání. Samostatný návrh kalkulačka nepočítá, rozsah stanovujeme podle počtu rolí, obrazovek a stavů.
Jedna část produktu
Jeden pracovní postup nebo jedna sekce existující aplikace.
- Mapa stavů pro danou část
- Tři až pět obrazovek se stavy
- Škála barev, písma a mezer
Celý produkt
Aplikace nebo portál s víc rolemi a navazujícími procesy.
- Mapa stavů a rolí
- Klíčové obrazovky pro každou roli
- Stavy rozhraní a chování na mobilu
Co s tím souvisí
Kdy vám tohle nedoporučíme
Když chcete jen pár hezkých obrázků do prezentace pro investora a chování vás zatím nezajímá. Na to je rychlejší a levnější kdokoliv, kdo pracuje v grafickém nástroji.
Když vývoj teprve hledáte. Pak dává smysl řešit návrh a stavbu společně; mezi dvěma dodavateli se vždycky něco ztratí. V takovém případě se podívejte na aplikace na míru.
Když je hlavní otázka, jak má značka vypadat, ne jak se má produkt ovládat. Strategii značky, naming a vizuální identitu řeší sesterské nkz.studio.
Na co se ptáte před návrhem
Nenašli jste odpověď? Napište nám a ozveme se do dvou pracovních dnů.
V čem předáváte návrh?
Jako prezentaci s klíčovými obrazovkami pro počítač i mobil, včetně stavů jako načítání, prázdný obsah a chyba. K tomu mapa stavů a rolí v textu a škála barev, písma a mezer. Prezentaci s vaším týmem projdeme, nepošleme ji jen e-mailem.
Musíme používat stejné technologie jako vy?
Ne. Návrh je zadání pro vzhled a chování, ne kód k nasazení. Postavit se dá v čemkoli, co váš tým používá.
Co když se při vývoji ukáže, že něco v návrhu nejde?
Stává se to a je to důvod, proč v ceně je konzultace při vývoji. Najdeme řešení, které drží původní záměr. Bez toho se obvykle sáhne k první variantě, která se naprogramuje snadno.
Děláte i uživatelské testování?
Není to součástí základního rozsahu. Když ho chcete, domluvíme ho zvlášť a řekneme dopředu, co od něj čekat při daném počtu účastníků.
Jak dlouho to trvá?
Jedna část produktu tři až pět týdnů, celý produkt pět až osm. Nejvíc záleží na tom, jak rychle se dohodne mapa stavů; samotné kreslení obrazovek je až ta rychlejší část.
Máte vývojáře a chybí návrh?
Napište, co stavíte a kde je váš tým teď. Úvodní konzultace je zdarma a trvá 30 minut. Ozveme se do dvou pracovních dnů a navrhneme další krok.
