17 UI kujundusvead, mis teie veebisaidi rikub

Hästi läbimõeldud kasutajaliides võib veebisaidi jaoks palju tähendada. Kõigi uusimate funktsioonide ja brauseritega ühilduva tundliku kujunduse omamine parandab veebisaidi otsingumootori paremusjärjestust, mille tulemuseks on vaatajaskonna kasv. Kui projekt on tohutu, ei suuda arendajad sageli parimatest kasutajaliidese tavadest kinni pidada. Selle tulemuseks on veebisait, kus mõni oluline funktsioon ei tööta või kus brauseriülest testimist ei tehta täielikult. Siin käsitleme 17 põhjust, mis põhjustavad veebisaidi UI kujunduse tõrke, ja teatud UI kujundamise näpunäited nende tagasilöökide vältimiseks.

1. Peen müük on artform - seda on keeruline omandada

Veenev disain on UX-maailma uusim trend, mis intrigeerib lõppkasutajat mõtlema, mis on järgmine ja sunnib teda veebisaidil edasi liikuma. Anname teile olulise kasutajaliidese kujundamise näpunäite. Ärge kunagi kasutage seda strateegiat üle. Kui lõppkasutaja ärritub, ei mõtle nad enne teisele saidile siirdumist kaks korda järele.

2. Värviskeem muudab kõik erinevaks

Kasutage oma veebisaidi kujunduse kavandamisel fontide, pealkirjade ja tausta jaoks sobivat värvikoodi. Uurige värviteooriat korralikult, et teada saada, milline värv sellel taustal hea välja näeb. Ekspertide antud liidese kujundamise näpunäited väidavad, et hästi koordineeritud värviplaneerimine aitab paremini klienti meelitada kui animatsioone kasutada. Siin on üks näide suurest värvivalikust. Trendilisemate veebivärvipalettide jaoks saate viidata allikale.

3. Pilkupüüdvad välgu elemendid

Hiljutistes kasutajaliidese kujundamise näpunäidetes väidetakse, et lihtsustatud elemendid meelitavad rohkem kasutajaid kui pilkupüüdvate värvide ja nuppude kasutamist. Eriti tuleb vältida välguelementide kasutamist, kuna neid paljudes brauserites ei toetata, mille tulemuseks on brauseriteülese testimise ebaõnnestumine.

4. Mittereageeriv veebidisain

Täna järgivad kõik organisatsioonid mobiilset esimest lähenemist. Ideaalne on see, et peate mõtlema sarnaselt konkurentidega ja välja töötama veebisaidi, mis järgib tundliku kujundusega seotud parimaid kasutajaliidese tavasid, töötab korralikult kõigis seadmetes ilma horisontaalse kerimiseta ja on läbinud kõik brauseriteülese testimise strateegiad nii mobiili kui ka lauaarvuti jaoks brauserid.

5. Veebisait ei ühildu brauseritega

Täna, kui Internetis on saadaval nii palju brausereid ja nende kasutamise osakaal varieerub eri demograafiliste näitajate ja seadmete lõikes, anname teile enne oma veebisaidi avaldamist ühe parimate kasutajaliidese kujundamise näpunäidete. Tehke õige brauseriteülene testimine ja veenduge, et teie veebisait töötaks korralikult kõigi sihitud brauseritega. Siin on näide divist, mis näeb igas brauseris välja erinev.

Ülaltoodud pilt on ainulaadse div tutvustus LambdaTesti platvormil. Võite märgata, kuidas välimus erineb Google Chrome'ist Mozilla Firefoxini. LambdaTest on brauseriteülene testimisriist, mis võimaldab teil testida oma veebisaidi RWD (Responsive Web Design) 2000 + brauseri ja nende mitmesuguste versioonide vahel, mis töötavad reaalsetes opsüsteemides.

6. Vale kirjasuurus

Parimate kasutajaliidese tavade järgimisel on väga oluline säilitada ühtlane kirjasuurus ja fondipere. Lubatud on paksud ja suured tüpograafiad, kuid see on vale, kui pealkirja ja lõigu kirjasuurus on 4: 1.

