12 halba UX/UI viga, mida rakenduse kujundamisel ei tohi teha

Tekst on lugemiseks liiga väike.

Väike heledat värvi fondi sisu valgel taustal.

Kasutajad ei näe olulisi funktsioone, mis asuvad kuskil kasutajaliideses.

Need on mõned levinumad probleemid UX/UI disainiga rakendustes ja paljude selliste vigade tegemine läheks teile kalliks maksma. Tarkvaraprojekti kavandades tuleb sellised vead juba projekteerimisetapis üsna varakult tuvastada, sest eesmärk on luua intuitiivne ja kiire liides, mis tagab sujuva kasutajakogemuse.

Siin on mõned surmavad vead, mis võivad rakendusele hukutada, ja kuidas saate neid lõpuks vältida.

1 Kasutaja ootustest kõrvalekaldumine

Huvitaval kombel on kasutajatel teatud ootused nende põhiliste GUI-vidinate (raadionupud, märkeruudud, kerimisribad, käsulingid/nupud jne) kasutamisele. Nende nuppude revolutsioonilise muudatuse proovimine ei pruugi olla hästi vastu võetud.

Mõelge sellele lihtsale näitele: olete kogu oma elu kuulanud BBC uudiseid. Järsku otsustab keegi teie pereliikmetest hoopis CNN-i kuulata ja teil tekib tunne “kala veest väljas”. Just seda tunnevad ka kasutajad, kui teete GUI vidinates suuri muudatusi.

Enamikku populaarsetest GUI-vidinatest on aastaid täiustatud ja nendega katsetatud ning on põhjust, miks need kasutajatele meeldivad. Seda kerguse ja mugavuse tunnet ei ole lihtne üleöö muuta. Seda seetõttu, et kasutajad peavad millegi uue tegemiseks kasutama märkimisväärset energiat ja ajujõudu; ja nad ei pruugi olla vastuvõtlikud sellele.

Seetõttu ärge tehke oma rakenduse GUI-vidinate välimuses drastilisi muudatusi. Teie kasutajad eelistavad rakenduses raskusteta navigeerimist, seega on parem, kui säilitate GUI algse välimuse.

2 Ei tea, mida kasutaja tegelikult vajab

Kui ettevõtted ei suuda mõista kasutaja tegelikke vajadusi ja tulevad välja midagi, mis ei vasta nende vajadustele, põhjustab see suure vea. Sellistel juhtudel ei saa te müüki suurendada ja teie rakendus ebaõnnestub.

Enne lisatavate funktsioonide üle otsustamist on oluline uurida kasutajate huvisid ja saada nendest sügav ülevaade. Selleks tehke põhjalik kasutaja- ja turu-uuring.

Saate aru, mida teie sihtkasutajad teie rakenduse kujunduselt ootavad – kiire reageerimisaeg, sujuv juhtnuppude vahel navigeerimine, lihtne loetavus ja nii edasi – ühesõnaga intuitiivne kasutuskogemus.

Samuti tehke oma konkurentide kriitiline analüüs – teadke nende rakenduste kasutatavuse tegurit; milliseid funktsioone nad oma rakendustes sisaldavad, kui interaktiivsed on nende kasutajaliidesed jne.

Ja esmakordsed arendajad olge ettevaatlikud: ärge laadige rakendusse liiga palju funktsioone. Rakenduse peamine eesmärk on teie kasutajate tegevuste lihtsustamine.

Seetõttu ei ole soovitatav funktsioonidega liiale minna, kuna see tooks kaasa tegevuse sagina, mis muudaks selle kohe keskpäraseks rakenduseks. Väiksem arv funktsioone (muidugi esmaklassilised) aitaks asja ära.

3 Viletsad puuteobjektid

Kasutajad on varustatud erineva suurusega sõrmedega. Seega tuleb puudutus konfigureerida nii, et see vastaks kõigi sihtsegmendis olevate inimeste näppudele. Täiskasvanu nimetissõrme keskmine laius on 1,6–2 cm. Seetõttu pidage seda puutepõhiste mobiilirakenduste kavandamisel meeles.

Kui kasutajatel on raske rakenduse funktsioone puudutada ja aktiveerida, võivad nad rakenduse kasutamisest üldse loobuda ja see oleks tõesti traagiline. Ja see kehtib jällegi teie funktsioonide arvu kohta. Mida rohkem funktsioone teil on, seda väiksemad on rakenduse puudutusalad. Teisest küljest tooks mõne peamise funktsiooni kaasamine kaasa suurema kraaniala.

4 Kerimisõudus

