Školní mapy: atlas, ktorý sa otvorí na správnej strane
Súťažný návrh digitálneho školského atlasu. Projekt nebol realizovaný, takže ho ukazujeme ako UX a UI štúdiu, nie ako spustený produkt. Navrhli sme vstup kódom od školy, vrstvy mapy, meranie a porovnanie vydaní. Vizuálna identita je od sesterského nkz.studio, rozhranie naše.
Papierový atlas má jednu výhodu, ktorú weby strácajú
Papierový školský atlas sa otvorí tam, kde je založená ceruzka. Digitálne atlasy, ktoré sme pre porovnanie prechádzali, začínajú prihlásením, výberom ročníka a rázcestníkom. Kým sa žiak dostane k mape, ubehne čas, ktorý na vyučovacej hodine nikto nemá.
Návrh preto nezačal zoznamom funkcií, ale jednou vetou: čo má žiak zvládnuť počas niekoľkých sekúnd od chvíle, keď otvorí notebook. Odpoveď znela: vidieť mapu, o ktorej učiteľ hovorí.
Štyri obrazovky, na ktorých sa rozhodlo
Každá z nich odpovedá na jednu otázku z hodiny zemepisu.
Vstup bez účtu a bez hesla
Žiak dostane od školy kód a tým to končí. Žiadna registrácia, žiadny e-mail, žiadne heslo na zabudnutie. Kód nesie triedu aj predmet, takže atlas sa otvorí tam, kde trieda minule skončila. Škola tým zároveň neodovzdáva osobné údaje žiakov.
Vrstvy namiesto dvadsiatich rôznych máp
Názvy štátov, hlavné mestá a zemepisná sieť sa zapínajú zvlášť. Učiteľ tým z jednej mapy urobí slepú bez toho, aby hľadal iný súbor. Prepínač dole popri tom mení typ mapy: politická, obyvateľstvo, slepá.
Meranie a porovnanie priamo v mape
Dve kliknutia zmerajú vzdialenosť a ukážu mierku. Ďalšie dve postavia dva štáty vedľa seba s počtom obyvateľov a rozlohou. Sú to úkony, ktoré sa v hodine robia stále a v papierovom atlase ich nahrádza pravítko a register.
Porovnanie vydaní ako výučbová pomôcka
Posuvník medzi starším a aktuálnym vydaním ukáže, ako sa mapa za tie roky zmenila. Vzniklo to z poznámky, že archívne vydania atlasov ležia nevyužité. Dejepis a zemepis sa tým stretnú na jednej obrazovke.
Šesť častí návrhu
Rozsah, na ktorom sa dala odhadnúť práca.
Mapa rolí
Žiak, učiteľ a správca školy. Kto vidí triedu, kto zadáva úlohy a kto spravuje kódy. Bez toho sa nedá rozhodnúť, čo ktorá obrazovka smie.
Stavy rozhrania
Načítanie dlaždíc, mapa bez pripojenia, neplatný kód, prázdny výsledok hľadania. Pri mapovej aplikácii je čakanie bežný stav, nie výnimka.
Hľadanie s napovedaním
Napovedá z názvov v atlase: sídla, vodstvo, pohoria. Výber mapu priblíži a otvorí údaje o mieste, takže hľadanie končí v mape, nie v zozname výsledkov.
Zhrnutie kapitoly
Tri vety, ktoré si žiak z mapy odnesie. Jazyk sa mení podľa toho, kto sa díva: inak pre žiaka, inak pre učiteľa.
Slovenská mutácia
Rozhranie aj názvoslovie v slovenčine. Nebol to preklad navyše, počítalo sa s ním od začiatku, pretože ovplyvňuje dĺžky popisov v mape.
Škála farieb, písma a medzier
Nadviazaná na identitu od nkz.studio. Farebný pruh v hlavičke a pätičke je z nej, rovnako ako paleta štátov v mape.
Dve rozhodnutia, ktoré návrh držia
Kód od školy namiesto účtov pre žiakov
Účty pre žiakov znamenajú správu osobných údajov neplnoletých, reset hesiel a súhlasy rodičov. Kód na úrovni triedy to celé odstráni a pritom stačí na to, aby sa atlas otvoril na správnom mieste. Cena je, že sa nedá sledovať pokrok jednotlivca; to sme v návrhu pomenovali ako vedomý ústupok, nie ako opomenutie.
Vrstvy namiesto rázcestníka máp
Ponúkalo sa urobiť zoznam hotových máp a nechať učiteľa vybrať. Namiesto toho je mapa jedna a mení sa vypínačmi. Učiteľ tak nemusí vedieť, ako sa ktorá mapa volá, a slepá mapa vznikne v hodine za sekundu.
Klient vybral iný smer
Súťaž sme nevyhrali. Klient zaplatil skicovné a šiel inou cestou, takže sa nepostavil ani prototyp. Nemáme teda čísla o používaní, spätnú väzbu od učiteľov ani nič, čo by sa dalo vydávať za overený výsledok.
Zverejňujeme to napriek tomu, pretože ukazuje, ako vyzerá naša UX a UI práca skôr, než sa čokoľvek naprogramuje: mapa rolí, okrajové stavy, vrstvy namiesto rázcestníka. To je presne tá časť, ktorú pri návrhu rozhrania odovzdávame tímom, ktoré si produkt stavajú samy.
UX a UI návrhMáte vývojárov a chýba návrh?
Napíšte, čo staviate a kde je váš tím teraz. Ozveme sa do dvoch pracovných dní.
Čo sme robili ďalej
Walio: vernostný systém pre podnikyKarta v peňaženke, terminál pre obsluhu aj portál s reportingom.
Branuál: brand manuál ako web, nie PDFStránky, bloky a knižnica assetov s publikovaním. Vlastný produkt štúdia.
Layered: web, ktorý predá kurz a odbaví účastníkaRezervácia s kapacitou, platba a potvrdenie na jednom mieste.