8 noslēpumi
Universāli tīmekļa
dizaina principi
Izveidot izcilu un oriģinālu dizainu ir ļoti sarežģīti. Tam nepieciešama ne tikai pieredze un tehnoloģiju pārzināšana, bet arī izsmalcināta mākslinieciskā gaume. Lai gan nepastāv konkrēts noteikumu saraksts, ko varētu vienkārši iemācīties, lai izveidotu perfektas mājaslapas, pastāv vispārīgas UI/UX vadlīnijas. Ievērojot šo web dizaina labo praksi, jūs varat izvairīties no nopietnām kļūdām un iegūt gan estētiski pievilcīgus, gan finansiāli ienesīgus rezultātus.
Zemāk ir apkopoti 8 būtiski tīmekļa dizaina principi, kas jums jāzina un jāievēro, veidojot un vēlāk optimizējot savu vietni (SEO).
1. Trešdaļu likums
Trešdaļu likums (Rule of Thirds) nosaka, ka attēls izskatās vispievilcīgākais, ja tajā attēlotie objekti vai zonas ir sadalītas ar iedomātām līnijām, kas attēlu sadala trešdaļās — gan vertikāli, gan horizontāli.
Vai tas nozīmē, ka jums precīzi jāsaskaņo katrs svarīgais elements ar šīm trešdaļām? Ne vienmēr — tas ir tikai aptuvens vizuālais ceļvedis. Vissvarīgākais ir nenovietot galveno objektu vai fokusa punktu tieši kadra pašā centrā.
2. Vizuālā hierarhija
Pateicoties pareizi izveidotai vizuālajai hierarhijai, jūs varat virzīt apmeklētāja uzmanību tieši tur, kur tas ir nepieciešams, piemēram, uz jūsu aicinājuma uz rīcību (CTA) pogām. Apskatot zemāk esošā attēla elementus, jūs noteikti vispirms pamanīsiet lielo elementu, un tikai pēc tam — mazo. Tieši šis pamatprincips ir vizuālās hierarhijas būtība lietotāja saskarnes (UI) dizainā.
Šīs UX metodes ir jāizmanto, lai labā nozīmē ietekmētu jūsu mājaslapas apmeklētājus. Tādējādi jūs intuitīvi novirzāt lietotāju, viesi vai klientu uz to vietnes daļu, kurā ir plānota noteikta mērķdarbība un konversija.
3. Fitsa likums
Jo lielāks ir objekts, jo mazāk laika ir nepieciešams, lai uz tā uzklikšķinātu!
Tas nozīmē, ka nav vērts taupīt vietu, veidojot interaktīvus objektus pārāk mazus — lietotājam būs daudz grūtāk tiem trāpīt ar kursoru vai pieskarties mobilajā ierīcē. Tā vietā mērķa-objektiem jābūt pietiekami lieliem, lai tiem varētu ātrāk uzklikšķināt. Tomēr tas nenozīmē, ka jo lielāks, jo labāks. Poga, kas aizņem pusi ekrāna, reti kad ir laba ideja.
Pārnesot to uz reālo pasauli: ir daudz vieglāk norādīt uz monētu nekā uz vasarraibumu, bet norādīt uz māju vai masīvu dzīvojamo kompleksu būtībā nav atšķirības. Tādēļ, nākamreiz optimizējot savu vietnes izkārtojumu atbilstoši Fitsa likumam, atcerieties: ja saite jau ir pietiekami liela, tās tālāka palielināšana klikšķa ātrumu vairs neuzlabos. Tajā pašā laikā pat neliela izmēra palielināšana sīkām teksta saitēm var ievērojami uzlabot lietojamību.
4. Hika likums
Hika likums nosaka, ka katra papildu izvēles iespēja palielina lēmuma pieņemšanai nepieciešamo laiku. Jūs noteikti esat ar to saskārušies tūkstošiem reižu restorānā. Ja ēdienkartē ir pārāk daudz izvēles iespēju, ir grūti pieņemt lēmumu un apstāties pie viena ēdiena. Bet, ja jums ir tikai 2 izvēles varianti, lēmuma pieņemšanas process prasa daudz mazāk laika.
Jo vairāk opciju vietnē ir pieejamas lietotājiem, jo grūtāk būs tās izmantot (vai arī lietotāji var vietni pamest pavisam). Tāpēc, lai uzlabotu lietotāju pieredzi, jums jāsamazina izvēles iespēju skaits. Ja jūsu e-komercijas veikalā tiek pārdots liels preču skaits, noteikti pievienojiet viedos filtrus, lai apmeklētājiem būtu vieglāk pieņemt lēmumu par pirkumu.
5. Vienotā likteņa likums
Elementi, kas virzās vienā virzienā, tiek uztverti kā saistīta grupa. Mēs uztveram objektus kā līnijas, kas kustas pa kopīgu ceļu, un dabiski sagrupējam priekšmetus, kuriem ir viens kustības virziens un trajektorija.
Cilvēki zemapziņā sagrupē paralēlas līnijas vai paceltas rokas, jo tās norāda vienā virzienā. Izmantojiet šo psiholoģijas likumu, lai pievērstu lietotāja uzmanību konkrētam elementam (piemēram, jaunumu abonēšanas formai, īpašajiem piedāvājumiem utt.).
6. Tīrs dizains (Clean Design)
Galvenās tīra dizaina iezīmes ir:
- Stingra un labi organizēta lapas struktūra
- Izcila tipogrāfija un labi salasāmi fonti
- Ierobežota, saskaņota krāsu palete
- Vienots vizuālais stils attēliem un grafikām
Veidojot tīru web dizainu, nebaidieties pievienot nepieciešamos papildu elementus. Tīrs dizains nenozīmē, ka lapai jābūt tukšai; tas nozīmē, ka visam tajā esošajam jābūt perfektā loģiskā kārtībā. Turklāt vienmēr centieties uzlabot savu izkārtojumu. Jūs varat pastāvīgi A/B testēt dažādus fontus, akcenta krāsas un citus UI elementus, kas galu galā var nodrošināt daudz augstāku konversijas līmeni nekā sākotnējais variants.
7. Tuvuma likums
Tās vizuālās kompozīcijas daļas, kas atrodas tuvu viena otrai, mēdz tikt uztvertas kā vienots veselums. Tātad, jo tuvāk viena otrai ir novietotas divas figūras vai teksta bloki, jo lielāka ir cilvēka smadzeņu tendence tos sagrupēt.
Tīmekļa dizainā šis likums darbojas pavisam vienkārši: elementi, kuriem loģiski nav nekā kopīga, nevajadzētu atrasties blakus, lai tie netiktu uztverti kā vienots veselums. Un otrādi — ja mēs vēlamies nodot kopības sajūtu, mums šie konkrētie elementi ir jāapvieno, novietojot tos tiešā tuvumā.
8. Līdzības likums
Objektiem var būt jebkāds kopīgu īpašību skaits: krāsa, forma, tekstūra, izmērs un citas. Kad skatītājs pamana identiskas iezīmes dažādos elementos, viņš tos acumirklī apvieno loģiskās grupās pēc šīm kopīgajām īpašībām.
Visredzamākais līdzības principa piemērs web dizainā ir hipersaišu krāsa. Parasti teksta saites ir noformētas pēc stingra šablona: zila krāsa un pasvītrojums. Tas ievērojami atvieglo teksta uztveri lietotājam: ja viņš vienreiz ir pamanījis, kā izskatās klikšķināma saite, viņš turpmāk izmantos šīs vizuālās īpašības, lai atpazītu arī citas saites visā vietnē.
Protams, šo, tāpat kā jebkuru citu noteikumu, stingra piemērošana nav obligāta pilnīgi katrā situācijā. Dažkārt, apzināti pārkāpjot šīs konvencijas, jūs varat iegūt daudz aizraujošākus, inovatīvākus un vizuāli pievilcīgākus rezultātus. Eksperimentējiet un mēģiniet izveidot savu piezemēšanās lapu citādāk, pat ja tas ir pretrunā ar visiem UX noteikumiem, ko esat apguvuši līdz šim.
