• UI UN UX

Pareto princips tīmekļa dizainā - izstrādājiet efektīvāku tīmekļa vietni, izmantojot 80/20 noteikumu

  • Lene Wandrey
  • 1 min read
Pareto princips tīmekļa dizainā - izstrādājiet efektīvāku tīmekļa vietni, izmantojot 80/20 noteikumu

Problēma ar perfekcionismu tīmekļa dizainā

Daudziem grafikas un tīmekļa dizaineriem perfekcionisms var būt izaicinājums. Tiekšanās pēc izcilības ir apbrīnas vērta, taču tā var izraisīt zināmu neapmierinātību ar nebeidzamu mainīšanu un uzlabošanu, līdz katrs tīmekļa vietnes elements ir perfekts. Daudziem dizaineriem ir viegli ieslīgt dizaina procesā un zaudēt laika ritējumu, izvēloties burtu veidus, krāsu paletes un pārdomājot simtiem pikseļu ideālu dizaina lēmumu. Protams, ir svarīgi radīt lielisku darbu, taču kā dizainerim ir viegli zaudēt uzmanību, ko tas nozīmē? Tīmekļa vietnei nevajadzētu būt par dizainera mērķiem, tai vajadzētu būt par klienta vēlamā rezultāta sasniegšanu, vienlaikus līdzsvarojot laika, resursu un enerģijas ierobežojumus. Ja nav ierobežojumu, tīmekļa vietne var viegli beigties kā pārlieku inženieriski izstrādāta, lēna, ar pārāk daudziem elementiem un funkcijām, kas mulsina lietotājus. Tāpat ir grūti visas funkcijas ietilpināt ierobežotā laikā, tāpēc dizainerim var vienkārši pietrūkt laika, un nespēja izveidot labu tīmekļa vietni noteiktajā termiņā rada lielu stresu visiem iesaistītajiem.

Kas ir Pareto princips?

"80/20 noteikums", ko dažkārt dēvē par Pareto principu, nosaka, ka 80 % seku rodas no 20 % cēloņu. Pirmo reizi Pareto principu 1895. gadā ieviesa itāļu ekonomists Vilfredo Pareto, kad viņš novēroja, ka 80 % Itālijas bagātības pieder tikai 20 % iedzīvotāju. Viņš arī pamanīja, ka 20 % zirņu pākstis viņa dārzā ražo 80 % zirņu! Pareto princips liecina, ka daži galvenie elementi ir atbildīgi par to, ka tiek radīta lielākā daļa konkrēta rezultāta. Kopš tā laika šis princips ir piemērots daudzās citās jomās, tostarp uzņēmējdarbībā, ekonomikā, psiholoģijā, un tas var būt praktiski pielietojams pat ikdienas dzīvē.

To var attiecināt arī uz mazāka mēroga piemēriem; vai esat kādreiz pamanījuši, ka lielāko daļu ienākumu gūstat no nedaudziem vieniem un tiem pašiem pastāvīgajiem klientiem? Vai ka jūs vienmēr valkāat vienu un to pašu apģērbu, bet lielākā daļa jūsu garderobes netiek izmantota? Lai gan šī attiecība ne vienmēr ir tieši 80/20 un vienmēr ir izņēmumi, tas ir lielisks instruments, kas palīdz cilvēkiem noteikt, kuras darbības visvairāk ietekmē viņu panākumus, un attiecīgi noteikt prioritātes.

Pareto princips tīmekļa dizainā un digitālajā mārketingā

Tīmekļa vietņu dizainā piemērojot Pareto principu, tiek pieņemts, ka lielāko daļu rezultātu nodrošinās neliels skaits galveno funkciju. Mārketingā dažas kampaņas būs daudz veiksmīgākas nekā citas. Lai sasniegtu vislabāko rezultātu, ir lietderīgi vispirms pievērsties šiem nedaudzajiem galvenajiem elementiem un nodrošināt, ka tiem tiek pievērsta vislielākā uzmanība, bet mazāk svarīgās daļas var paveikt ātrāk. Viens no veidiem, kā izmantot Pareto principu, ir koncentrēties uz lietotāja pieredzi un lietojamību - pievēršot uzmanību tam, kā lietotāji mijiedarbojas ar jūsu tiešsaistes saturu, un nodrošinot, ka viņi var atrast nepieciešamo, jūs, visticamāk, gūsiet lielākus panākumus nekā tad, ja koncentrētos tikai uz estētiku. Tas māca, ka ne vienmēr ir nepieciešama pilnība un ka ir iespējams panākt vēl efektīvāku tīmekļa vietni, optimizējot 20 % svarīgo funkciju.

