Mobile App Storyboard

Süžeetahvel on visuaalne plaan, mis kirjeldab rakenduse või veebilehe ekraane ja kasutaja teekonda. See ei ole tehniline UML-skeem, vaid disainitööriist, mis aitab ette kujutada, kuidas tarkvara välja näeb ja kuidas inimene seda kasutab.

Süžeetahvli peamised osad

• Ekraanid (Screens) – joonised või visuaalsed raamid, mis kujutavad rakenduse erinevaid vaateid (näiteks sisselogimine või avaleht).
• Kasutajaliidese elemendid (UI elements) – nupud, tekstiväljad, ikoonid ja menüüd, millega kasutaja ekraanil kokku puutub.
• Kasutaja teekond (User flow) – nooled ja selgitused ekraanide vahel, mis näitavad, kuhu kasutaja jõuab pärast nupule vajutamist.
• Stsenaarium (Scenario) – lühike lugu või kirjeldus sellest, millist probleemi kasutaja parajasti lahendab (näiteks “Kellassepp märgib uue varuosa kulu”).

Kellasepp Andmebaasi Näide

Kasutasin Figma selle loomisest. Link

Login ekraan

See on rakenduse avavaade, kus kasutaja (kellassepp või administraator) sisestab oma andmed. Ekraanil on väljad kasutajatunnuse ja parooli jaoks ning nupp “Logi sisse”. See tagab, et andmebaasile pääsevad ligi ainult volitatud töötajad.

Avaleht

Pärast sisselogimist avaneb töölaud, mis annab kiire ülevaate päeva seisust. Siin kuvatakse olulisemad teavitused, näiteks ootel olevate tellimuste arv ja tänased tähtajad. Avalehelt saab kiiresti liikuda uue tellimuse vormistamise juurde.

Peamenüü

Menüüvaade võimaldab kasutajal liikuda rakenduse erinevate osade vahel. Siit saab valida, kas soovitakse näha klientide nimekirja, laoseisu (varuosad), tehtud tööde ajalugu või muuta seadeid. Menüü on üles ehitatud loogiliselt, et navigeerimine oleks kiire.

Funktsioon: Tellimuse detailid

See ekraan kuvab ühe konkreetse parandustöö andmed. Siin on näha kella mudel, kliendi soov, remondi staatus ja kasutatud varuosad. Kellassepp saab siin vaates muuta töö staatust (näiteks “Töös” -> “Valmis”) ja salvestada andmebaasi tehtud muudatused.