• UI & UX

Pareto põhimõte veebidisainis - kujundage efektiivsem veebileht 80/20 reegli abil

  • Lene Wandrey
  • 1 min read
Pareto põhimõte veebidisainis - kujundage efektiivsem veebileht 80/20 reegli abil

Perfektsionistliku veebidisaini probleem

Perfektsionism võib olla paljude graafika- ja veebidisainerite jaoks väljakutse. Täiuslikkuse poole püüdlemine on imetlusväärne, kuid see võib põhjustada pettumust lõputute muudatuste ja paranduste tegemisega, kuni veebilehe iga element on täiuslik. Paljudel disaineritel on lihtne lasta end disainiprotsessis kaasa haarata ja kaotada ajaressurss kirjatüüpide ja värvipalettide valimisel ning sadade pikslipäraste disainiotsuste üle mõtisklemisel. Kindlasti on oluline pakkuda suurepärast tööd, kuid disainerina on lihtne kaotada tähelepanu sellele, mida see tähendab? Veebileht ei tohiks olla seotud disaineri eesmärkidega, see peaks olema kliendi soovitud tulemuse saavutamine ning samal ajal aja, ressursside ja energia piirangute tasakaalustamine. Piirangute puudumisel võib veebileht kergesti muutuda üleprojekteeritud, aeglaseks, liiga paljude elementide ja funktsioonidega, mis ajavad kasutajad segadusse. Samuti on raske kõiki funktsioone piiratud aja jooksul ära mahutada, nii et disaineril võib lihtsalt aeg otsa saada ja hea veebilehe tähtajaks mitte valmimine on kõigile asjaosalistele väga stressirohke.

Mis on Pareto põhimõte?

"80/20 reegel", mida mõnikord nimetatakse Pareto põhimõtteks, ütleb, et 80% mõjudest tuleneb 20% põhjustest. Pareto põhimõtte võttis esmakordselt kasutusele Itaalia majandusteadlane Vilfredo Pareto 1895. aastal, kui ta täheldas, et 80% Itaalia rikkusest kuulub vaid 20%-le elanikkonnast. Samuti märkas ta, et 20% tema aias olevatest hernehernestestest andis 80% hernestest! Pareto põhimõte näitab, et mõned võtmeelemendid vastutavad suurema osa teatud tulemuse eest. Sellest ajast alates on seda põhimõtet rakendatud paljudes teistes valdkondades, sealhulgas äris, majanduses ja psühholoogias, ning see võib olla praktiline isegi igapäevaelus.

See kehtib ka väiksemate näidete puhul; kas olete kunagi märganud, et suurem osa teie sissetulekust pärineb käputäiest samadest püsiklientidest? Või et näib, et kannate alati samu riideesemeid, samas kui enamus teie garderoobist ei kasutata? Kuigi suhe ei ole alati täpselt 80/20 ja alati on erandeid, on see suurepärane vahend, mis aitab inimestel tuvastada, millised tegevused mõjutavad nende edu kõige rohkem, ja neid vastavalt prioriseerida.

Pareto põhimõte veebidisainis ja digitaalses turunduses

Veebidisaini suhtes kohaldatav Pareto põhimõte eeldab, et enamik tulemusi saadakse vähestest põhifunktsioonidest. Turunduses õnnestuvad mõned kampaaniad palju paremini kui teised. Parima tulemuse saavutamiseks on mõistlik keskenduda kõigepealt nendele vähestele põhifunktsioonidele ja tagada, et neile pööratakse kõige rohkem tähelepanu, samal ajal kui vähemtähtsate osadega saab kiiremini hakkama. Üks võimalus Pareto põhimõtte kasutamiseks on keskenduda kasutajakogemusele ja kasutatavusele - pöörates tähelepanu sellele, kuidas kasutajad teie veebisisuga suhtlevad ja tagades, et nad leiavad, mida vajavad, saate tõenäoliselt suuremat kasu, kui kui keskendute ainult esteetilisele küljele. See õpetab meile, et täiuslikkus ei ole alati vajalik ja et on võimalik saavutada veelgi tõhusam veebisait, optimeerides olulisi 20% funktsioone.

Näitena vaatasime just ühe väikese e-kaubamaja, mis müüb käsitsi valmistatud tooteid, liiklusandmeid ja märkasime mitmeid Pareto trende. Näiteks pääsevad peaaegu kõik nende külastajad saidile mobiiliga. Enamik toodete müüki toimub väikestest kategooriatest. Facebook oli nende suurim sotsiaalmeedia liikluse allikas. Kui uurida tootelehe soojuskaarti, siis mõnedes valdkondades on rohkem kaasamist. Mõnevõrra võib täheldada tüüpilist F-mustrit, kus interaktsioonide klastrid asuvad ülemises reas ja lehe vasakus servas.

