Üks samm, mille enamik uusi veebilehe omanikke vahele jätab (ja miks see neile maksab)

Kokkuvõte

Enamik uusi veebilehe omanikke hüppab otse värvide valimise ja teksti kirjutamise juurde, kuid planeerimisetapi vahele jätmine toob kaasa segase navigatsiooni, hajutatud sisu ja kulukad ümberkujundused hiljem. See artikkel jälgib loo inimesest, kes tegi selle vea ja pidi oma kogu saidi uuesti tegema. Sa õpid praktilise neljaastmelise protsessi oma saidi eesmärgi määratlemiseks, selge saidikaardi koostamiseks ja traatkaadrite loomiseks – kõike seda enne ehitaja puudutamist. Vastandlik seisukoht: rohkem aega planeerimisele kulutamine kiirendab tegelikult üldist ehitust, sest väldid pidevat tagasipöördumist. Lõpuks on sul plaan, mis muudab tegeliku arenduse sirgeks jooneks, mitte labürindiks. Lisaks näe, kuidas tööriistad nagu Pagenza suudavad sinu lihtteksti plaani minutitega reaalajas saidiks muuta.

Ehitusplaanita ehitamise katastroof

Veetsid kolm nädalavahetust saidi kokkupanemisel, nokitsedes värvipalettidega, kirjutades avalehe teksti, laadides üles tootefotosid. Tundsid end tootlikuna. Siis näitasid seda sõbrale. "Millist lehte ma pean klõpsama sinu teenuste jaoks?" küsis ta. Sa osutasid teisele lingile menüüs – sellele, mis oli märgistatud "Lahendused", sest see kõlas lahedalt. "Ja kus on sinu lugu?" Sa mõistsid, et olid selle matnud rippmenüü alla. Sait oli reaalajas, kuid keegi ei leidnud midagi. Liiklus tuli ja põrkas. Lõpuks võtsid kogu asja maha ja alustasid otsast peale.

See stsenaarium on valusalt tavaline. See, mis puudus, ei olnud parem disain või teravam tekst – see oli infot arhitektuur. IA on nähtamatu skelett, mis muudab saidi intuitiivseks. Kui jätad selle vahele, tunneb iga külastaja, nagu oleks ta eksinud hoonesse, kus pole silte. Lahendus on petlikult lihtne: planeeri kõigepealt, ehita seejärel.

1. samm: Määratle oma saidi põhieesmärk ja sihtrühm

Enne kui avad mõne ehitaja, vasta kahele küsimusele lihttekstis: "Mida see sait täpselt saavutama peab?" ja "Kes on minu kõige olulisem külastaja?" Mitte "kõik" – üks peamine persoona. Vabakutselise disaineri jaoks võib eesmärk olla "küsipakkumised brändiprojektide jaoks" ja persoona on "varajases staadiumis idufirmade asutajad." Kirjuta need üles. Neist saab filter iga otsuse jaoks.

Näide: Joogainstruktor soovis saiti, mis meelitaks kohalikke õpilasi tema tundidesse. Kuid ta tahtis ka müüa veebivideoid. Need kaks eesmärki on avalehel vastuolus, kui sa ei sea prioriteete. Valides "isiklikele tundidele registreerumise" peamiseks tegevuseks, otsustas ta, et avalehel on kõigepealt tema ajakava, veebipoe jättes ühe taseme sügavamale. See selgus hoidis ära segase pudru.

Hoiatus: Ära mõtle seda sammu üle. Üks lause eesmärgi ja persoona kohta on piisav. Lõks on see, et kulutad päevi täiustamisele, kui võiksid iteratsiooni jätkata.

2. samm: Koosta lihtne saidikaart

Nüüd loetle kõik lehed, mida su sait vajab, grupeeritud prioriteedi järgi. Avaleht on peal. Seejärel põhiosad (nt Teave, Teenused, Blogi, Kontakt). Iga all loetle alamlehed (nt Teenused → Veebidisain, Bränding, Hinnakiri). Kasuta tahvlit või paberit. See on sinu saidikaart.