Piemēram, mēs tikko apskatījām neliela e-komercijas veikala, kas pārdod ar rokām darinātus izstrādājumus, apmeklētības datus un pamanījām vairākas Pareto tendences. Piemēram, gandrīz visi apmeklētāji vietnei piekļūst, izmantojot mobilos tālruņus. Lielākā daļa produktu tiek pārdoti nelielā skaitā kategoriju. Facebook bija viņu lielākais sociālo mediju datplūsmas avots. Izpētot produktu lapas karstuma karti, redzams, ka dažās jomās iesaistīšanās ir lielāka. Zināmā mērā var novērot tipisko F modeli, ar mijiedarbības klasteriem augšējā rindā un lapas kreisajā malā.

Devices popularity

Dashboard with website analytics data

Ko var darīt, izmantojot šo informāciju, lai uzlabotu šī klienta pārdošanu?

Šajā piemērā ātrākais ieguvums būtu uzlabot šīs vietnes, kas sākotnēji bija veidota darbvirsmas datoram, mobilo pieredzi. Varētu izpētīt visu lapu siltuma kartes, lai uzzinātu vairāk par lietotāju vēlmēm. Piemēram, visbiežāk klikšķinātos jautājumus no sadaļas "Biežāk uzdotie jautājumi" varētu pārvietot uz sākumlapu, nevis paslēpt. Produktus ar augstu peļņas līmeni varētu izvietot tajās lapas daļās, kurās ir vislielākā klikšķu varbūtība.

Vienmēr sāciet ar jautājumu "Kāpēc

Always start with the Why(Attēlu avots: Envato Elements)

No savas pieredzes nozarē esmu novērojis, ka daudzi dizaineri labprāt pieņem darba uzdevumu un sāk strādāt pie dizaina, pat ja viņiem trūkst būtiskas informācijas par projekta mērķi. Iespējams, persona, kas sastādīja darba uzdevumu, uzskatīja, ka šī informācija ir netieši izteikta, vai arī klients to nav īsi formulējis. Pirms sākat darbu, uz brīdi atkāpieties. Bez skaidras izpratnes par to, kāpēc darāt to, ko darāt, jūsu tīmekļa dizainam trūks virziena. Jūsu tīmekļa vietne var izskatīties labi jums un pat klientam, taču, neraugoties uz jūsu daudzajām stundām, rezultāts būs neapmierinošs, ja tas nesasniegs klienta gaidītos rezultātus.

Uzdodiet sev jautājumu: Kāpēc pastāv šī tīmekļa vietne? Kas būs tīmekļa vietnes galalietotāji un kā viņi mijiedarbosies ar tīmekļa vietni? Kā tīmekļa vietne radīs vērtību un panākumus jūsu klientam? Kā klients mērīs šos panākumus? Kā tīmekļa vietne piesaistīs apmeklētājus un piesaistīs potenciālos klientus? Kad spēsiet atbildēt uz šiem jautājumiem un sapratīsiet "kāpēc", būs vieglāk noteikt prioritātes dizaina elementu "kas" un "kā". Ja spēsiet vizualizēt vēlamo rezultātu, tas palīdzēs jums koncentrēt enerģiju uz vissvarīgākajām jomām, lai to sasniegtu.

Minimālā dzīvotspējīgā produkta pieejas izmantošana tīmekļa dizainā

