Kas ir mūsdienu UI dizains? 10 padomi un piemēri

Iespējams, ka jūs, iespējams, nevarēsit uzskaitīt mūsdienīga lietotāja interfeisa estētiku, taču jūs noteikti zināt, kad nonākat vietnē, kura to neizmanto. Tas vienkārši jūtas datēts.

Mūsdienīgais lietotāja interfeisa dizains palīdz noteikt jūsu vietnes vai zīmola uzticamību, jo tam ir stils, kas lielākajai daļai cilvēku ir pašreizējās vizuālās estētikas īpašnieks. Tas varētu ietvert vizuālās tendences, pielāgošanos lietojamības standartiem un modeļiem, kā arī mūsdienu lietotājiem piemērotu attīstības metožu izmantošanu.

Šeit mēs apskatīsim elementus, kurus atradīsit mūsdienu lietotāju saskarnēs. Cerams, ka vairums no šiem piemēriem šķiet diezgan pazīstami, bet, ja nē, iespējams, ir laiks plānot nelielu tīmekļa atsvaidzināšanu.

1. Konsekvence

Konsekventu lietotāja interfeisu ir viegli lietot un saprast. Cilvēkiem nevajadzēs tik nopietni domāt, kā sadarboties ar jūsu vietni, padarot to vairāk izmantojamu.

Jūs vēlaties, lai dizaina elementi būtu savstarpēji saskaņoti

Vislabāk varētu domāt par konsekvenci divējādi.

Pirmkārt, jūs vēlaties, lai interfeiss izskatās un konsekventi darbojas no vienas ierīces uz otru. (Tāpēc atsaucīgs dizains ir tik svarīgs.)

Otrkārt, jūs vēlaties, lai dizaina elementi būtu savstarpēji saskaņoti - piemēram, pogas, kurām ir vienāda krāsa, izmērs un, piemēram, kopīgas vietas, un tām būtu kopīgi lietošanas paraugi. Šis dizaina konsekvences veids padara jūsu saskarni modernu un izmantojamu.

Mijiedarbības dizaina fonds saka, ka UI konsekvence ir svarīga, jo:

• Tas var samazināt mācību laiku: konsekvence ierobežo darbību un operāciju attēlošanas veidu skaitu, nodrošinot, ka lietotājiem nav jāapgūst jauni attēlojumi katram uzdevumam.
• Tas var novērst neskaidrības: lietotājiem ir tendence piemērot noteikumus, kurus viņi piedzīvojuši, ārpus jūsu vietnes vai produkta, ieviešot savas cerības. Apzinoties to, mums ir jāpatur prātā, vai mēs radām neskaidrības un atsvešinātību, kad mēs novirzāmies no projektēšanas standartiem un konvencijām.

2. Gradienti un dziļums

Mūsdienu saskarnes izmanto krāsu, lai radītu dziļumu un palīdzētu cilvēkiem saprast, kā mijiedarboties ar dizainu.

Gradienti un smalkas pilienu ēnas ir populāras tehnikas. Gradienta krāsu izmantošana ir diezgan moderna un nodrošina interesantu vizuālo uzmanību, lai pievērstu uzmanību. Pilienveida acis nav tik acīmredzamas, bet šķietami paceļ elementus no fona, lai veicinātu mijiedarbību.

3. Mērķtiecīga animācija

Animācija ir gandrīz visur, kad runa ir par mājas lapas dizainu, padarot vēl svarīgāku, lai šī tehnika netiktu pārmērīgi izmantota.

Mūsdienu saskarnes animē elementus tikai tad, kad tam ir iemesls. Mērķtiecīga animācija var palīdzēt lietotājam noklikšķināt uz pogas, sniegt navigācijas norādes, dot norādījumus vai kalpot kā vienkārša apburoša funkcija.

Lai pārliecinātos, ka jūsu vietnes animācijām ir mērķis un tās nav tikai dekorēšana, padomājiet par animētā elementa mērķi un to, kā tas darbojas kā daļa no kopējā dizaina.

4. Viegli lasāmi burtu izmēri

Jūs droši vien pamanījāt, ka pamatteksta noklusējuma izmēri lēnām palielinās. Acis visur pateicas.

Mazi, gandrīz nesalasāmi fontu izmēri ir viena no pirmajām lietām, kas datēs jūsu lietotāja saskarni. Cilvēki ir pieraduši pie lielākiem, lasāmākiem burtveidoliem.

Tas, iespējams, ir jūsu vietnes teksts no 14 līdz 16 punktiem. Lai arī sākumā tas var justies liels, šis izmērs ir vairāk patīkams acīm, tas tiek pārveidots par mobilo ekrānu lasāmā izmērā un ir kļuvis diezgan standarta. (Vienkārši neaizmirstiet arī atbilstoši pielāgot rindu atstarpi.)

5. Balss saskarnes

