• UI IN UX

Paretovo načelo v spletnem oblikovanju - oblikujte učinkovitejšo spletno stran po pravilu 80/20

  • Lene Wandrey
  • 1 min read
Paretovo načelo v spletnem oblikovanju - oblikujte učinkovitejšo spletno stran po pravilu 80/20

Problem perfekcionizma pri spletnem oblikovanju

Perfekcionizem je lahko izziv za številne grafične in spletne oblikovalce. Prizadevanje za odličnost je občudovanja vredno, vendar lahko privede do razočaranja zaradi neskončnega spreminjanja in popravljanja, dokler vsak element spletne strani ni popoln. Mnogi oblikovalci se zlahka zapletejo v proces oblikovanja in izgubijo občutek za čas, medtem ko izbirajo pisave, barvne palete in premišljujejo o stotinah pikselsko popolnih oblikovalskih odločitev. Seveda je pomembno, da zagotovimo odlično delo, vendar kot oblikovalec zlahka izgubimo pozornost na to, kaj to pomeni? Spletna stran ne bi smela biti namenjena oblikovalčevim ciljem, temveč izpolnjevanju želenega rezultata naročnika, hkrati pa uravnoteženju omejitev časa, sredstev in energije. Brez omejitev se lahko spletna stran zlahka konča kot pretirano zasnovana, počasna, s preveč elementi in funkcijami, ki zmedejo uporabnike. Prav tako je v omejenem času težko umestiti vse funkcije, zato lahko oblikovalcu preprosto zmanjka časa, neuspešna izdelava dobre spletne strani v roku pa je zelo stresna za vse vpletene.

Kaj je Paretovo načelo?

Pravilo 80/20, včasih imenovano tudi Paretovo načelo, pravi, da je 80 % učinkov posledica 20 % vzrokov. Paretovo načelo je prvi predstavil italijanski ekonomist Vilfredo Pareto leta 1895, ko je opazil, da je 80 % italijanskega bogastva v lasti le 20 % prebivalstva. Opazil je tudi, da je 20 % grahovih strokov na njegovem vrtu proizvedlo 80 % graha! Paretovo načelo kaže, da je nekaj ključnih elementov odgovornih za proizvodnjo večine danih rezultatov. Od takrat je bilo uporabljeno na številnih drugih področjih, vključno s poslovanjem, ekonomijo, psihologijo, in je lahko celo praktično uporabno v vsakdanjem življenju.

To se dobro prenaša tudi na manjše primere; ste že kdaj opazili, da večina vašega prihodka prihaja od peščice istih stalnih strank? Ali da se zdi, da vedno nosite ista oblačila, medtem ko se večina vaše garderobe ne uporablja? Čeprav razmerje ni vedno točno 80/20 in vedno obstajajo izjeme, je to odlično orodje, ki ljudem pomaga ugotoviti, katera dejanja imajo največji vpliv na njihov uspeh, in jih ustrezno razvrstiti po pomembnosti.

Paretovo načelo v spletnem oblikovanju in digitalnem trženju

Paretovo načelo, ki se uporablja pri oblikovanju spletnih strani, predvideva, da bo največ rezultatov prineslo majhno število ključnih funkcij. Pri trženju bodo nekatere kampanje uspešnejše od drugih. Da bi dosegli najboljši rezultat, se je smiselno najprej osredotočiti na to majhno število ključnih funkcij in jim zagotoviti največjo pozornost, medtem ko je manj pomembne dele mogoče opraviti hitreje. Eden od načinov uporabe Paretovega načela je osredotočanje na uporabniško izkušnjo in uporabnost - če boste pozorni na to, kako uporabniki komunicirajo z vašo spletno vsebino, in zagotovili, da lahko najdejo, kar potrebujejo, boste verjetno dosegli večje rezultate, kot če bi se osredotočili zgolj na estetiko. Uči nas, da popolnost ni vedno potrebna in da je mogoče z optimizacijo 20 % pomembnih funkcij doseči še učinkovitejše spletno mesto.

Na primer, pravkar smo pregledali podatke o prometu majhne spletne trgovine, ki prodaja ročno izdelane izdelke, in opazili več Paretovih trendov. Na primer, skoraj vsi njihovi obiskovalci dostopajo do spletnega mesta prek mobilnih naprav. Večina prodaje izdelkov izhaja iz majhnega števila kategorij. Facebook je bil njihov največji vir prometa iz družbenih medijev. Pri pregledu toplotnega zemljevida strani z izdelki so nekatera področja deležna večje vključenosti. Nekoliko je mogoče opaziti tipičen vzorec F, pri čemer so skupki interakcij v zgornji vrstici in po levi strani strani.