Miks see oluline on: Saidikaart paljastab lüngad ja kattuvused enne kodeerimist. Joogainstruktori näites oli tema esialgses nimekirjas nii "Tunnid" kui ka "Ajakava" eraldi lehtedena. Saidikaardil nägi ta, et need on üleliigsed, ja liitis need kokku. See säästis terve lehe disaini ja teksti tööd.

Vastandlik nõuanne: Vähista soovi teha "tasane" sait, kus iga leht on avalehest ühe kliki kaugusel. Kuigi see tundub kasutajasõbralik, matab see sageli peamise tegevuse lõputute linkide alla. Madal hierarhia (maksimaalselt kolm taset) hoiab asjad skannitavana.

3. samm: Joonista paberile võtmelehtede traatkaadrid

Võta oma saidikaart ja visanda oma kõige olulisemate lehtede paigutus – avaleht, põhiosa maandumisleht ja sisuleht. Kasuta kastikesi piltide jaoks, jooni teksti jaoks ja X-e nuppude jaoks. See pole ilu pärast; see on voolavuse pärast. Kuhu läheb silm? Kas tegevuskutse on silmapaistev?

Näide: Konsultandi avalehe traatkaader asetas kangelaspildi vasakule ja teksti paremale. Pärast testimist kahe kolleegiga klõpsasid kõik kõigepealt pilti. Ta vahetas kesksele kangelasele, pealkiri peal – konversioon paranes.

Hoiatus: Ära joonista kõigi 20 lehe traatkaadreid. Keskendu mallidele. Kui sul on avalehe, sisulehe ja kontaktilehe paigutus, saad neid uuesti kasutada.

4. samm: Valideeri enne arendamist

Jaga oma saidikaarti ja traatkaadreid kolme inimesega, kes sobivad sinu sihtrühmaga. Küsi: "Kui sa maandusid sellele lehele, kus sa esimesena klõpsaksid?" Nende vastused paljastavad navigatsiooni pimealad. Paranda need kohe, mitte pärast käivitamist.

Tasu: Kui lõpuks avad oma veebiehitusvahendi, sa ei ajurünnaku – sa täidad. Igal disainiotsusel on juba põhjus. Ehitus muutub kiiremaks, sest sa ei kahtle.

Plaanist reaalajas saidini minutitega

Kui infot arhitektuur on käes, saab tegelik ehitamine toimuda kiiresti. Kaasaegsed madalakoodi tööriistad võimaldavad muuta lihtteksti terviklikuks leheks. Sa kirjeldad oma avalehe paigutust, teksti, pilte ja tööriist genereerib selle – ilma lohistamise ja lohistamiseta. See on koht, kus planeerimine tõesti tasub ära: sa tead juba täpselt, mida vajad, nii et genereerimine võtab minuteid, mitte tunde.

Vastandlik reaalsus: Aeglustamine kiirendab sind

Enamik nõuandeid ütleb "lihtsalt alusta" ja iteratiivselt. Kuid veebisaidi puhul see nõuanne tagasilöögi, sest iga muudatus lainetab läbi struktuuri. Ühe päeva kulutamine planeerimisele võib säästa nädala jagu ümbertöötamist. Ainsaks erandiks on see, kui ehitate ühte maandumislehte lühiajalise kampaania jaoks – siis toetu kiirusele. Kuid iga saidi puhul, mis esindab sinu brändi pikaajaliselt, planeeri enne.

Kokkuvõte: Sinu saidi edu sõltub selle struktuurist

Infot arhitektuur ei ole glamuursed, kuid see on erinevus saidi vahel, mis konverteerib ja mis ajab segadusse. Alusta eesmärgi ja persoonaga, kaardi lehed, visanda paigutused ja valideeri varakult. Seejärel ehita enesekindlalt. Aeg, mille investeerid ette, korrutab sinu kiirust hiljem. Ja kui ühendad kindla plaani tööriistaga, mis muudab teksti reaalajas leheks, on sul professionaalne sait reaalajas tundidega, mitte nädalavahetustega.