Vai jūsu vietnē ir informācija, kuru lietotājiem ir viegli atrast, kad viņi sazinās ar balsi? Interaktīvās balss saskarnes varētu būt viens no visstraujāk augošajiem lietotāja saskarnes dizaina segmentiem.

Jūs varat noformēt savu vietni tā, lai balss saskarnēm un cilvēkiem būtu vieglāk piekļūt jūsu saturam. Uzdodiet jautājumus un atbildiet uz tiem, sniedziet vērtīgu informāciju mazos gabalos, izmantojiet piemērus, lai izveidotu nodomu, un izmantojiet vizuālo atgriezenisko saiti, kad interfeiss klausās.

Mijiedarbības dizaina fonda vēstījums ir:

Lai izstrādātu lieliskas balss lietotāju saskarnes, jums jāatrod elegants veids, kā lietotājiem sniegt trūkstošu informāciju par to, ko viņi var darīt un kā viņi var darīt, nepārslogojot tos.

6. Bezšuvju mijiedarbība

Vietņu mijiedarbībai jābūt netraucētai gan vienā ierīcē, gan dažādās ierīcēs.

Lietotāji vēlas tādu pašu pieredzi, pārejot no vienas lapas uz otru. Viņi arī vēlas, lai vietne izskatās un darbojas tāpat kā galddatoros un tālruņos.

Visas mūsdienu lietotāju saskarnes ievēro šīs vadlīnijas. Ja jūsu vietne nav nepieciešama, jums nekavējoties jāsāk pārdomāt vietnes modeli un plānot.

7. Viedās formas / ieejas

Pagājušās ir masveida tiešsaistes veidlapu dienas, kurās tiek prasīts pārāk daudz informācijas. Mūsdienu saskarnēs tiek izmantotas īsas formas, kurās tiek prasīts tikai tas, kas nepieciešams, lai cienītu un pagodinātu katra lietotāja laiku (un īsu uzmanību).

Mūsdienu saskarnēs tiek izmantotas viedās formas un ievadi. Tas nozīmē, ka tiek prasīta tikai nepieciešamā informācija (vajadzības gadījumā veidlapu laukiem izmantojiet ja-tad loģiku) un apstipriniet datus. Pēdējais ir īpaši svarīgs mazākās ierīcēs, jo to ir viegli kļūdaini ievadīt un radīt kļūdas; datu validācija lietotājam uzreiz norāda, ka kaut kas nav kārtībā, un novērš neapmierinātību vēlāk šajā procesā.

8. Drošs un uzticams

Šis gandrīz pats par sevi saprotams, taču jūsu vietnei jābūt drošai un uzticamai.

Iepērkoties un pārlūkojot, lietotāji bieži meklē drošu slēdzeni, padarot SSL un HTTPS par obligātu. Viss pārējais ir tāds kā 2010. gads.

9. Pielāgojami un personalizēti

Vairāk interfeisu lietotājiem piedāvā pielāgojamākus, personalizētus pakalpojumus.

Izmantojot rīkus, kas precīzi norāda lietotāja atrašanās vietu valodas un valūtas atbalstam, parasti tiek izmantotas sīkdatnes, kas dažas dienas glabā iepirkumu groziņus, vai pieteikšanās, kas lietotājiem ļauj radīt personīgāku pieredzi.

Pielāgošana un personalizēšana kļūst par diferenciācijas punktu, kas palīdzēs cilvēkiem izvēlēties jūsu vietni pār citiem, kad viņiem ir izvēle. Šīs mazās detaļas var daudz ko mainīt.

10. Attīstās

Jums jābūt dizainam, kas laika gaitā var mainīties un mainīties.

Mēs mēdzām teikt, ka jums ir nepieciešams jauns vietnes dizains ik pēc trim līdz pieciem gadiem; tagad jums, iespējams, būs nepieciešama vietnes pielāgošana ik pēc 6 mēnešiem, lai paliktu svaiga un atbilstoša. (Tehnoloģija virzās tik ātri.)

Sākot ar nelielām dizaina izmaiņām līdz lietojamības atjauninājumiem, ir svarīgi pievērst uzmanību tam, ko jūs redzat citās vietnēs, un padomāt par to, kā šīs izmaiņas un uzlabojumi paši par sevi varētu būt izdevīgi.

Secinājums

Lai arī sākotnēji varētu šķist, mūsdienīgas lietotāja saskarnes izveidošana nav raķešu zinātne. Tas ir vairāk par lietotāja uzvedības un modeļu izpēti un dizaina izvēli, kas viņus ietekmē.

Starp moderno un moderno interfeisa dizainu ir precīza robeža. Pēdējam ir tendence ilgāk turēties apkārt, un tas ir nedaudz vairāk sakņots funkcijā un lietojamībā, kur pirmais ir galvenokārt estētisks.

Sāciet ar domāšanu, ka tīmekļa dizains vienmēr mainās. Tad padomājiet par pozitīvu un neaizmirstamu tīmekļa pieredzi un apsveriet šos paņēmienus turpmākajās jūsu saskarņu versijās.