Veidojot tīmekļa vietni, ir jāpieņem tik daudz lēmumu, tāpēc var būt grūti saprast, ar ko sākt. Minimālā dzīvotspējīgā produkta (MVP) pieeja paredz uzreiz izveidot tikai galvenos vietnes elementus un pēc tam laika gaitā tos nepārtraukti pilnveidot, izmantojot klientu atsauksmes. To parasti dara, lai ietaupītu izmaksas un laiku, vai tad, ja biznesa ideja ir balstīta uz daudziem pieņēmumiem. Tā vietā, lai izmēģinātu visu uzreiz, izstrādātāji var noteikt prioritātes funkcijas, pamatojoties uz klientu vajadzībām, un pēc iespējas ātrāk izveidot prototipus. Pat tad, ja neesat laika vai budžeta spiests, tīmekļa vietnes kā MVP pieņemšana ir fantastisks veids, kā piemērot Pareto principu un apkarot perfekcionisma tendences. Psiholoģiski tas palīdz apzināties, ka vēlāk vienmēr varēsiet pievienot vairāk funkciju, bet šobrīd jums jākoncentrējas uz vissvarīgākajiem elementiem.

Mobilajām ierīcēm pielāgota dizaina izstrāde var palīdzēt vienkāršot jūsu vietni

Veidojot vietni, vēlaties lietotājiem nodrošināt efektīvu un intuitīvu pieredzi. Vislabākais veids, kā to panākt, ir veidot, izmantojot "mobile-first" dizaina pieeju. Šī koncepcija ietver tādu vietņu izveidi, kas vispirms ir optimizētas mobilajām ierīcēm, nevis darbvirsmas vietnes, kas ir pielāgotas mobilajām ierīcēm. Kāpēc tas ir nepieciešams? Saskaņā ar techjury.net datiem 2022. gadā mobilie tālruņi radīs 60,66 % no tīmekļa vietņu datplūsmas, savukārt galddatori un planšetdatori kopā veidos 39,34 %. Dažādās nozarēs un dažādās tīmekļa vietnēs šis rādītājs var atšķirties, taču tendenci ir vērts atzīmēt. Koncentrējot savu dizainu uz vietnes mobilo versiju, jūs varat palielināt veiksmes izredzes savā labā.

Kad sāksiet veidot dizainu mobilajām ierīcēm, ātri pamanīsiet, ka ir mazāk vietas tekstiem un juceklim. Ir diezgan grūti pielāgoties, ja ilgu laiku esat veidojis dizainu darbvirsmas datoriem. Taču šī pieeja labi atbilst Pareto principam, jo palīdz izvēlēties saturu ar vislielāko ietekmi. Tam ir divi ieguvumi: jūsu vietne būs optimizēta lietotāju iecienītajai mobilajai platformai, un, pielāgojot to darbvirsmas ierīcēm, tā vizuāli izskatīsies mūsdienīga un tīra. Vēlāk jums joprojām būs nepieciešams pielāgot vietni darbvirsmas datoriem, taču, strādājot ar mobilo ierīču pieejas pieeju, tas kļūst daudz vienkāršāk, jo jums jau ir vienkāršots dizains.

Veiciet izpēti un analizējiet konkurentu vietnes

Kad runa ir par tīmekļa dizainu, mēs bieži domājam, ka pētniecība ir citu iedvesmojošu vietņu vai veidņu ar skaistiem dizaina elementiem aplūkošana. Taču tīmekļa dizaina izpēte nav tikai apbrīna par citu vietņu estētiku. Lai izveidotu efektīvu tīmekļa vietni, ir jāizprot, kā cilvēki izmanto tīmekli, kā lietotāji mijiedarbojas ar dažādiem dizainparaugiem un kā tiek organizēts saturs. Pieprasot visus analītikas datus, ko klients var sniegt, vai izmantojot tādu uzraudzības rīku kā Ranktracker, mēs varam labāk noteikt jomas, kurās ir iespējams veikt uzlabojumus, lai tīmekļa vietne būtu efektīvāka.

Pētījumā jāiekļauj esošo nozares standartu, mērķauditorijas un lietotāju vēlmju izpēte, veicot konkurentu analīzi. Konkurentus var atrast, jautājot klientam vai veicot savu meklēšanu un noskaidrojot, kuras tīmekļa vietnes ierindojas augšgalā. Kad esat apzinājis dažus konkurentus, jums ir nepieciešams uzticams datu avots par tiem. Viena no manām iecienītākajām Ranktracker funkcijām ir iespēja pievienot savus identificētos konkurentus, un tas parādīs konkurentu sniegumu slejā blakus jūsu domēna rezultātiem. Ja kāds konkurents jūs apsteidz pēc jūsu paša atslēgvārdiem, ir vērts analizēt viņa vietni, lai no viņa mācītos. Lai pievienotu konkurentu, vienkārši ielīmējiet tā URL.