7. Keerulise prototüübi kujundamine

Liiga paljude elementidega keeruline prototüüp, mis ei ole nõuetekohane indekseerimine, ei kuulu üldse UI parimate tavade hulka. See viib arendaja segadusse ja võib põhjustada saiti, mis on täis vigu ja ei vasta üldse kliendi nõuetele.

8. Miks nii vananenud ja klastrilise disaini poole pühendutakse?

Juhuslikult paigutatud sisu ja pilte sisaldav rühmitatud kujundus ei näe lõppkasutajat mitte ainult häirivana, vaid ajab ta segadusse ka selles osas, kuhu järgmisena liikuda või kuidas täita eesmärki, milleks ta saidi avas.

9. Sisu on kuningas, reklaamid pole!

Reklaamid on teie saidile hea tulu teenimise viis. Kuid liiga paljude reklaamide kasutamine pole üldse UI parimate tavade hulgas. Kasutajad ärrituvad, kui nad leiavad rohkem reklaame kui kasulikku sisu.

10. Keerukas navigeerimine ajab kasutaja segadusse

Üks parimatest kasutajaliidese tavadest ainulaadse kasutajakogemuse kujundamisel on lihtsustatud navigeerimise loomine. See aitab kasutajal ilma igasuguste komplikatsioonideta navigeerida vajaliku sisuni. Liiga paljude linkide ja nuppudega keerukas navigeerimisriba mitte ainult ei aja kasutajat segadusse, vaid muudab paigutuse ka rühmiti, mida meie eesmärk on vältida.

11. Plagiaadiga disain

Enne kujundamist veenduge, et teie kujundus oleks täiesti ainulaadne. Inspiratsiooni saamine teise saidi kujundusest on vastuvõetav. Kuid kui kasutatakse teise saidi kogu kujundust, loob see selle saidi halva maine ja kasutaja arvustuste põhjal vähendab Google automaatselt otsingumootori paremusjärjestust.

Siin on veel üks näide plagiaatlusest.

12. Veebisaidil puudub kontrastsus

Kui kujundusel on sobivad värvikontrastid, muudab see sisu loetavaks ja kasutaja jaoks lihtsaks. Kui kujunduse värvide kontrastsus on fontide, piltide ja tausta vahel halb, läheb kasutaja kergesti pettuma ja kolib teisele saidile.

13. Halvasti kavandatud CTA-d

CTA-del on õigus käskida kasutajal midagi ette võtta. Värvist fontini, kõik, mis nende kohta kirjas, peaks paluma kasutajal klõpsata. Liiga tähelepanu haaravaid CTA-sid sunnib kasutaja eemalduma, samas kui liiga lihtsaid CTA-sid lihtsalt eiratakse. Hoidke CTA-des värvi, varjude ja kena fondi tasakaalu, et need oleksid märgatavad ja klõpsatavad.

14. Tekst, tüpograafia ja esitlus

Tänapäeval ei läbi enamik veebisaidi kasutajaid sisu täielikult. Kui soovite oma ideed sisu osas väljendada, peaksite hoidma teksti ja piltide ning rikasmeediumielementide, näiteks heli või video, head tasakaalu. Liiga palju tekstisisu sunnib kasutajat neid ainult ignoreerima ja niimoodi ignoreerima olulist teavet, mida proovite edastada.

15. Suurte meediumielementide omamine

Sageli täheldatakse, et saidi kiirus väheneb tugevalt või ei tööta üldse, kui liiklus äkki kasvab. Enamasti on see tingitud suurte piltide või animatsioonide kasutamisest. Üks parimatest kasutajaliidese kujundamise tavadest on piiratud suurusega piltide ja vastavalt viimase aja suundumustele ka mastaapsed vektorpildid, mis on väga väikesed ja tagavad teie saidi toimimise mis tahes stsenaariumi korral.

16. Kohustuslike ja pikkade vormide kujundamine

