Teie kasutajaliidese kujunduse järjepidevuse säilitamine

Järjepidevus kasutajaliidese kujundamisel on vana kooli põhimõte ja mõnedes tänapäeva veebi- ja rakendusekujundustes unustatud. Näib, et disainerid otsustavad oma liidestest järjepidevuse jätta.

Mobiilirakenduste disaini puhul otsustavad mõned disainerid riistvara standardse interaktsiooni uuesti leiutada, uuesti luua või isegi täielikult katkestada, kasutades oma unikaalseid liidesemustreid. Ehkki riistvaraliidese reeglite ja teie rakenduste kogemuste vahelise järjepidevuse rikkumine ei pruugi olla halb mõte, võib see olla ka teie enda rakenduste järjepidevuse rikkumine.

Kolm sammu ühtse kasutajaliidese kujundamisel

Põhimõtteliselt on olemas kolm tüüpi järjepidevust, millele peaksite oma veebi- ja mobiilirakenduse kujunduse kujundamisel mõtlema:

• 1. Hoidke kinni seadme kasutajaliidese juhistest ja käitumisest
• 2. Hoidke end kursis teiste sarnaste saitide või rakendustega
• 3. Hoidke oma kujundusega kooskõlas

Selle artikli jaoks keskenduksin rohkem kolmandale - oma kasutajaliidese järjepidevuse hoidmisele. See on omamoodi suur asi peamiselt seetõttu, et te ei soovi kasutajaid oma rakenduses segi ajada ega üllatada.

Te ei soovi, et kasutaja läheks teie kodulehelt alamlehele ja näeks erinevat stiili või isegi tohutult erinevat kasutajate suhtlemist. Selline asi võib kasutajaid üllatada või mõnel juhul isegi eemale peletada. Järjepidevus pole oluline ainult saidi üldise kasutatavuse jaoks, see võib ka konversiooni märkimisväärselt suurendada.

Järjepidev struktuur ja koostoimed

See on oluline ühtse kasutajaliidese loomisel. Mõnikord unustame arenedes, kuidas struktuur ja koostoime mõjutavad üldist kasutajakogemust. Kuid nii nagu maja või hoone ehitamisel on oluline joonistamine ja plaanide koostamine, on see oluline ka järjepideva, kasutatava kasutajaliidese loomisel. Enne kui koodi kirjutama hakkate, on mõned asjad, mida tuleks läbi mõelda ja ette planeerida.

• 1. Mõelge, kuidas elemente järjekindlalt kogu saidile või rakendusele paigutada.
• 2. Mõelge, milliseid kasutajaliidese mustreid te kasutate.
• 3. Kavandage, milliseid sisendielemente vajate.
• 4. Mõelge välja, milliseid ikoone vajate, ja vali välja või kujunda hea ikoonikomplekt, mis neid kõiki kataks.

Elementide paigutamine on tohutu viis kasutaja üllatuse vähendamiseks ja järjepidevate, usaldusväärsete ootuste loomiseks. Hoidke oma navigatsioonid samas kohas, miski ei ärrita kasutajat kiiremini kui navigatsioonielementide liigutamine või kadumine. Hoidke logosid ja muid kaubamärgiüksusi ka kogu saidi vältel samades kohtades.

"Miski ei ärrita kasutajat kiiremini kui navigatsioonielementide liigutamine või kadumine"

Kui kasutate külgriba, ärge raputage külgriba palju, muutes nendes leiduvat lehekülgede vahel. Osa sellest võib olla lehe sisule asjakohane, kuid vältige impordi üldelementide, näiteks otsinguvormide eemaldamist või isegi teisaldamist. Üks suur asi, mida järjepidevalt paigutada, on sisselogimise ja kasutaja seadistamise lingid või nupud.

Mõelge kasutajaliidese mustritele

Planeerige ette ja mõelge, milliseid kasutajaliidese mustreid teil vaja läheb. Kas vajate galeriid? Modaalid? Akordionid? Külgribad? Kujundusmustrite kavandamine enne tähtaega ei aita mitte ainult teie rakendust kiiremini arendada ja kujundada, vaid vajalike kujundusmustrite välja mõtlemine aitab ka teie sisu enne tähtaega välja mõelda - see võib säästa ka palju aega.

See lahendab ka probleemid ja vastab küsimustele enne tähtaega. Nii jõuate oma saidi jaotisse või lehele, kus on vaja kasutajaliidese otsust, olete selle juba teinud ja te ei satu disainilahenduste segadusse luues kogu teie saidil.

Mõelge oma vormidele ka enne kasutamist. Planeerige välja, milliseid vormi elemente te vajate, ja mõelge välja elemendid, mida te ei vaja või mida saaksite asendada. Vormi elemendid võivad kasutajatele niikuinii navigeerimiseks olla hirmutavad või isegi keerulised, nii et kui saate mõne sisendi, mis võib olla komistuskiviks, välistada või vahetada, siis tehke seda.

"Kui suudate mõne sisendi, mis võib komistuskiviks jääda, kõrvaldada või välja vahetada, tehke seda."

See on ka suurepärane viis otsuste tegemise eemaldamiseks arendusprotsessist. Vormide järjepidevuse säilitamine nii stiili, struktuuri kui ka interaktsiooni korral võib mõnikord muuta konversioonimäära või selle murda.

Jällegi planeeri pea. Planeerige, milliseid ikoone te vajate enne tähtaega. Üks ülikiire viis järjekindluse vähendamiseks on rakenduse väljatöötamise poolel teel, kui saate teada, et vajate prindikoone, siis mõistate, et te ei mäleta, kust ikoonid saite või isegi kui saate otsige ülejäänud ikoonidele vastavat prindikooni.

