Eden korak, ki ga večina novih lastnikov spletnih strani preskoči (in zakaj jih stane)

Povzetek

Večina novih lastnikov spletnih strani takoj skoči v izbiro barv in pisanje besedil, vendar preskok faze načrtovanja vodi v zmedeno navigacijo, razpršeno vsebino in drage prenove pozneje. Ta članek sledi zgodbi nekoga, ki je naredil to napako in moral ponoviti celotno spletno stran. Naučili se boste praktičnega štiristopenjskega procesa za določitev namena vaše spletne strani, izdelavo jasnega zemljevida spletnega mesta in ustvarjanje žičnih modelov – vse preden se dotaknete graditelja. Kontradiktorna točka: več časa, porabljenega za načrtovanje, dejansko pospeši celotno gradnjo, ker se izognete nenehnemu vračanju nazaj. Na koncu boste imeli načrt, zaradi katerega se bo dejanski razvoj zdel kot ravna črta, ne labirint. Poleg tega si oglejte, kako lahko orodja, kot je Pagenza, vaš gole besedilni načrt v nekaj minutah spremenijo v živo spletno stran.

Katastrofa gradnje brez načrta

Tri vikende ste sestavljali spletno stran, se ukvarjali z barvnimi paletami, pisali besedilo za domačo stran, nalagali fotografije izdelkov. Počutili ste se produktivno. Potem ste jo pokazali prijateljici. 'Na katero stran kliknem za tvoje storitve?' je vprašala. Pokazali ste na drugo povezavo v meniju – tisto z oznako 'Rešitve', ker se je slišalo kul. 'In kje je tvoja zgodba o meni?' Zavedeli ste se, da ste jo skrili pod spustni meni. Spletna stran je bila v živo, a nihče ni mogel ničesar najti. Obisk je prišel in odšel. Na koncu ste celotno stvar odstranili in začeli znova.

Ta scenarij je boleče pogost. Kar je manjkalo, ni bila boljša zasnova ali ostrejše besedilo – to je bila informacijska arhitektura. IA je nevidno ogrodje, zaradi katerega je spletno mesto intuitivno. Ko jo preskočite, se vsak obiskovalec počuti, kot da je izgubljen v stavbi brez oznak. Rešitev je zavajajoče preprosta: najprej načrtuj, nato zgradi.

1. korak: Določite osnovni namen in občinstvo vašega spletnega mesta

Preden odprete kateri koli graditelj, odgovorite na dve vprašanji v golo besedilo: 'Kaj natanko mora to spletno mesto doseči?' in 'Kdo je moj najpomembnejši obiskovalec?' Ne 'vsi' – ena primarna oseba. Za samostojnega oblikovalca je cilj lahko 'pridobiti povpraševanja za projekte oblikovanja blagovne znamke' in oseba je 'ustanovitelji zgodnjih startupov.' Zapišite jih. Postanejo filter za vsako odločitev.

Primer: Inštruktorica joge je želela spletno mesto, ki bi pritegnilo lokalne študente k njenim tečajem. Toda prodajati je želela tudi spletne videoposnetke. Ta dva cilja si na domači strani nasprotujeta, razen če jih razvrstite po pomembnosti. Z izbiro 'prijava na tečaje v živo' kot primarnega dejanja se je odločila, da bo domača stran najprej prikazala njen urnik, spletna trgovina pa bo eno raven globlje. Ta jasnost je preprečila zmedeno mešanico.

Opozorilo: Ne razmišljajte preveč o tem koraku. Dovolj je en stavek na cilj in osebo. Past je v tem, da dneve porabite za izpopolnjevanje, ko bi lahko ponavljali.

2. korak: Narišite preprost zemljevid spletnega mesta

Zdaj navedite vsako stran, ki jo vaše spletno mesto potrebuje, razvrščeno po prioriteti. Domača stran je na vrhu. Nato glavni razdelki (npr. O nas, Storitve, Blog, Kontakt). Pod vsakim navedite podstrani (npr. Storitve → Spletno oblikovanje, Oblikovanje blagovne znamke, Cene). Uporabite tablo ali list papirja. To je vaš zemljevid spletnega mesta.