Devices popularity

Dashboard with website analytics data

Mida saab selle teabe abil teha, et parandada selle kliendi müüki?

Selle näite puhul oleks kiireim võit parandada selle veebisaidi, mis algselt oli loodud lauaarvuti jaoks, mobiilikogemust. Kõigi lehekülgede soojuskaarte võiks uurida, et saada rohkem teavet kasutajate eelistuste kohta. Näiteks võiks KKK jaotise kõige sagedamini klikkivad küsimused paigutada kodulehele, selle asemel, et neid ära peita. Kõrge kasumlikkusega tooteid võiks esile tõsta lehekülje valdkondades, kus neid kõige sagedamini klikkitakse.

Alusta alati "Miks

Always start with the Why(Pildi allikas: Envato Elements)

Oma kogemuste põhjal olen märganud, et paljud disainerid võtavad hea meelega vastu briifi ja hakkavad projekteerima, isegi kui neil puudub projekti eesmärgiga seotud põhiteave. Võib-olla arvas briifingu koostanud isik, et see teave on vaikimisi olemas, või klient ei ole seda lühidalt sõnastanud. Võtke hetkeks tagasi, enne kui hakkate tööle. Ilma selge arusaamata, miks te seda teete, mida teete, puudub teie veebidisainil suund. Teie veebileht võib teie ja isegi kliendi jaoks tunduda hea, kuid vaatamata teie paljudele töötundidele on tulemus pettumust valmistav, kui see ei saavuta kliendi oodatud tulemusi.

Küsige endalt: Miks see veebileht on olemas? Kes on veebilehe lõppkasutajad ja kuidas nad veebilehel suhtlevad? Kuidas loob veebisait teie kliendile väärtust ja edu? Kuidas mõõdab klient seda edu? Kuidas meelitab veebisait külastajaid ja püüab juhtumeid? Kui te suudate neile küsimustele vastata ja saate aru, miks, siis on lihtsam seada prioriteedid kujunduselementide "mis" ja "kuidas". Kui suudate visualiseerida soovitud tulemust, aitab see teil keskenduda kõige olulisematele valdkondadele, et seda saavutada.

Võtke veebidisainis omaks minimaalse elujõulise toote lähenemisviis

Kuna veebisaidi kujundamisel tuleb teha nii palju otsuseid, võib olla raske teada, kust alustada. Minimaalselt elujõulise toote (MVP) lähenemisviis hõlmab ainult veebisaidi põhielementide loomist kohe ja nende pidevat täiustamist klientide tagasiside abil aja jooksul. Seda tehakse tavaliselt kulude ja aja kokkuhoiuks või siis, kui äriidee põhineb paljudel eeldustel. Selle asemel, et proovida kõike korraga, saavad arendajad klientide vajadustest lähtuvalt funktsioone prioriseerida ja luua prototüüpe nii kiiresti kui võimalik. Isegi kui teil ei ole aja- või eelarvesurvet, on veebisaidi omaksvõtmine MVP-na fantastiline viis Pareto põhimõtte rakendamiseks ja perfektsionistlike tendentside vastu võitlemiseks. Vaimselt aitab teadmine, et võite alati hiljem lisada rohkem funktsioone, kuid praegu peaksite keskenduma kõige olulisematele elementidele.

Disainimine mobiiltelefoni-first võib aidata teil lihtsustada oma veebisaiti

Veebilehe kujundamisel soovite pakkuda kasutajatele tõhusat ja intuitiivset kasutuskogemust. Parim viis selle saavutamiseks on kujundada veebisait "mobiilidelt". See kontseptsioon hõlmab selliste veebisaitide loomist, mis on esmalt optimeeritud mobiilseadmetele, mitte aga lauaarvuti veebisaite, mida kohandatakse mobiilile. Miks on see vajalik? 2022. aastal moodustavad mobiiltelefonid techjury.net andmetel 60,66% veebisaitide külastatavusest, samas kui laua- ja tahvelarvutid koos moodustavad 39,34%. See võib erinevates tööstusharudes ja erinevatel veebisaitidel erineda, kuid suundumus on märkimist väärt. Keskendudes oma kujunduses veebilehe mobiiliversioonile, saate oma eduvõimalused enda kasuks.