Devices popularity

Dashboard with website analytics data

Kaj lahko s temi informacijami storite za izboljšanje prodaje za to stranko?

V tem primeru bi bilo najhitreje mogoče izboljšati mobilno izkušnjo tega spletnega mesta, ki je bilo prvotno ustvarjeno za namizne računalnike. Preučili bi lahko toplotne zemljevide vseh strani, da bi izvedeli več o preferencah uporabnikov. Na primer, najbolj klikana vprašanja iz razdelka Pogosta vprašanja bi lahko premaknili na začetno stran, namesto da jih skrijete. Izdelki z visokim donosom bi lahko bili predstavljeni na tistih delih strani, kjer je verjetnost največjega števila klikov.

Vedno začnite z vprašanjem "Zakaj

Always start with the Why(Vir slike: Envato Elements)

Na podlagi izkušenj v industriji sem opazil, da veliko oblikovalcev z veseljem sprejme zadolžitve in začne delati na projektih, čeprav jim manjkajo ključne informacije v zvezi z namenom projekta. Morda je oseba, ki je sestavila brief, mislila, da so te informacije implicirane, ali pa jih naročnik ni jedrnato ubesedil. Preden začnete delati, si vzemite trenutek časa in se umaknite. Brez jasnega razumevanja, zakaj počnete to, kar počnete, bo vašemu spletnemu oblikovanju manjkala usmeritev. Vaše spletno mesto se vam in celo naročniku morda zdi dobro, vendar bo kljub vašim številnim uram rezultat razočaral, če ne bo dosegel naročnikovih pričakovanih rezultatov.

Vprašajte se: Zakaj obstaja ta spletna stran? Kdo bodo končni uporabniki spletnega mesta in kako bodo sodelovali na spletnem mestu? Kako bo spletna stran ustvarila vrednost in uspeh za vašo stranko? Kako bo stranka merila ta uspeh? Kako bo spletna stran privabljala obiskovalce in pridobivala potencialne uporabnike? Ko boste lahko odgovorili na ta vprašanja in boste razumeli "zakaj", boste lažje določili prednostne naloge za elemente oblikovanja "kaj" in "kako". Ko si boste lahko predstavljali želeni rezultat, boste lažje usmerili svojo energijo na najpomembnejša področja za njegovo doseganje.

Pri oblikovanju spletnih strani uporabljajte pristop minimalnega izvedljivega izdelka.

Pri oblikovanju spletnega mesta je treba sprejeti veliko odločitev, zato je težko vedeti, kje začeti. Pristop minimalno izvedljivega izdelka (MVP) vključuje takojšnjo izdelavo le osnovnih elementov spletnega mesta, ki se nato sčasoma nenehno izboljšujejo na podlagi povratnih informacij strank. Običajno se to naredi zaradi prihranka stroškov in časa ali kadar poslovna zamisel temelji na številnih predpostavkah. Namesto da bi razvijalci poskušali narediti vse naenkrat, lahko na podlagi potreb strank določijo prednostne funkcije in čim prej ustvarijo prototipe. Tudi kadar niste pod časovnim ali proračunskim pritiskom, je sprejetje spletne strani kot MVP fantastičen način uporabe Paretovega načela in boja proti perfekcionističnim težnjam. Psihično vam pomaga zavedanje, da lahko pozneje vedno dodate več funkcij, vendar se morate za zdaj osredotočiti na najpomembnejše elemente.

Oblikovanje za mobilne naprave vam lahko pomaga poenostaviti spletno mesto

Pri oblikovanju spletnega mesta želite uporabnikom zagotoviti učinkovito in intuitivno izkušnjo. To lahko najbolje dosežete z oblikovanjem, ki temelji na pristopu "mobile-first". Ta koncept vključuje oblikovanje spletnih mest, ki so najprej optimizirana za mobilne naprave, in ne namiznih spletnih mest, ki so prilagojena za mobilne naprave. Zakaj je to potrebno? Po podatkih portala techjury.net bodo leta 2022 mobilni telefoni ustvarili 60,66 % prometa na spletnih mestih, medtem ko bodo namizni in tablični računalniki skupaj ustvarili 39,34 %. To se lahko razlikuje v različnih panogah in na različnih spletnih mestih, vendar je trend vreden omembe. Če se pri oblikovanju osredotočite na mobilno različico spletnega mesta, lahko povečate možnosti za uspeh v svojo korist.