Add competitors in Rank Tracker

Rank Tracker board

Noklikšķiniet, lai skatītu lielisku padziļinātu rakstu par to, kā veikt konkurences analīzi.

Kamēr veicat izpēti, izveidojiet "sapņu sarakstu" ar visām iespējamām funkcijām un elementiem, ko varētu iekļaut (neuztraucieties, jūs tos sašaurināsiet, taču ir noderīgi visas idejas apkopot).

Plānošana: Galveno dizaina elementu identificēšana

Planning: Identifying Key Design Features(Attēlu avots: Envato Elements)

Tīmekļa vietnes dizaina pamatā jābūt tās paredzētajam mērķim. Apskatiet visus elementus/funkcijas no sava sapņu saraksta un izvēlieties tos, kas, jūsuprāt, palīdzēs klientam sasniegt mērķi. Paņemiet tukšu papīru un sāciet zīmēt aptuvenus tīmekļa vietnes modeļus. Savās vadu shēmās sasaistiet katru elementu, ko plānojat iekļaut, ar rezultātu: ja nevarat atrast tam skaidru mērķi, izmetiet šo sadaļu. Nedomājiet par dizaina estētiku, koncentrējieties uz to, kas vislabāk nodrošina lietotāja pieredzi un lietojamību.

Pretēji vispārpieņemtajam uzskatam, pirmās vadlīniju shēmas nav jāveido, izmantojot modernu dizaina programmatūru. Analogā pieeja, izmantojot zīmuli un papīru, būs ļoti laba, un dažkārt pat labāka, jo jūs nenovēršat uzmanību no pašas programmatūras. Papīrs ir pielaidīgāks un mazāk noturīgs; tas ir ātrāk lietojams, kas var palīdzēt radošā procesa laikā. Ja jums ir nepieciešams prezentēt vadu shēmas klientam, to var izdarīt daudz profesionālāk, kad būsiet izstrādājuši rasējumu melnrakstus.

Lai ietaupītu laiku, vispirms izveidojiet maketu, bet neveidojiet to tīmekļa platformā.

Ir vecs teiciens, ka lidmašīnu nevar vadīt, kamēr to būvē. Tas attiecas arī uz tīmekļa vietņu izstrādi: mēģinājums izveidot vietni, kamēr vēl tikai tiek pieņemti lēmumi par saturu, funkcijām un dizainu, ir neapmierinātības recepte. Lai darbs būtu efektīvs, jums ir nepieciešams plāns. Katras lapas maketa izveide šeit šķiet laikietilpīga un pretēji intuīcijai, taču tā kalpo daudziem mērķiem un ilgtermiņā ietaupīs laiku. Makets ļauj klientam vizualizēt tīmekļa vietni vēl pirms tīmekļa vietnes izstrādes uzsākšanas. Viņi var izmēģināt dažādas krāsu un fontu iespējas un viegli paredzēt, kas ir jāmaina. Apspriežot maketu, rodas daudz iespēju diskusijām un jautājumiem. Tas palielina izredzes, ka jūsu klients būs apmierināts, kad pirmo reizi ieraudzīs reālo vietni. Vissvarīgākais ir tas, ka darbs ar maketu ļauj jums daudz ātrāk izveidot tīmekļa vietni, kad nonākat izstrādes posmā, jo gandrīz visi radošie lēmumi jau ir pieņemti.

Darbs ar saturu, kas labi ierindosies meklētājprogrammās

Dažkārt klients uzstāj, lai jūs sākat projektēšanu ar "aizvietotājtekstu", jo uzskata, ka jūsu uzdevums ir tikai izstrādāt estētiskos elementus. Ja iespējams, izvairieties no dizaina darbu veikšanas ar vispārīgu aizvietotājtekstu. Lai gan jūsu dizains var izskatīties skaisti, jūsu tīmekļa vietnei trūks jēgas, ja jūs atstāsiet novārtā galveno sastāvdaļu, piemēram, labi uzrakstītu saturu.