Ajakirjade ja ajalehtede toimetajad ja reklaamiandjad elasid kord igaveses “karu” õuduses. Kui mobiilirakendused muutusid populaarseks, leebus “voldimise õudus” veidi, sest sisu oli näha ekraanil, mida sai lihtsalt kerida.

Kuid see oli ainult osaliselt tõsi, sest järjest olulisemaks muutus tundliku ja pikema veebipaigutuse loomine, kus peamised toimingud ei peaks jääma voldi alla või õigemini ületama kohta, kus inimesed saavad seda hõlpsasti kerida ja leida.

Konversioonid suurenevad ainult siis, kui asjakohased nupud asetatakse „lehe ülaosale” või kui kasutajad ei pea kerima. Selge kutse tegevusele paigutamine silmapaistvasse kohta tooks rohkem konversioone.

5 nuppu, mis jäljendavad GUI juhtnuppude välimust

Nii nagu liiga palju GUI juhtelemente võib olla kohutav viga, võib selle vastand olla ka surmav. Allajoonitud tekstid ja pealkirjad tekitavad tunde, et tegemist on linkidega, mis viivad kasutajad uuele lehele.

Nad klõpsavad sellel, kuid kui nad lehele ei jõua, eeldavad nad, et link on katki ja väljuvad rakendusest. Kasutajad satuvad selle farsi tõttu sageli segadusse ja mõnikord ärrituvad ning nad ei pruugi enam tagasi tulla.

Näidake raadionuppe kõikjal, kus need on hädavajalikud, kuid ärge jätke raadionuppudest vale muljet seal, kus neid pole.

6 ebajärjekindlad GUI juhtelemendid

GUI juhtelemendid peaksid olema järjepidevad. Kui kasutate tegevusele kutsumise ja sarnaste toimingute jaoks konkreetseid sõnu, kasutage kogu rakenduses samu sõnu. Erinevate sõnade kasutamine sama tegevuse jaoks võib tekitada segadust.

Mõnikord on toimingud, mille arendajad eeldavad, kasutajate jaoks lihtsad, vastupidi. Kui järgite oma rakenduses kindlat mustrit, järgige seda kogu aeg järjekindlalt. Veenduge, et nupud ja lehed ilmuksid sinna, kuhu kasutajad ootavad.

7 Vooskeemide vahelejätmine ja kujundamise juurde asumine

Arendajad ei säästa aega, jättes vooskeemid vahele ja sukeldudes otse rakenduse kujundamise ossa. Väga oluline on koostada vooskeemi kasutajaid silmas pidades ja paljud arendajad loovad need graafikud kasutajate isiksustega, nii et nad peavad alati silmas lõppkasutajat.

See aitaks ka kindlaks teha, kust kasutajad tulevad, millised on nende huvid ja kus nad asuvad. Seetõttu tuleb vooskeemide koostamisel otsustada kasutaja ja ärieesmärkide üle ning selle üle, kas see saavutatakse lõpuks või mitte. Voolukontuuri loomisel on võimalik lehevoogudega läbida erinevaid valikuid ja otsustada, milline neist on parim.

8 Ei arvesta “tajutavaid soodustusi”

Võhiku terminites tähendab affordance kõiki tegevusi, mis on füüsiliselt võimalikud olenevalt objekti/keskkonna omadustest. Trepp võimaldab tõusta või laskuda, pudelikork võimaldab kruvida või lahti keerata.

Samamoodi täidab veebilehel liugur üles-alla liikumise funktsiooni, märkeruut võimaldab seda märkida või eemaldada ja hüperlingitud tekst viib teid teisele lehele. Affordance võimaldab kasutajal teha midagi, millest nad kergesti aru saavad.

Nende eeliste tajumine põhineb kasutaja teadmistel veebilehe kohta, kogemustel, uskumustel ja eesmärkidel. Kasutajaliideste kujundamisel on oluline, et kujundaja annaks õigeid vihjeid, vastasel juhul võib see põhjustada segadust ja seega halba kasutajakogemust.

Disainerid peavad kasutama õigeid visuaalseid tähistajaid, mille kaudu kasutajad saavad tajuda, kuidas nad neid kasutajaliidese elemente jälgivad ja nendega suhtlevad. Samuti on oluline meeles pidada, et kõik kasutajad ei ole võrdsed; järelikult ei pruugi kõik suvandeid ühtmoodi tajuda ega tõlgendada. Nii et tagage kõik visuaalsed näpunäited õigete siltide ja juhistega.

9 Õigete dialoogibokside puudumine

Veebirakenduse kasutatavuse dialoogis on kohustuslik anda kasutajatele teada süsteemi hetkeseisust ja sellest, kuidas nende käske on tõlgendatud. Dialoogid on mõeldud kasutajate teavitamiseks nende toimingutest, ilma neid praeguselt ekraanilt eemale viimata.