Kui hakkate kujundama mobiilseadmete jaoks, märkate kiiresti, et sõnastusele ja segadusele on vähem ruumi. Kui olete pikka aega kujundanud lauaarvutite jaoks, on seda üsna raske kohandada. Kuid selline lähenemine sobib hästi kokku Pareto põhimõttega, sest see aitab teil valida kõige suurema mõjuga sisu. Sellest on kaks kasu: teie veebileht on optimeeritud kasutajate poolt eelistatud mobiiliplatvormile ning kui kohandate seda töölauale, näeb see visuaalselt moodne ja puhas välja. Sa pead oma veebisaiti hiljem ikka veel töölaua jaoks kohandama, kuid kui töötad mobiilile suunatud lähenemisviisist lähtudes, muutub see palju lihtsamaks, sest sul on juba lihtsustatud kujundus.

Tehke uuringuid ja analüüsige konkurentide veebisaite

Kui tegemist on veebidisainiga, siis mõtleme sageli, et uurimistöö tähendab teiste inspireerivate veebisaitide või ilusate kujunduselementidega mallide vaatamist. Kuid veebidisaini uurimine läheb kaugemale teiste veebisaitide esteetika imetlemisest. Tõhusa veebisaidi loomiseks on vaja mõista, kuidas inimesed veebi kasutavad, kuidas kasutajad erinevate kujundustega suhtlevad ja kuidas sisu korraldatakse. Kui küsime kliendi poolt esitatavaid analüütilisi andmeid või kasutame sellist jälgimisvahendit nagu Ranktracker, saame paremini kindlaks teha, milliseid valdkondi on võimalik parandada, et veebisait paremini toimiks.

Uuringud peaksid hõlmama olemasolevate tööstusharu standardite, sihtrühmade ja kasutajate eelistuste uurimist konkurentide analüüsi abil. Konkurente saate leida, küsides kliendilt või tehes ise otsinguid ja vaadates, millised veebisaidid on esikohal. Kui olete tuvastanud mõned konkurendid, vajate usaldusväärset allikat nende kohta andmete saamiseks. Üks minu lemmikfunktsioone Ranktrackeris on võimalus lisada oma tuvastatud konkurendid ja see kuvab konkurentide tulemuslikkuse veerus teie enda domeenitulemuste kõrval. Kui konkurent edestab teid teie enda märksõnade puhul, tasub analüüsida nende veebisaiti, et õppida neilt. Konkurendi lisamiseks tuleb lihtsalt sisestada nende URL.

Add competitors in Rank Tracker

Rank Tracker board

Klõpsake suurepärast põhjalikku artiklit selle kohta, kuidas teha konkurentsianalüüsi.

Kui teete kogu uurimistöö, koostage "unistuste nimekiri" kõigist võimalikest funktsioonidest ja elementidest, mida võiksite lisada (ärge muretsege, te kitsendate neid, kuid on kasulik, kui kõik ideed on koos).

Planeerimine: Peamiste projekteerimisomaduste kindlakstegemine

Planning: Identifying Key Design Features(Pildi allikas: Envato Elements)

Veebisaidi kujundus peaks lähtuma selle eesmärgist. Vaadake kõiki elemente/omadusi oma unistuste nimekirjast ja valige need, mis teie arvates aitavad kliendil oma eesmärki saavutada. Võtke tühi paber ja hakake joonistama oma veebisaidi jämedaid trajektoorseid raame. Ühendage oma trajektooridel iga element, mida kavatsete lisada, tulemusega: kui te ei leia sellele selget eesmärki, jätke see osa kõrvale. Ärge mõelge disaini esteetikale, keskenduge sellele, mis on parim kasutajakogemuse ja kasutatavuse jaoks.

Vastupidiselt levinud arvamusele ei pea teie esimesed trajektoorid olema kujundatud väljamõeldud disainitarkvaraga. Pliiatsi ja paberi analoogne lähenemine töötab suurepäraselt ja mõnikord isegi paremini, sest tarkvara ei häiri teid. Paber on andestavam ja vähem püsiv; seda on kiirem kasutada, mis võib aidata loomingulises protsessis. Kui teil on vaja kliendile trajektoorseid kujutisi esitada, saab seda teha professionaalsemalt, kui olete jämedad joonised läbi töötanud.

Tee kõigepealt makett, ära projekteeri veebiplatvormil, et säästa aega.

