Wireframe
Wireframe je osnovni vizualni vodnik, ki predstavlja kostur spletne strani ali aplikacije, prikazuje postavitev elementov, razporeditev vsebine in navigacijo brez podrobnega oblikovanja.
Wireframe je poenostavljena vizualna predstavitev spletne strani ali zaslona aplikacije nizke ločljivosti. Zamislite si ga kot načrt ali tloris digitalnega izdelka. Prikazuje, kam bodo šli različni elementi (navigacija, cona vsebine, slike, gumbi, obrazci), ne da bi se spuščali v podrobnosti vizualnega oblikovanja, kot so barve, pisave ali dejanske slike.
Namerno opustijo vizualno oblikovanje, da bi usmerili pozornost na strukturo, hierarhijo vsebine, funkcionalnost in potek uporabnika. Zaradi tega so idealni za načrtovanje v zgodnjih fazah in usklajevanje med deležniki. Poznamo tri ravni natančnosti wireframe-ov.
V praksi
- Zagon je pred kakršnim koli oblikovanjem wireframiral celotno aplikacijo in tako zajel kritično težavo navigacije, ki bi jo bilo treba kasneje v razvoju popolnoma prestrukturirati
- Trženjska ekipa je pregledala wireframe-e nove ciljne strani in ugotovila, da je poziv k ukrepu (CTA) predaleč spodaj, kar je vodilo do prestrukturiranja in izboljšanja konverzije
- Agencija strankam predstavi wireframe-e pred prehodom na vizualno oblikovanje, kar zmanjša število krogov revizij za 40 %, saj se strukturne povratne informacije obravnavajo pred dodajanjem barv in slik
- Produktna ekipa je wireframirala tri različne tokove plačila in jih testirala z uporabniki s pomočjo papirnatih prototipov, pri čemer je identificirala najbolj intuitiven tok še pred pisanjem kode
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.