Vaikus võib jätta kasutajad arvama. Seega veenduge veebirakenduse loomisel, et dialoogiboks ei varjaks kasutajate eest teavet. Kuid kasutage seda säästlikult, sest pidevad sõnumid võivad segada.

Näiteks kui kasutaja otsustab pärast teabe sisestamist konkreetselt lehelt lahkuda, võib dialoogiboks ilmuda kinnituskastiga „Kas visata mustand? Tühista või Loobu”.

Siiski võib nende liiga palju pommitamine tellimisdialoogiboksidega (näiteks “Liituge meie igapäevase uudiskirjaga, sisestades oma e-posti aadressi”) olla tõesti ärritav.

10 Levinud vigade tegemine veateadetega

Kasutajad kulutavad vormide täitmisele aega ja vaeva ning kui neis on viga, siis on kohustuslik teavitada, mis ja kus valesti läks. Kui parooli loomisel on kindlad reeglid, siis teavita sellest kasutajaid enne, et nad ei peaks sama asja kaks korda tegema.

Või kui soovite rakendada sooduskoodi, teavitage neid eelnevalt, millised sooduspakkumised kehtivad ja miks. Kui neid õigel ajal ei teavitata, võib see tekitada kasutajas ärevust ja pettumust. Ärge unustage veateadete loomisel järgmisi vigu teha:

1. Mitmetähenduslikkus – kasutaja tehtud vea osas selguse puudumine.
2. Kasutaja süüdistamine – parem on olla alandlik, isegi kui kasutaja teeb vea. Osutage veale õrnalt, nii et neil palutakse uuesti proovida.
3. Veateadete halb paigutus – Soovitatav on mitte paigutada vigu täpploendisse, kuna see lülitab need välja. Asetage veateated otse vigade kohale, et kasutajad näeksid kohe, mis viga on.
4. Vigade vältimiseks ei kasutata mikrokoopiat – tühikute lähedal olevad väikesed selgitava teksti osad võivad tegelikult anda kasutajale juhiseid, mida täita, et nad saaksid selle esimesel korral kätte.

11 Nutikate vaikesätete puudumine

Täiendava välja olemasolu rakenduse vormi täitmise lehel võib olla hoiatav. Nii et kui see lisaväli on absoluutselt vajalik, sisestage vormi sisendväljadele kindlasti vaikeväärtused. Inimesed skannivad vorme kiiresti, et kontrollida, kui palju aega neil vormi täitmiseks kulub, ja kui vormil on juba vaikeväärtus, täidavad nad tõenäoliselt teised.

Nutikate vaikeseadete puudumine võib muuta selle kasutaja jaoks aeganõudvaks ja masendavaks ning see on tõsine viga. Samuti on soovitatav mitte sisestada vaikeväärtusi sisendväljadele, mis nõuavad kasutaja tähelepanu. Ärge eeldage, mida kasutaja klõpsab, ja isegi kui see oli põhjalikult uuritud vaikeseade, võivad kasutajad soovida midagi muud.

12 Tegevusele kutsuvate nuppude aktsentvärvide ignoreerimine

Väga oluline on kasutada häid aktsentvärve, et juhtida tähelepanu sellistele nuppudele nagu “Osta kohe”, “Alusta tasuta õpetust”, “Registreeru kohe” jne. Kasutage nuppude jaoks teist värvi, et need eristuks, eriti nende puhul, mis on väga olulised. olulised tegevusele kutsuvad nupud.

Aktsentvärv peab olema piisavalt hele, et äratada tähelepanu, kuid mitte ärritav ega häirima. Veenduge, et aktsentvärv ühtiks rakenduse ülejäänud värviteemaga. Samuti reserveerige tegevusele kutsumiseks konkreetne värv ja ärge kasutage seda mujal lehel.

Järeldus

Need on mõned UI/UX disainis kõige sagedamini leitud vead. Ja pidage meeles, et iga kord, kui teete disainimuudatusi, kontrollige seda põhjalikult, et näha, kui tõhus see oleks.

Rakenduste disain eristab edu ja tuhandete rakenduste puhul, mis iga päev välja lastakse, saavad heakskiidu vaid käputäis neist. Halvad tavad võivad põhjustada surmavaid vigu UX/UI disainis ja nii paljude inimeste pingutused lähevad tühjaks.

Viimane meeldetuletus:

Rakendust kujundades ärge unustage kujundada mitme platvormi jaoks, välja arvatud juhul, kui sihite mõnda konkreetset. Nii saate minimaalse elujõulise toote (MVP) otse poodi.