On vana ütlus, et lennukit ehitades ei saa lennata. See kehtib ka veebidisaini puhul: kui püüate ehitada veebisaiti, samal ajal kui te veel otsustate sisu, funktsioonide ja disaini kohta, on see pettumuse retsept. Et asjad oleksid tõhusad, on vaja plaani. Iga lehe mudeli loomine tundub siinkohal aeganõudev ja vastunäidustatud, kuid see teenib paljusid eesmärke ja säästab pikemas perspektiivis aega. Makettide abil saab klient visualiseerida veebilehte juba enne veebiarenduse algust. Nad saavad kogeda erinevaid värvi- ja kirjavõimalusi ning hõlpsasti ette näha, mida on vaja muuta. Mock-upi arutamine loob palju võimalusi aruteluks ja küsimuste esitamiseks. See suurendab tõenäosust, et teie klient on rahul, kui ta näeb esimest korda live-saiti. Kõige tähtsam on see, et mock-upiga töötamine võimaldab teil veebilehte palju kiiremini ehitada, kui jõuate arendusetappi, sest peaaegu kõik loomingulised otsused on juba tehtud.

Töötage sisuga, mis on otsingumootorites hästi reastatud

Mõnikord nõuab klient, et te alustaksite kujundamist "paigutatud tekstiga", sest ta arvab, et teie ülesanne on ainult esteetiliste elementide kujundamine. Kui võimalik, vältige kujundustöid üldiste tekstide abil. Kuigi teie kujundus võib olla ilus, puudub teie veebisaidil eesmärk, kui te jätate tähelepanuta ühe põhikomponendi, näiteks hästi kirjutatud sisu.

Veebileht on väärtuslik ainult siis, kui see saab külastajaid, ja otsingumootorite optimeerimine (SEO) on see, kuidas otsingumootorid teie veebilehe orgaaniliselt üles leiavad. SEO jaoks on oluline, milliseid sõnastusvalikuid lehel kasutatakse, ja kujunduselemendid peaksid sõnastust toetama. Kui te teate eelnevalt, millised on märksõnad, annab see teile täiendava ülevaate. Kui te töötate oma sisu koostamisel koos copywriteriga, veenduge, et ta on SEO-ga kursis. Isegi kui te ei ole SEO-ekspert, tutvuge selle teemaga, et oleksite veebidisaini käigus sellest teadlikum.

Mõned märksõnade otsingu tööriistad on keerulised (eriti kui olete uus SEO), kuid Ranktracker Keyword Finder on väga lihtne ja intuitiivne: te lihtsalt lisate märksõnad nimekirja ja see kuvab tulemused värviliselt märksõnade raskusastme järgi. Hea SEO jaoks soovite valida madala konkurentsiga, kuid piisava otsingumahuga märksõnu, seega on väga kasulik, et otsingumahud kuvatakse otse seal.

Keyword Finder

Niisiis, enne kui alustate, proovige saada vähemalt sõnastuse eelnõu. Kui olete iseseisev disainer, peate tõenäoliselt aitama kliendil ka välja selgitada, kuhu sõnastus veebisaidil kõige paremini sobib. Disainiprotsessi reaalsus on see, et see sõnastus võib paar korda muutuda, kuid kui teil on midagi, millest alustada, on see palju parem kui mitte midagi.

Lihtsustage valikuid kirjatüüpide, värvide, hierarhia ja visuaalsete elementide osas.

Kui olete vähem kogenud disainer või soovite lihtsalt aega kokku hoida, on kasulik töötada mallidega ja kasutada neid alusena. Sellise CMS-i jaoks nagu WordPress on olemas tuhandeid suurepäraseid malle mõistliku hinnaga. Nendes on juba kirjatüübid, värvid, hierarhia ja ühtses stiilis kujundatud visuaalsed elemendid. Kui olete originaalsuse pärast mures, siis võite olla kindel, et teie tulemus näeb mallist erinev välja, kuna kohandate seda oma trajektooride järgi. Kui teil on olemas mõned kujundusvahendid ja üldine stiil, millest alustada, võib see tõesti aidata teil suunda leida ja vähendada otsustuseväsimust. Ärge lisage liiga palju värve: võite julgelt piirata oma veebisaidi värvid 2 värviga või maksimaalselt 3. Vaadake veebisaidi värvide valimisel suurepäraseid ideid ja suundumusi aadressil The 20 Best Color Combinations to Try on Your Website (20 parimat värvikombinatsiooni, mida proovida oma veebisaidil ).

Kokkuvõte: Mõju maksimeerimine

Teadmine, millele keskenduda, võib aidata disaineril juhtida oma perfektsionistlikke kalduvusi, saavutades samal ajal edu. Pareto põhimõte on veebidisaini rusikareegel, mis ütleb, et 80% kasutajakogemusest on võimalik saavutada 20% vaevaga. See tähendab, et veebidisainerid peavad keskenduma oma jõupingutused sisu, lehekülje kujunduselementide, kasutatavuse ja muude tegurite optimeerimisele, et luua tõhus veebileht, mis on otsingumootorites hästi reastatud.

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

Proovige Ranktrackerit TASUTA