Zakaj je pomembno: Zemljevid spletnega mesta razkrije vrzeli in prekrivanja, preden začnete kodirati. V primeru inštruktorice joge je njen začetni seznam vseboval tako 'Tečaji' kot 'Urnik' kot ločeni strani. Na zemljevidu je videla, da sta odveč, in ju je združila. S tem je prihranila celotno stran dela na oblikovanju in besedilu.

Kontradiktoren nasvet: Uprite se nagnjenju k ustvarjanju 'ploščatega' spletnega mesta, kjer je vsaka stran en klik oddaljena od domače. Čeprav se zdi uporabniku prijazno, pogosto zakoplje primarno dejanje pod neskončne povezave. Plitva hierarhija (največ tri ravni) ohranja preglednost.

3. korak: Narišite žične modele ključnih strani na papir

Vzemite svoj zemljevid spletnega mesta in skicirajte postavitev svojih najpomembnejših strani – domače strani, vstopne strani glavnega razdelka in vsebinske strani. Uporabite okvirje za slike, črte za besedilo in X za gumbe. Ne gre za lepoto; gre za tok. Kam gre oko? Je poziv k dejanju izrazit?

Primer: Žični model domače strani svetovalca je postavil sliko hero levo in besedilo desno. Po testiranju z dvema sodelavcema so vsi najprej kliknili sliko. Zamenjal je na osrediščen hero z naslovom na vrhu – konverzija se je izboljšala.

Opozorilo: Ne ustvarjajte žičnih modelov za vseh 20 strani. Osredotočite se na predloge. Ko imate postavitev domače, notranje in kontaktne strani, jih lahko ponovno uporabite.

4. korak: Preverite, preden razvijete

Delite svoj zemljevid spletnega mesta in žične modele s tremi ljudmi, ki ustrezajo vaši ciljni publiki. Vprašajte: 'Če bi pristali na tej strani, kam bi najprej kliknili?' Njihovi odgovori bodo razkrili slepe pege v navigaciji. Popravite jih zdaj, ne po zagonu.

Nagrada: Ko končno odprete svoj graditelj spletnih strani, ne razmišljate – izvajate. Vsaka oblikovalska odločitev že ima razlog. Gradnja postane hitrejša, ker ne dvomite vase.

Od načrta do žive spletne strani v minutah

Z vašo informacijsko arhitekturo v roki lahko dejanska gradnja poteka hitro. Sodobna orodja brez kodiranja vam omogočajo, da navadno besedilo spremenite v celotno stran. Opišete postavitev domače strani, besedilo, slike, in orodje jo ustvari – brez povleci in spusti. Tu se načrtovanje resnično obrestuje: že natančno veste, kaj potrebujete, zato generiranje traja minute namesto ur.

Kontradiktorna resničnost: počasnejše delo vas pospeši

Večina nasvetov vam pravi, da 'kar začnite' in ponavljajte. Toda za spletno mesto ta nasvet deluje nasprotno, ker vsaka sprememba vpliva na strukturo. En dan načrtovanja lahko prihrani teden predelave. Edina izjema je, če gradite enotno vstopno stran za kratkoročno kampanjo – potem se zanašajte na hitrost. Toda za vsako spletno mesto, ki predstavlja vašo blagovno znamko dolgoročno, najprej načrtujte.

Zaključek: Uspeh vašega spletnega mesta je odvisen od njegove strukture

Informacijska arhitektura ni glamurozna, vendar je razlika med spletnim mestom, ki pretvarja, in tistim, ki zmede. Začnite z namenom in osebo, narišite svoje strani, skicirajte postavitve in preverite zgodaj. Nato zgradite samozavestno. Čas, ki ga vložite vnaprej, pozneje pomnoži vašo hitrost. In ko združite trden načrt z orodjem, ki besedilo spremeni v živo stran, boste imeli profesionalno spletno mesto v živo v urah, ne vikendih.