Detox Jūsu dizains: 8 UI elementi, kas jālikvidē
Vai jūsu dizains sāk izskatīties vecs? Vecie un novecojušie lietotāja interfeisa elementi vietnei var likties daudz novecojuši, nekā patiesībā ir.
Šeit mēs aplūkojam astoņus lietotāja interfeisa elementus, kas jums būtu jānoņem no dizaina plāna. Bet tas vēl nav viss; katrs “nē” nāk ar ieteikumu modernizēt jūsu vietni. Mēs ātri un ātri iegūsim šo dizainu!
1. Pogas “Plakanas”
Viena no lielākajām problēmām ar plakanu dizainu kopumā ir tā, ka viss bija, labi… plakans. Dažiem lietotājiem tas apgrūtināja elementu atšķirtību un apgrūtināja mijiedarbību. “Gandrīz plakans” un “Dzīvoklis 2.0” parādījās kā šīs problēmas risinājums, palīdzot lietotājiem labāk atrast un mijiedarboties ar lietotāja interfeisa elementiem.
Izmēģiniet to vietā: pievienojiet animācijas norādi vai kursora kursora efektu, lai plakanā stila pogai piešķirtu nedaudz lielāku uzsvaru. Ja jums patīk plakanas krāsas izskats, apsveriet gandrīz līdzīgu alternatīvu vai lielizmēra pogu opcijas, kuras lietotājiem ir vieglāk atrast un ar tām mijiedarboties.
2. Teksta karuseļi
Karuseļi un slīdņi var viegli kļūt par lielu diskusiju tematu starp dizaineriem. Tas, vai tās ir izmantojamas un darbojas labi, bieži ir atkarīgs no satura.
Teksta karuseļi vai slīdņi, kas parāda garas informācijas virknes, nav īpaši praktiski. Bīdītāji, kas faktiski neslīd paši un prasa klikšķi, arī nav īpaši noderīgi. Un neviena no šīm iespējām nemudina lietotājus noklikšķināt.
Izmēģiniet to vietā: ja vēlaties attēlot vairākus vienumus, izmantojiet šo paņēmienu kā nedaudz vizuālu attēlu, bet nelietojiet to kā aicinājumu uz darbību un nelietojiet to teksta blokiem, kurus lietotājiem vajadzētu lasīt secīgi . Ievietojiet darbības elementus citur ekrānā ar tiešu un viegli saprotamu darbību.
3. Saites maziem pasākumiem
Pienākums noklikšķināt (vai pieskarties) vietnēs, lai redzētu papildu informāciju, ir pagātne. Lietotāji vēlas, lai varētu redzēt informāciju vienā mirklī, nezaudējot sākotnējās pārlūka atrašanās vietas. (Tas attiecas uz vietnēm un lietotnēm.)
Ja jūs varat parādīt informāciju tādā veidā, kas neliek lietotājiem attālināties no šo dalījumu sākotnējā avota, jums tas jādara.
Tā vietā izmēģiniet šo: uznirstošais logs ir mazs lietotāja interfeisa elements, kas attiecas uz noteiktu satura bitu. Kad lietotājs aktivizē darbību, parādās gandrīz paziņojuma stila elements (un pēc tam arī pazūd). Popovers ir viena no norādītajām funkcijām Apple OS X un pamatota iemesla dēļ; nodrošina funkciju bez navigācijas.
4. jebkas uz zibspuldzes bāzes
Par Flash ir tikai viena lieta: ja jūs joprojām to izmantojat kaut ko savā vietnē, lūdzu, apstājieties.
Izmēģiniet to vietā: HTML5 vairs nav jauns un nodrošina visas nepieciešamās funkcijas audio, video un citu multivides failu atskaņošanai. (Turklāt tas darbojas visās ierīcēs.)
5. Ikonas ar garām ēnām
Šī plakanā dizaina tendence bija diezgan īslaicīga. Lai gan jūs joprojām varat atrast dažas garas ēnu ikonas vai pogas, stils jau ir novecojis.
Izmēģiniet to vietā: mēģiniet izveidot pogu, izmantojot līdzenu stilu ar dažiem ēnu vai faktūru norādījumiem. Šie smalkie efekti ļauj viegli “redzēt”, nekā elements ir paredzēts mijiedarbībai, vienlaikus saglabājot vienkāršu estētiku, kas nemazina citus vizuālos attēlus.
6. Mega izvēlnes
Lai arī mega izvēlne var palīdzēt lietotājiem pārvietoties vietnē, kurā ir daudz satura, mazākās ierīcēs tā nav praktiska. Šo pārāk lielo izvēlņu problēma ir tā, ka bieži vien ir tik daudz satura, ka lietotājs nezina, ko darīt tālāk, kļūst satriekts un pamet vietni.
Otra milzīgo izvēlņu problēma ir tā, ka daudzi ir izveidoti tā, lai atvērtu uz peles kursoru un pēc tam aizsegtu lielu daļu ekrāna. Tas lietotājiem var radīt neskaidrības un vēl vairāk novērst lietotāju uzmanību no iemesla, kāpēc viņi apmeklēja jūsu vietni vai, pirmkārt, pārcēlās uz izvēlni.
Tā vietā izmēģiniet šo: izmantojiet spēcīgu saiti vietnē, lai piesaistītu lietotājus caur saistīta satura fragmentiem. Ļaujiet lietotājiem viegli atrast un redzēt dizaina modeļus, lai pārietu no viena elementa vai satura daļas uz nākamo.
Izmantojot vietnes analīzi, varat atrast lietotāju plūsmu un modeļus no vienas lapas uz otru, lai palīdzētu izveidot spēcīgas lapu attiecības. Ja jūtat vajadzību pēc navigācijas, apsveriet pilna ekrāna izbīdīšanas izvēlni, uz kuru ir noklikšķināts ar nodomu un kuru var tikpat viegli paslēpt.
7. Pārāk daudz sociālo mediju ikonu
Šajā brīdī lietotāji zina, kā dalīties ar saturu sociālajos medijos - pat ja visā lapā nav desmitiem spēcīgu ikonu. Visas šīs ikonas, iespējams, novērš uzmanību no jūsu satura.
Vēl sliktāk ir spēcīgā sociālo mediju ikonas ar visām dažādajām kanālu krāsām un formām. Šīs ikonas nogalina jūsu dizainu. Ir labākas iespējas.
Izmēģiniet to vietā: pievienojiet galvenēm vai kājenei pielāgotas sociālo mediju kopīgošanas pogas un neļaujiet tām atrasties atsevišķi. Noformējiet tos ar smalkumu, lai tie nenovirzītu lietotājus no dizaina un faktiskā iemesla, lai apmeklētu jūsu vietni.
Vai arī esiet mazliet drosmīgāks un apsveriet iespēju tos pilnībā nogrūst. Padziļiniet savu analītiku; cik cilvēku faktiski izmanto kopīgošanas pogas?
8. “Viltus” animācija
Vai pogas, elementi un citi aicinājumi uz darbību griežas, lēkā vai maina krāsu, lai lietotāji tos apskatītu? Šie paņēmieni datumu jūsu vietnē uzreiz.
Dizainam vajadzētu piesaistīt lietotājus; uzmanību nevajadzētu smieklīga kustības daudzuma dēļ.
Tā vietā izmēģiniet šo: noformējuma elementi ar nodomu. Ļaujiet lietotājiem kaut kur koncentrēties uz dizainu. Katrā ekrānā jāiekļauj ne vairāk kā viens vienums, ar kuru var rīkoties (izņemot sociālo mediju kopīgošanas opcijas). Tāpēc skaidri norādiet, kas lietotājiem jādara, un noformējiet elementu, kas viņiem var palīdzēt sasniegt šo mērķi.
Šeit laba iespēja ir karšu stila elementi. Tā kā konteineri ir lielāki nekā standarta poga, tie nodrošina daudz vietas, uz kuras var noklikšķināt, un informācijas. Tas lietotājiem var atvieglot atbilstošās darbības atrašanu un noklikšķināšanu uz tām. (Un arī kartes ir draudzīgas atsaucībai.)
Secinājums
Vai savā vietnē pieļaujat kādu no šīm lietotāja saskarnes kļūdām? Vienkārši labojumi var palīdzēt jums atsvaidzināt un modernizēt dizainu, vienlaikus atvieglojot tā lietošanu.
Pārbaudiet piemērus (un noklikšķiniet uz saitēm, lai redzētu, kā tie darbojas darbībā), lai apskatītu veidus, kā labi izmantot dažādu veidu lietotāja interfeisa elementus. Un noteikti dalieties ar savu darbu ar mums Design Shack galerijā.