See pole tegelikult isegi stiiliküsimus, vaid interaktiivne. Kasutajad harjuvad konkreetsete ikoonide väljanägemisega ja saavad neid kiiresti ära tunda. Kuid kui kasutate segatüüpi ikoonikomplekti, ajab teie kasutaja segadusse või raskendab seda isegi see, et teatavad ikoonid seda kujutaksid.

Järjepidev stiil

Iga kasutajaliidese elemendi stiil ja kujundus on olulised ning nende vahelise järjepidevuse säilitamine on oluline ka kasutaja jaoks. Nii nagu on oluline, et järjepidevad ikoonid oleksid seatud, on oluline, et teie rakendus oleks kogu kujundusega ühtne. Võite arvata, et teatud nupud on lahedad, isegi kui need ei vasta kogu saidi kujundusele või värvilahendusele, kuid see ajab teie kasutaja lihtsalt segadusse ja näeb kole.

Kasutajaliidese komplekti kavandamisel tuleb järjepidevuse tagamiseks silmas pidada mõnda asja:

• 1. Värviskeem
• 2. stiil
• 3. Piirid
• 4. Tüüp ja fondid
• 5. Suurus
• 6. Taustapildid
• 7. Efektid

Värvid

Nagu ma juba varem ütlesin, hoidke oma kasutajaliidese värve kooskõlas kõigi teie saidi värviskeemidega. Isegi siis, kui kavandate tegevuste kutset, kus soovite, et nupud paistaksid silma ja oleksid märgatavad, olge ettevaatlik, et ärge teeksite oma üleskutsele kleepuvat koledat komplimenti kogu värviskeemi jaoks. Teie abistamiseks kasutage tööriistu, nagu Kuler või ColorSchemer, et valida värve, mis sobivad hästi kokku.

Kui ma räägin teie stiili ühtlasena hoidmisest, siis ma räägin sellest, et te ei kasutaks mõnda hullumeelset gradientnuppu varjude ja kaldpinkidega, kui ülejäänud saidi kujundus on tasane ja sellel pole varje ega gradienti. Lisaks üldise saidi kujundusega püsimisele pidage kinni ka kasutajaliidese elementide stiilist. Kui kasutate sisestussiltidel kindlat värvi- või kirjastiili, kleepige see kinni ja kasutage seda kõigil siltidel.

Piirid

Ah, piirid. Liiga sageli näen saite, mis kasutavad kolme või nelja erinevat paksust või raadiust nuppude piiril ja see võib tõesti segadusse ajada. Hoidke kõik oma nuppude, sisendite, valikute, galeriide, piltide ja kõigi muude kasutajaliidese piiride jooned üksteisega kooskõlas. See ei tähenda, et peate kasutama raadiuse raadiust, võite seda segada, omades väheste väärtustega või isegi kasutada iga elemendi jaoks järjekindlalt ühte stiili.

Tüüp ja fondid

Sama tüüpi ja fontide kasutamine oma elementides on üsna oluline asi, eriti kui käsitleda vormielemente. Hoidke päised järjepidevana ja ärge kasutage paljude fondide jaoks, ehkki need kõik teile meeldivad - saate need teiste projektide jaoks salvestada. Sisenditel ja nuppidel peavad olema kirjastiilid, mis vastavad või täiendavad üksteist, nii et vorme oleks hõlpsasti loetav ja etteaimatav.

Suurus

Fontide ja muude elementide suurus peaks olema üksteisega kooskõlas või täiendama. Lehtede päised ja pealkirjad peaksid kõik püsima, et teie kasutaja teaks, et need tekstiread vastavad tegelikult päistele ja pealkirjadele. Järjepidev suurus kehtib ka kõigi UI elementide kohta sisupiirkondadest, linkidest, navigatsioonielementidest või külgribadest. Vältige nende suuruste muutmist, et järsult lehevaate vahel vahetada, et kasutaja saaks lehe laadimisel kohe need ära tunda.

Taustapildid

Püüdke mitte muuta oma taustapilte liiga palju. Nendel päevadel ei juhtu seda tavaliselt nii, nagu vanasti, kuid siiski on soovitatav vältida taustapiltide vahetamist lehevaatest lehevaateks. Kui proovite seda teha, proovige pilt kuidagi üksteisega võrreldavaks muuta, et lehed ei kaotaks järjepidevust. Taustapildi muutmine, eriti suurte piltide muutmine võib muuta saidi lahti ja tekitada kasutajates tunde, nagu oleks nad teie saidi isegi täielikult maha jätnud, nii et proovige seda kiusatust kindlasti vältida.

Efektid

Efektid, mis kõige tähtsam - valgusefektid, võivad muuta suurepärase saidi kujundusena tunduva kasutaja jaoks mõttetuks. Näiteks kui kasutate nupul esiletõstmist, mis tundub, nagu paistaks selle peal tuli, siis kasutage sama valgusefekti nuppude kaldus teksti või kaldtekstisisestust.

Ausalt, see pole tegelikult kasutajaga tegelemise tohutu suurendamine või purustamine, kuid valiv vaataja võib märgata teie efektide ebajärjekindlust ja häirida seda, mida nad peaksid teie rakenduse või saidiga tegema.

Ära ole igav

Järjepidevuse kujundamine võib vahel tunduda igapäevane või isegi igav ning võiksite kasutajale üllatusena lihtsalt visata midagi oma kujundusse, ja see on tõesti tore.

Hea on hoida kasutajaid varvastel, jsut ei raputa asju nii palju, et nad oleksid nii heidutatud või segaduses, et lahkuvad ja lähevad kuhugi mujale. Väike järjepidevus võib minna kaugele.