Ko začnete oblikovati za mobilne naprave, boste hitro opazili, da je manj prostora za besedilo in nered. Če ste dolgo oblikovali za namizne računalnike, se je precej težko prilagoditi. Vendar se ta pristop dobro ujema s Paretovim načelom, saj vam pomaga izbrati vsebino z največjim učinkom. To ima dve prednosti: vaše spletno mesto bo optimizirano za mobilno platformo, ki jo imajo uporabniki najraje, ko pa ga boste prilagodili za namizne računalnike, bo vizualno videti sodobno in čisto. Pozneje boste morali spletno mesto še vedno prilagoditi za namizne računalnike, vendar je pri delu s pristopom "najprej za mobilne naprave" to veliko lažje, saj imate že poenostavljeno zasnovo.

Opravite raziskavo in analizirajte spletne strani konkurentov

Pri spletnem oblikovanju si pogosto predstavljamo, da je raziskava ogled drugih navdihujočih spletnih mest ali predlog s čudovitimi oblikovnimi elementi. Vendar pa raziskovanje spletnega oblikovanja presega zgolj občudovanje estetike drugih spletnih mest. Treba je razumeti, kako ljudje uporabljajo splet, kako uporabniki komunicirajo z različnimi oblikami in kako je organizirana vsebina, da bi ustvarili učinkovito spletno mesto. S prošnjo za vse analitične podatke, ki jih lahko zagotovi stranka, ali z uporabo orodja za spremljanje, kot je Ranktracker, lahko bolje opredelimo področja, ki jih je mogoče izboljšati za bolj učinkovito spletno mesto.

Raziskave morajo vključevati preučitev obstoječih industrijskih standardov, ciljnih občinstev in želja uporabnikov z analizo konkurence. Konkurente lahko poiščete tako, da povprašate naročnika ali pa sami poiščete in preverite, katera spletna mesta so na vrhu. Ko ste ugotovili nekaj konkurentov, potrebujete zanesljiv vir podatkov o njih. Ena mojih najljubših funkcij programa Ranktracker je možnost dodajanja lastnih identificiranih konkurentov, pri čemer bo prikazana uspešnost konkurentov v stolpcu poleg rezultatov vaše domene. Če vas konkurent prehiteva za vaše lastne ključne besede, je vredno analizirati njegovo spletno mesto in se od njega učiti. Če želite dodati konkurenta, preprosto vstavite njegov URL.

Add competitors in Rank Tracker

Rank Tracker board

Kliknite za odličen poglobljen članek o tem, kako opraviti analizo konkurence.

Med raziskovanjem naredite sanjski seznam vseh možnih funkcij in elementov, ki bi jih lahko vključili (brez skrbi, vse to boste omejili, vendar je koristno, če imate vse ideje skupaj).

Načrtovanje: Opredelitev ključnih značilnosti načrtovanja

Planning: Identifying Key Design Features(Vir slike: Envato Elements)

Oblikovanje spletnega mesta mora temeljiti na njegovem namenu. Oglejte si vse elemente/funkcije s seznama sanj in izberite tiste, za katere menite, da bodo stranki pomagali doseči njen cilj. Vzemite prazen papir in začnite risati grobe osnutke spletnega mesta. Na okvirjih povezujte vsak element, ki ga nameravate vključiti, z rezultatom: če ne najdete jasnega namena zanj, ta del izločite. Ne razmišljajte o estetiki oblikovanja, osredotočite se na to, kaj je najboljše za uporabniško izkušnjo in uporabnost.

V nasprotju s splošnim prepričanjem ni treba, da so vaši prvi okvirji oblikovani z zahtevno programsko opremo za oblikovanje. Analogni pristop s svinčnikom in papirjem bo deloval odlično, včasih celo bolje, saj vas programska oprema ne bo motila. Papir je bolj prizanesljiv in manj trajen; hitreje ga uporabljate, kar vam lahko pomaga med ustvarjalnim procesom. Če je treba wireframe predstaviti stranki, lahko to storite bolj profesionalno, ko ste obdelali grobe risbe.

Najprej naredite maketo, ne oblikujte je v spletni platformi, da prihranite čas.