Vormid on teie veebisaidi oluline osa, eriti selline, mis nõuab kasutajalt registreerimist. Pika vormi, kus on palju andmeid, kasutajale ainult keeruliseks ja ta võib selle täitmisel olulist teavet ilma jääda, eriti mobiilis. Üks parimatest kasutajaliidese kujundamise tavadest on lihtsa vormi hoidmine, mida on lihtsam täita ja millel on võimalikult vähe teavet. Samuti pidage meeles, et te ei pane kasutajale liiga palju kohustuslikke välju. Mida rohkem kohustuslikke väljad hoiate, seda kõrgemat põrkumismäära saate kogeda.

17. kellel pole head teabearhitekti

Nii nagu arendus, nõuab ka veebisaidi kujunduse kavandamine õiget strateegiat, mille jaoks vajate UX-i arhitekti abi. Anname kasutajaliidese kujundamise näpunäite. Hea teabearhitekti olemasolu tagab teile hea disainistrateegia. Sellise saidi puudumisel või selle kasutamisel, mille lähenemisviis vananenud on, aegunud versioon võib põhjustada halvasti kavandatud saidi, mis peaks kasutaja ülevaatuse korral ebaõnnestuma.

Kujundamismeel, mida tuleb muuta

1. Kliendi mitteseotud

Praegu on põhjus, miks DevOps ja Agile metoodika on nii palju populaarsust kogunud. Ideaalne on kaasata klient igasse sammu, alates projekteerimisest kuni arendamiseni, et nad saaksid kontrollida, kas rakendus on välja töötatud, järgides samas parimate UI tavadega, ja ka seda, kas nende UX-i arhitekt saab vajaduse korral anda täiendavaid UI-näpunäiteid.

2. Nõude mitte mõistmine

Sageli alustavad disainerid tööd, läbimata täielikult nõude spetsifikatsiooni. See ei ole üldse parimate kasutajaliidese tavade kohaselt. Selle tegemine võib viia täieliku või osalise ümbertegemiseni isegi pärast täielikult funktsionaalse saidi väljaarendamist.

3. Kujundamine pärast seda, kui olete oma kliendi jalanõud selga pannud

Projekteerimise või arendamise ajal peate mõtlema lõppkasutaja vaatenurgast. Pidage meeles, et olete kujundanud fiktiivse isiksuse. Võimalik, et eelistate mõnda konkreetset värvi või gradiendi mustrit, kuid lõpptarbijale ei pea see sama meeldima. UX-i uusimate trendide uurimine ja see, mis enamikule kasutajatest meeldib enne disainilahenduse rakendamist.

4. Ei hõlma kasutatavuse testimist

Kasutatavuse testimine on veel üks asi, mida oma testimisstrateegiasse lisada. See nõuab, et lõppkasutajad katsetaksid teie veebisaiti ja teavitaksid teid asjadest, mis tundusid valed või mida saab parandada. Selle lisamine oma testimisplaani ei ole üldse parim UI kujundamise tava.

5. Välja arvatud juurdepääsetavuse testimine

Üks parimatest kasutajaliidese kujundamise näpunäidetest, mis aitab teie saidi otsingumootori paremusjärjestust suurendada, on W3C juurdepääsetavuse standardite järgimine. W3C jaotises 508 on öeldud, et veebisait peab olema juurdepääsetav kõigile, eriti puuetega inimestele. Kui teie eesmärk on järgida kasutajaliidese kujundamise parimaid tavasid, peate kaasama nõuetekohase juurdepääsetavuse testimise.

See on kõik meist. Andke meile teada, kui saate mõelda mõnele muule veale või kujundusstsenaariumile, mis ei vasta parimatele kasutajaliidese tavadele. Loodame, et ülalnimetatud kasutajaliidese kujundamise näpunäited aitavad teil luua täielikult funktsionaalse saidi, mis pakub tugevat kasutajakogemust.

Algselt avaldati LambdaTest

Autor Arnab Roy Chowdhury

Lisalugemist…

Kui postitus teile meeldib, siis plaksutage ja aidake ka teistel seda leida.