Tīmekļa vietne ir vērtīga tikai tad, ja to apmeklē apmeklētāji, un meklēšanas sistēmu optimizācija (SEO) ir veids, kā meklētājprogrammas organiski atrod jūsu tīmekļa vietni. SEO ir ļoti svarīgi, kādu formulējumu izvēlaties lapā, un dizaina elementiem ir jāatbalsta formulējums. Ja jūs jau iepriekš zināt, kādi ir atslēgvārdi, tas sniedz jums papildu ieskatu. Ja strādājat ar satura tekstu autori, pārliecinieties, ka viņi pārzina SEO. Pat ja neesat SEO eksperts, iepazīstieties ar šo tēmu, lai tīmekļa vietnes izstrādes procesā varētu labāk to apzināties.

Daži atslēgvārdu meklēšanas rīki ir sarežģīti (īpaši, ja esat iesācējs SEO jomā), taču Ranktracker Keyword Finder ir ļoti vienkāršs un intuitīvs: jūs vienkārši pievienojat atslēgvārdus sarakstam, un tas parāda rezultātus, kas ir iekodēti krāsās pēc atslēgvārdu sarežģītības. Labai SEO optimizācijai vēlaties izvēlēties atslēgvārdus ar zemu konkurenci, bet atbilstošu meklēšanas apjomu, tāpēc ir ļoti noderīgi, ka meklēšanas apjomi tiek parādīti tieši šeit.

Keyword Finder

Tāpēc, pirms sākat darbu, mēģiniet iegūt vismaz teksta projektu. Ja esat autonoms dizainers, iespējams, jums būs arī jāpalīdz klientam izdomāt, kur vislabāk mājaslapā iederas formulējums. Dizaina izstrādes procesa realitāte ir tāda, ka šis formulējums var mainīties vairākas reizes, taču, ja ir kaut kas, ar ko sākt, tas ir daudz labāk nekā vispār nekas.

Vienkāršojiet fontu, krāsu, hierarhijas un vizuālo elementu izvēli.

Ja esat mazāk pieredzējis dizaineris vai vienkārši vēlaties ietaupīt laiku, ir lietderīgi strādāt ar veidnēm un izmantot tās kā pamatu. Tādai CMS sistēmai kā WordPress ir pieejami tūkstošiem lielisku veidņu par saprātīgām cenām. Tajos jau ir fonti, krāsas, hierarhija un vizuālie elementi, kas izstrādāti saskaņotā stilā. Ja jūs uztrauc oriģinalitāte, varat būt droši, ka jūsu rezultāts izskatīsies atšķirīgs no šablona, jo jūs to pielāgosiet savām vadlīnijām. Ja sākumā jums ir daži dizaina līdzekļi un vispārējs stils, tas var patiešām palīdzēt jums atrast virzienu un mazināt nogurumu no lēmumu pieņemšanas. Neiekļaujiet pārāk daudz krāsu: varat droši ierobežot savas tīmekļa vietnes krāsas līdz 2 krāsām vai ne vairāk kā 3. Pārbaudiet The 20 Best Color Combinations to Try on Your Website (20 labākās krāsu kombinācijas, ko izmēģināt savā tīmekļa vietnē), lai iegūtu dažas lieliskas idejas un tendences, izvēloties tīmekļa vietnes krāsas.

Secinājums: Ietekmes maksimizēšana

Zinot, uz ko koncentrēties, dizaineris var vieglāk pārvaldīt savas perfekcionisma tendences, vienlaikus gūstot panākumus. Pareto princips ir īkšķa princips tīmekļa dizainā, kas nosaka, ka 80 % lietotāja pieredzes var sasniegt ar 20 % pūļu. Tas nozīmē, ka tīmekļa dizaineriem jākoncentrē pūles uz satura optimizāciju, lapas dizaina elementiem, lietojamību un citiem faktoriem, lai izveidotu efektīvu tīmekļa vietni, kas meklēšanas sistēmās ieņemtu labu vietu.

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

Izmēģiniet Ranktracker BEZMAKSAS