Star pregovor pravi, da letala ne moreš upravljati, medtem ko ga gradiš. To velja tudi za oblikovanje spletnih strani: če poskušate zgraditi spletno stran, medtem ko se še vedno odločate o vsebini, funkcijah in oblikovanju, je to recept za razočaranje. Da bi bile stvari učinkovite, potrebujete načrt. Izdelava makete vsake strani se zdi na tem mestu zamudna in protiintuitivna, vendar služi številnim namenom in bo na dolgi rok prihranila čas. Makete omogočajo naročniku, da si predstavi spletno stran, še preden se začne izdelava spletnega mesta. Izkusi lahko različne možnosti barv in pisav ter zlahka predvidi, kaj je treba spremeniti. Razprava o maketah ustvarja veliko priložnosti za razpravo in vprašanja. S tem se povečajo možnosti, da bo vaša stranka zadovoljna, ko bo prvič videla spletno mesto v živo. Najpomembneje pa je, da vam delo z maketo omogoča, da spletno mesto zgradite veliko hitreje, ko preidete v fazo razvoja, saj so skoraj vse ustvarjalne odločitve že sprejete.

Delo z vsebino, ki bo dobro uvrščena v iskalnikih

Včasih bo stranka vztrajala, da začnete oblikovati z "nadomestnim besedilom", saj meni, da je vaša naloga le oblikovanje estetskih elementov. Če je le mogoče, se izogibajte oblikovanju z generičnim nadomestnim besedilom. Čeprav je vaše oblikovanje morda videti čudovito, bi bilo vaše spletno mesto brez namena, če bi zanemarili ključno sestavino, kot je dobro napisana vsebina.

Spletna stran je dragocena le, če jo obišče obiskovalec, z optimizacijo za iskalnike (SEO) pa iskalniki vašo spletno stran najdejo organsko. Besedilo, ki ga izberete na strani, je ključnega pomena za SEO, oblikovni elementi pa morajo to besedilo podpirati. Če vnaprej veste, katere so ključne besede, vam to omogoča dodaten vpogled. Če pri pripravi vsebine sodelujete s piscem besedil, se prepričajte, da je seznanjen s SEO. Tudi če niste strokovnjak za SEO, se seznanite s to temo, da se boste med postopkom oblikovanja spletnih strani tega bolje zavedali.

Nekatera orodja za iskanje ključnih besed so zapletena (zlasti če ste novinec v SEO), vendar je iskalnik ključnih besed Ranktracker zelo preprost in intuitiven: preprosto dodate ključne besede na seznam in prikaže rezultate, ki so barvno označeni glede na težavnost ključnih besed. Za dobro SEO želite izbrati ključne besede z majhno konkurenco, vendar z ustreznim obsegom iskanja, zato je zelo koristno, da je obseg iskanja prikazan prav tam.

Keyword Finder

Preden začnete, poskusite pripraviti vsaj osnutek besedila. Če ste samostojni oblikovalec, boste morali naročniku verjetno pomagati tudi ugotoviti, kje na spletnem mestu se besedilo najbolje prilega. V procesu oblikovanja se lahko besedilo nekajkrat spremeni, vendar je veliko bolje imeti nekaj za začetek kot nič.

Poenostavite izbiro pisav, barv, hierarhije in vizualnih elementov.

Če ste manj izkušeni oblikovalec ali bi radi prihranili nekaj časa, je koristno delati s predlogami in jih uporabiti kot osnovo. Za sisteme CMS, kot je WordPress, je na voljo na tisoče odličnih predlog po razumnih cenah. Te že imajo pisave, barve, hierarhijo in vizualne elemente, oblikovane v skladnem slogu. Če vas skrbi izvirnost, bodite prepričani, da bo vaš rezultat videti drugače kot v predlogi, saj jo prilagajate svojim okvirjem. Če imate na začetku nekaj oblikovalskih sredstev in splošni slog, vam to lahko resnično pomaga najti smer in zmanjša utrujenost od odločitev. Ne vključite preveč barv: barve spletnega mesta lahko varno omejite na 2 barvi ali največ 3. Za nekaj odličnih idej in trendov pri izbiri barv spletnega mesta si oglejte The 20 Best Color Combinations to Try on Your Website.

Zaključek: Povečanje učinka

Če ve, na kaj se mora osredotočiti, lahko oblikovalcu pomaga obvladati njegova perfekcionistična nagnjenja in hkrati doseči uspeh. Paretovo načelo je pravilo pri oblikovanju spletnih strani, ki pravi, da je 80 % uporabniške izkušnje mogoče doseči z 20 % truda. To pomeni, da se morajo spletni oblikovalci osredotočiti na optimizacijo vsebine, elemente oblikovanja na strani, uporabnost in druge dejavnike, da ustvarijo učinkovito spletno mesto, ki bo dobro uvrščeno v iskalnikih.

Lene Wandrey

Lene Wandrey

Lene Wandrey is a tech-loving artist, graphic designer and entrepreneur living in South Africa. She's the founder of hot-designs.com. She is passionate about design and productivity.

Link: hot-designs.com

Preizkusite Ranktracker BREZPLAČNO