Če ste slišali izraz "žični okvir" vendar ste nekoliko zmedeni glede tega, kaj pravzaprav je, čemu služi ali zakaj je uporaben, ta članek bi moral razrešiti vaše dvome.
Kaj je žični okvir?
Žični okvir je nekaj podobnega arhitektovi risbi. To je osnutek vizualni prikaz uporabniškega vmesnika Vaše spletno mesto ali aplikacija. Žične okvire lahko uporabite za sporočanje štirih stvari:
- Struktura - navigacijska in informacijska arhitektura
- Urnik – npr. hierarhijo strani, kot tudi pozicioniranje elementov na zaslonu
- Vsebina – idejo, kako vsebino da se prilega dizajnu
- Funkcionalnost – opis, kako bo izdelek deloval in kako ga bodo ljudje uporabljali
To je nepogrešljivo orodje za vsakega oblikovalca uporabniške izkušnje in je uporabno v številnih različnih situacijah. Ustvarite lahko žične okvirje na različnih stopnjah zvestobe (eng. zvestoba) in ravno zato so tako močno orodje.
Nizka zvestoba (nižja stopnja natančnosti) vključuje ročno narisane skice, ki so odlične za izpopolnitev začetnih idej, bodisi zase ali za predstavitev vaši ekipi. To je hiter način za ustvarjanje, urejanje in izpopolnjevanje vaših idej, pri čemer ni pomembno, kako dobri ste v skiciranju. Kdor zna narisati preprost krog, kvadrat in trikotnik, je popolnoma sposoben narediti takšno skico.
Zdaj pa preidimo na tisto, na kar večina strokovnjakov najprej pomisli, ko rečemo "žični okvir". Obstaja na stotine različnih orodij, s katerimi jih lahko ustvarite. Figma, Balsamic, OmniGraffle, Illustrator in UXPin so le nekateri izmed njih. Tovrstni žični okvirji so način za sporočite svojo idejo vaši ekipi, strankam ali strankam. To je odličen način, da pojasnite svoj izdelek in točno to, kaj izdelujete.
Vklopljeno visoka zvestoba (visoka zvestoba) del spektra, prototip, ki ga je mogoče klikniti, omogoča načrtovanje interakcij in njihovega poteka. Prototipi, ki jih je mogoče klikniti, so dobra izbira, ko preizkušaš uporabnost. Uporabite lahko Axure, Keynote ali celo ustvarite žične okvire neposredno v brskalniku z uporabo HTML.
Včasih je vse, kar potrebujete, le hitra groba skica, včasih pa je bolj primeren žični okvir s podrobnimi opombami o tem, kaj bi moralo biti kje, kako bi moralo izgledati in čemu je namenjeno. Res je odvisno od projekta in stopnje, na kateri ste.
Avtor fotografije Federica Galli on Unsplash
Vaš žični okvir bi moral pokazati raven podrobnosti, ki je ravno pravšnja, nič več. Torej, tukaj je nekaj praktičnih nasvetov:
- Naj bo preprosto. – hitrost in enostavnost sta ključnega pomena za žično oblikovanje. V večini primerov bomo žični okvir na koncu zavrgli ali izbrisali, takoj ko bo služil svojemu namenu. Zato ni nujno, da je popolnoma obrobljen, niti vsak element natančno postavljen v piksel.
- Uporabite koordinatno mrežo (eng. (mreža) – Mreža vam pomaga ustvariti strukturo in preprostost vaše postavitve. Vsako spodobno spletno mesto je danes zgrajeno po tem principu, zato ga priporočam tudi vam.
- Uporabljajte kratke in natančne zapiske - Člani ekipe bodo prebrali vaš wireframe, zato jim ne pozabite pustiti ustreznih opomb, ki jasno in natančno izražajo bistvo tega, kar ste skicirali. Ne pretiravajte, samo povejte bistvo.
- Spodbujajte povratne informacije. – Pokažite žični okvir svojim sodelavcem in jih vprašajte za mnenje. To je zanesljiv način za izboljšanje. Obesite ga na najbližjo steno in spodbudite celotno ekipo k podajanju povratnih informacij.
Kot lahko vidite, je ustvarjanje žičnih okvirjev lahko razmeroma enostavno, čeprav seveda potrebujete nekaj izkušenj, da razumete, kako jih kar najbolje izkoristiti za svoje cilje.
Če vas zanima strokovna pomoč na področju UX oblikovanja ali drugih IT storitev, preberite več o nas.
