UI Design¶

Textový popis layoutu obrazovek¶

(Poznámky primárně pro Viki)

Hlavička

• Jedno hamburger meníčka
  • Na menu
• Search samostatně
• A na archivy v meníčku odkaz na archivy a mít to jako samostatnou obrazovku

Login obrazovka

• udělat na začátek - uživatel bez přihlášení nemůže nic

Hlavní stránka

• Název
• popis
• Náhledovka? Dáme tam rudolfa pro hezký prvek
• Delší popisek
• inventáře
• Patička?

List view

• Nechat tak, jak je
• V podobě listu
• Obrázky? Záleží, jak to bude vypadat

Item view

• Místo tabů bude tlačítko se špikou, rozbalí se a vybereme si jednotlivý detail
• Pop up tam vůbec nebude a zachovat pouze barvu
• A tab view bude na detail a poznámky
• Idčko zanechat a víc zvýraznit někde
• Fotky jako slider - tbd

Poznámky

• Jedna obrazovka pro všechny poznámky s tahem general note
• A pak poznámky u každé item view s tagem idčka
• Řazení podle item abc a datum

Advanced vyhledávání

• List nebude mít switch, seskupení bude podle archivů - v kartě
• Filtr se bude skrývat po vyhledávání - at to není pres celou obrazovku
• Original a copy - zvolíme oba switche neni idealni

• Help
• User stuff tam nebudou

Sktech návrh (wireframes)¶

• Navržení sketch (wiraframes) obrazovek
• Důvodem této práce je to, že se zadavatelé mohou podívat na rozložení ovládacích prvků a odsouhlasit prvotní design
• Po odsouhlasení se může v další iteraci vytvořit pixel perfect design verze 1 (včetně propojení obrazovek - prototyp), který se mohou zadavatelé proklikat
• pdf viz příloha

Pixel perfect návrh¶

• Byl vytvořen pixel perfect návrh včetně použití reálných React Native Base komponent a barev
• https://www.figma.com/proto/eI9gRdpb4zFYwQ44fNkvFA/Rudolph?page-id=0%3A1&node-id=56-6997&viewport=487%2C-254%2C0.38&scaling=scale-down&starting-point-node-id=56%3A6997&show-proto-sidebar=1