Rekomendacijos, kaip optimizuoti vartotojo suvokimą ir estetiką

Taikoma šiai Power Platform gerai suplanuotos patirties optimizavimo kontrolinio sąrašo rekomendacijai:

XO:07	Taikykite klasikinius dizaino principus vaizdiniams elementams, pvz., spalvų schemoms, tipografijai ir išdėstymui. Siekite koncentruotos, subalansuotos ir intuityvios vaizdinės hierarchijos, kuri nukreiptų vartotojų dėmesį į svarbius elementus ir veiksmus.

Šiame vadove aprašomos rekomendacijos dėl universalių vizualinio dizaino modelių, turinčių įtakos vartotojo suvokimui, o tai gali turėti didelės įtakos pasitenkinimui ir programos priėmimui. Vaizdiniai elementai yra pagrindiniai elementai, naudojami kuriant patirtį. Taikant vaizdinius principus, atitinkančius tai, kaip žmonės natūraliai suvokia ir apdoroja informaciją, pateikiami struktūriniai metodai, padedantys pasirinkti ir išdėstyti vaizdinius elementus, kad būtų sukurta efektyvi ir patraukli programa.

Pagrindinės projektavimo strategijos

Išsamūs žmogaus suvokimo apie vizualinį dizainą tyrimai atskleidžia, kad vartotojai nežiūri į vaizdinius elementus atskirai. Vietoj to, jie suvokia juos kitų elementų ir konteksto, kuriame jie pasirodo, atžvilgiu. Šie santykiai daro įtaką vartotojų suvokimui, atkreipia dėmesį į konkrečias sritis, sukelia emocijas, padeda suprasti, stiprina estetiką ir stiprina prekės ženklo identitetą. Kruopštus vaizdinių elementų parinkimas ir išdėstymas gali sukurti patrauklią, įsimintiną ir efektyvią vartotojo patirtį, kuri rezonuoja su tiksline auditorija.

Estetinio-naudojimo efektas

Estetinio naudojimo efektas reiškia tendenciją patrauklius produktus laikyti labiau naudojamais. Vartotojai suformuoja pradinę nuomonę apie programą maždaug per 50 milisekundžių. Šiam pirmajam įspūdžiui įtakos turi įvairūs veiksniai, įskaitant struktūrą, spalvas, tarpus, simetriją, teksto kiekį ir šriftus. Teigiamas pirmasis įspūdis gali padidinti bendrą vartotojų pasitenkinimą. Tyrimai rodo, kad vartotojai yra atlaidesni nedidelėms naudojimo problemoms, kai sąsaja jiems atrodo vizualiai patraukli. Be to, dizaino kokybė gali būti patikimumo rodiklis.

Balansas ir svoris

Vizualinė pusiausvyra atspindi pusiausvyros ir harmonijos jausmą vizualiniame suvokime. Tai padeda vartotojams efektyviau apdoroti ir tvarkyti vaizdinę informaciją, sumažinant kognityvinę įtampą. Subalansuotos kompozicijos paprastai suvokiamos kaip malonesnės ir lengviau suprantamos, todėl vartotojai gali efektyviai sutelkti dėmesį ir lengviau naršyti vaizdinius dirgiklius. Šis kognityvinis vizualinės pusiausvyros aspektas pabrėžia jo svarbą palengvinant aiškų bendravimą ir gerinant bendrą vartotojo patirtį.

Kompozicija subalansuojama, kai visi elementai yra optinėje pusiausvyroje. Dažnai matematinę vietą reikia koreguoti. Kai kurie elementai, turintys įtakos vizualiniam svoriui, yra dydis, spalva, tankis ir balta erdvė.

• Dydis: Didesni elementai paprastai turi daugiau vizualinio svorio nei mažesni. Norint pasiekti pusiausvyrą, didesnius elementus galima atsverti sugrupuojant juos su mažesniais elementais arba koreguojant jų išdėstymą išdėstyme.

• Spalva: Ryškios arba intensyvios spalvos gali pritraukti daugiau dėmesio ir atrodyti sunkesnės nei prislopintos ar neutralios spalvos. Spalvų balansavimas apima tolygų jų paskirstymą visoje sąsajoje arba papildomų spalvų naudojimą, kad būtų sukurta vizualinė harmonija.

• Tankis: Elementų tankis nurodo, kaip sandariai supakuoti jie yra tam tikroje erdvėje. Balansavimo tankis apima užtikrinimą, kad elementai būtų tolygiai paskirstyti sąsajoje, kad būtų išvengta perpildymo ar retų plotų.

• Balta erdvė: Taip pat žinoma kaip neigiama erdvė, balta erdvė reiškia tuščias sritis tarp elementų. Erdvė padeda sukurti vizualinį kvėpavimo kambarį ir gali subalansuoti kompoziciją išryškinant ir pabrėžiant tam tikrus elementus.

Subalansuota kompozicija yra vizualinių jėgų tarp elementų suma.

Balansavimo išdėstymas yra viena iš sunkiausių užduočių, nes jo negalima lengvai išmatuoti.

Spalva

Atspalviai, atspalviai, atspalviai ir tonai gali perteikti prasmę, sukelti emocijas ir sukurti estetinį patrauklumą. Spalva vaidina lemiamą vaidmenį nukreipiant vartotojo dėmesį, nustatant hierarchiją, perteikiant informaciją ir gerinant naudojimą. Kelios priežastys paaiškina, kodėl apgalvotas spalvų dizainas vartotojo sąsajoje gali paveikti vartotojus taip, kaip norite:

1. Dėmesys ir suvokimas. Tam tikros spalvos labiau traukia akį nei kitos, todėl dizaineriai gali nukreipti žiūrovų dėmesį į konkrečius elementus. Spalvų kontrastas gali pagerinti skaitomumą ir atskirti skirtingus komponentus, palengvindamas greitą informacijos apdorojimą.

2. Emocinis atsakas. Spalvos turi psichologines asociacijas, kurios sukelia emocijas ir nuotaikas. Šiltos spalvos, tokios kaip raudona ir oranžinė, gali sukurti energijos ir jaudulio jausmą, o vėsios spalvos, tokios kaip mėlyna ir žalia, gali sukelti ramybę ir ramybę. Galite sukelti norimus atsakymus, kad paveiktumėte vartotojus į numatytą patirtį.

3. Prekės ženklo identitetas. Nuoseklus spalvų naudojimas visose prekės ženklo medžiagose padeda sukurti tvirtą vizualinį identitetą ir skatina prekės ženklo pripažinimą. Vartotojai dažnai susieja konkrečias spalvas su konkrečiais prekių ženklais ir susieja savo patirtį su lojalumu prekės ženklui ir pasitikėjimu.

4. Vaizdinė hierarchija. Spalva gali būti naudojama vaizdinei hierarchijai nustatyti ir informacijai tvarkyti. Priskirkite elementus skirtingoms spalvoms pagal jų svarbą arba kategoriją, kad sukurtumėte aiškią hierarchiją ir palengvintumėte naršymą bei supratimą.

Artumo

Daiktai, kurie yra arčiau vienas kito, atrodo labiau susiję. Išdėstydami elementus įsitikinkite, kad yra pastebimas skirtumas tarp elementų, kurie yra glaudžiai susiję, ir tų, kurie nėra susiję.

Šis Geštalto principas rodo, kad erdvinis atstumas tarp vaizdinių elementų daro įtaką jų suvokimui ir organizavimui psichiškai, ir pabrėžia jo svarbą palengvinant efektyvų vizualinių dirgiklių apdorojimą ir supratimą.

Grupuoti susijusius elementus, kurie yra funkciškai panašūs arba priklauso tai pačiai hierarchinei kategorijai. Pavyzdžiui, mygtukai, atliekantys panašius veiksmus ar parinktis išskleidžiamajame meniu, turėtų būti glaudžiai sugrupuoti, kad būtų nurodytas jų susiejimas. Naršymo juostoje meniu elementai, kurie yra glaudžiai išdėstyti, siūlo susijusį parinkčių rinkinį, o didesnis tarpas tarp meniu kategorijų vizualiai jas išskiria. Susiję formos elementai turi būti sugrupuoti, pvz., adreso laukai skyriuje, pavadintame "adresas".

Pagerinkite skaitomumą sąsajose, kuriose daug teksto, koreguodami tarpus tarp pastraipų, sakinių ir žodžių. Artimesni tarpai tarp pastraipų rodo loginį ryšį arba minties tęsinį, o didesni tarpai reiškia perėjimą arba turinio pertrauką. Šis metodas skatina efektyvų tekstinės informacijos supratimą.

Įsitikinkite, kad yra pastebimas skirtumas tarp susijusių ir nesusijusių elementų, kad išvengtumėte painiavos. Tarpinė rampa gali padėti nuosekliai nustatyti reikiamus tarpus pagal elemento dydį.

Kairėje esantis apskritimas yra labiau susijęs su trikampiu nei su kitu apskritimu.

Tarpai tarp pastraipų yra mažesni nei tarpai tarp sekcijų.

Tęstinumą

Elementai, išdėstyti linijoje arba kreivėje, suvokiami kaip labiau susiję nei elementai, kurie nėra linijoje ar kreivėje.

Išdėstykite sąsajos elementus, pvz., naršymo meniu arba proceso žingsnius, išilgai linijos arba kreivės, kad būtų galima nurodyti seką arba progresiją. Šis išdėstymas padeda vartotojams suvokti ryšį tarp elementų ir suprasti loginį informacijos ar veiksmų srautą.

Įdėkite susijusius elementus, pvz., žymės langelį, išrinkimo parinktis arba elementus į sąrašą su ženkleliais, išilgai eilutės, kad vizualiai juos sugrupuotumėte. Šis išdėstymas leidžia naudotojams manyti, kad šie elementai turi bendrą paskirtį arba priklauso tai pačiai kategorijai, todėl lengviau naršyti ir suprasti. Jei panašiai atrodantys elementai toliau įtraukiami į vidų, elemento padėtis koreliuojama su žemesne vieta vaizdinėje hierarchijoje.

Naudokite linijas arba kreives, kad nukreiptumėte vartotojų dėmesį ir sukurtumėte vaizdinius kelius per sąsają. Pavyzdžiui, rodyklė gali nukreipti vartotojo akį iš vienos turinio dalies į kitą tam tikru keliu, nurodydama ryšį ar progresiją. Šis metodas padeda vartotojams intuityviau naršyti sąsajoje ir skatina tyrinėjimą.

Išdėstykite pagrindinius sąsajos elementus, pvz., raginimo veikti mygtukus arba svarbią informaciją, gerai matomomis linijomis, kad atkreiptumėte naudotojų dėmesį ir sukurtumėte pagrindinius taškus. Pavyzdžiui, "Fluent Message Bar" šablonas dažnai rodomas kaip ryškus subalansuotas pranešimas visoje turinio srityje, o pranešimas yra kairėje, o dešinėje yra raginimo veikti mygtukai. Ši išdėstymo strategija pabrėžia šiuos elementus ir pabrėžia jų svarbą, padidindama sąveikos tikimybę.

Mūsų suvokimui kreivės/linijos yra stipresnės už spalvą.

Vedliai naudoja tęstinumą, kad parodytų vartotojams, kad veiksmai yra prijungti, neužgožiant jų per daug informacijos.

Uždarymas

Žmogaus smegenys linkusios matyti išbaigtas formas, atpažindamos vieną pažįstamą modelį per atskirus objektus, net kai trūksta tam tikros informacijos.

Užtikrinkite dizaino elementų, pvz., formų, spalvų ir dydžių, vizualinį nuoseklumą, kad padėtumėte naudotojams išmokti modelių, kurių jie turėtų tikėtis, net jei jie pateikiami skirtinguose kontekstuose.

Naudokite paprastas ir pažįstamas piktogramas ar simbolius, kurie leidžia vartotojams užpildyti trūkstamą informaciją, atsižvelgiant į jų ankstesnę patirtį. Pavyzdžiui, didinamojo stiklo piktograma paprastai siejama su paieškos funkcijomis, net ir be pridedamo teksto.

Palaipsniui pateikti informaciją vartotojams, taip pat žinomas kaip laipsniškas atskleidimas. Leiskite vartotojams užpildyti trūkstamą informaciją, kai jie sąveikauja su sąsaja, vengdami užgožti juos per daug informacijos ir skatindami tyrinėjimą.

Kurkite darnius vaizdinius modelius, skatinančius vartotojus suvokti objektus kaip vientisus objektus. Pavyzdžiui, susijusių elementų grupavimas kartu gali padėti vartotojams suprasti jų ryšį ir tikslą. Vizualiai išdėstykite elementus nuosekliai, naudodami Gestalt principus, kad nurodytumėte segmentavimą. Efektyviai išnaudokite erdvę, kad sukurtumėte uždarumo jausmą aplink sąsajos elementus.

Naudokite animaciją ir perėjimus, kad nukreiptumėte vartotojų dėmesį ir perteiktumėte sąsajos būsenų pokyčius. Sklandūs perėjimai tarp skirtingų būsenų ar ekranų gali padėti vartotojams suprasti ryšį tarp elementų ir užpildyti trūkstamą informaciją. Galimi keli modernūs valdikliai, kuriuose Power Apps yra natūraliai rodomos animacijos.

Kvadratas atpažįstamas prieš keturis nepilnus apskritimus.

Animacija nuo kortelės iki modalo padeda panaikinti atotrūkį tarp šių dviejų ir susieti juos vieną su kitu.

Centras

Pagrindinis taškas yra dizaino elementas, kuris iš karto atkreipia žiūrovo dėmesį. Idealiu atveju dizainas turėtų turėti židinio taškų seką, paprastai nuo vieno iki trijų, išdėstytą taip, kad vartotojas sąmoningai nukreiptų turinį per turinį.

Suprojektuokite sąsają su aiškia informacijos hierarchija, kurioje svarbiausi turinio ar veiksmų elementai yra pabrėžiami kaip pagrindiniai taškai. Naudokite vaizdinius ženklus, pvz., dydį, spalvą, kontrastą ir padėties nustatymą, kad šie elementai išsiskirtų. Pateikite informaciją palaipsniui, pradedant nuo svarbiausių židinių. Šis metodas padeda vartotojams greitai nustatyti svarbiausią turinį ar veiksmus ir nukreipia juos per sąsają logine seka.

Sąsajoje aiškiai uždėkite pagrindinius raginimo veikti mygtukus, kad jie būtų stipriausi židinio taškai. Šie mygtukai turėtų vizualiai skirtis nuo kitų elementų ir būti strategiškai išdėstyti taip, kad nukreiptų naudotojus į norimus veiksmus, pvz., pirkimą ar registraciją. Sklandi dizaino kalba rekomenduoja šiems elementams naudoti prekės ženklo temos spalvą.

Efektyviai naudokite kontrastą, kad sukurtumėte židinius. Elementai, išsiskiriantys dėl spalvų, ryškumo, dydžio ar tipografijos skirtumų, natūraliai pritraukia vartotojo dėmesį. Kontrastingi ryškesni paviršiai su tamsesniu tekstu ar firminiais elementais sukuria ryškesnį židinio tašką.

Naudokite baltą tarpą, kad paryškintumėte židinio taškus, vizualiai atskirdami juos nuo aplinkinių elementų. Šis metodas padeda išvengti blaškymosi ir leidžia vartotojams sutelkti dėmesį į svarbiausią turinį ar veiksmus. Vartotojo sąsajos elementai su didesniais tarpais aplink juos sutelkia daugiau dėmesio ir paprastai suvokiami kaip svarbesni nei elementai, turintys mažiau vietos.

Išlaikykite nuoseklumą naudodami židinio taškus visoje sąsajoje, kad užtikrintumėte darnią vartotojo patirtį. Nustatydami židinio taškų modelį, vadovaujate naudotojų lūkesčiams dėl hierarchijos, kurią jie turi suprasti, kad galėtų naršyti sąsajoje, ir padėti jiems rasti svarbią informaciją ar veiksmus įvairiuose ekranuose ar puslapiuose.

Atminkite, kad svarbu išlaikyti pusiausvyrą ir neužkrauti naudotojų per daug konkuruojančių pagrindinių taškų.

Pirmiausia akį patraukia mėlynas kvadratas.

Tokie elementai kaip raginimai veikti gali būti akcentuojami siekiant užtikrinti, kad vartotojai juos pastebėtų.

Panašumas

Panašiai atrodantys objektai dažnai suvokiami kaip grupė arba modelis, todėl vartotojai tikisi, kad jie turės tą pačią funkciją.

Užtikrinkite, kad sąsajos elementai, atliekantys panašias funkcijas, turėtų nuoseklų vizualinį stilių. Pavyzdžiui, mygtukai, atliekantys panašius arba vienodai svarbius veiksmus, turėtų būti tos pačios spalvos, formos ir dydžio, signalizuodami vartotojams apie jų bendrą funkcionalumą. Ir atvirkščiai, užtikrinkite, kad elementai, kurie labai skiriasi savo funkcionalumu, būtų aiškiai atskiriami. Abu metodai padeda išvengti painiavos ir nusivylimo, nes sukuria aiškias vizualines užuominas.

Naudokite nuoseklią ikonografiją ir simbolius, kad visoje sąsajoje vaizduotumėte panašius veiksmus ar funkcijas. Remdamiesi ankstesne patirtimi, vartotojai linkę susieti pažįstamas piktogramas su konkrečiomis funkcijomis. Norėdami patenkinti šiuos lūkesčius, naudokite visuotinai pripažintas piktogramų metaforas. Užtikrinkite piktogramų stiliaus nuoseklumą naudodami piktogramas iš to paties rinkinio, pvz., „Fluent UI“ ikonografijos bibliotekos.

Naudokite spalvų kodavimą, kad parodytumėte elementų ar kategorijų panašumus. Pavyzdžiui, naudojant tą pačią spalvą susijusiems sąrašo elementams paryškinti arba panašiems duomenų taškams grupuoti diagramoje, pagerinamas vaizdinis nuoseklumas ir padedama vartotojams atpažinti modelius.

Išlaikyti vienodą tipografiją ir teksto stilių elementams, kurie atlieka panašius tikslus. Nuoseklus šrifto stilius, dydžiai ir formatavimas prisideda prie darnios vaizdinės kalbos, palengvindami vartotojams susijusį turinį ar veiksmus.

Teikite nuoseklų interaktyvų grįžtamąjį ryšį už panašius veiksmus visoje sąsajoje. Nesvarbu, ar tai būtų pelės žymeklio užvedimas virš mygtuko, ar nuorodos spustelėjimas, vartotojai turėtų tikėtis vienodų atsakymų, kurie sustiprins sąsają tarp vizualinio panašumo ir funkcinio ekvivalentiškumo. Nors platforma iš esmės užtikrina daugumą interaktyvių veiksmų, tokių kaip užvedimo ir paspaudimo būsenų spalvų reikšmės, kurdami komponentų elementus nuo nulio arba rankiniu būdu įdiegdami grįžtamojo ryšio būsenas, turėkite omenyje šį projektavimo principą.

Užtikrinkite, kad vizualinius panašumus papildytų kiti ženklai, pvz., tekstinės etiketės arba garso grįžtamasis ryšys, kad būtų patenkinti įvairių poreikių ir pageidavimų turinčių naudotojų poreikiai. Efektyvus funkcionalumo perdavimas naudojant įvairius sensorinius modalumus pagerina naudojimo patogumą ir įtrauktį.

Elementai grupuojami pagal formą ir spalvą, o ne pagal išdėstymą (stulpelius ir eilutes).

Jei viena kortelė ataskaitų srityje atsidaro kaip šoninis skydelis, vartotojai tikisi, kad visos jos atsidarys taip.

Figūra ir žemė

Žmonės instinktyviai elementus suvokia kaip „figūrą“ (tai, kas išsiskiria priekyje) arba „foną“ (tai, kas pasitraukia į foną). Todėl kontekstas daro įtaką suvokimui, todėl labai svarbu užtikrinti pakankamą atskyrimą, kad svarbūs elementai būtų atskirti nuo fono. Balta erdvė (neigiama erdvė) pagerina turinio supratimą.

Norėdami nustatyti aiškų ryšį tarp figūros ir fono, naudokite spalvų, dydžio ar vizualinio stiliaus kontrastą. Svarbūs elementai turėtų ryškiai išsiskirti fone, kad būtų lengvai atskiriami ir veiksmingai nukreiptų naudotojų dėmesį. Šviesesnių spalvų ir kontrastingesnių vaizdinių elementų paviršiai fone yra ryškesni. Šis metodas sumažina vizualinę netvarką ir padeda vartotojams atpažinti svarbią informaciją. Užtikrinti pakankamą kontrastą tarp priekinio ir fono elementų, kad pagerėtų skaitomumas vartotojams su regos negalia, pagerinant jų gebėjimą pasiekti ir suprasti turinį.

Sąsajos elementų išdėstymo ir stiliaus nuoseklumo išlaikymas sustiprina figūros ir fono ryšį ir padeda vartotojams suprasti sąsajos struktūrą. Nuoseklus dizaino šablonų ir vaizdinių užuominų naudojimas užtikrina, kad vartotojai galėtų greitai atskirti priekinio plano ir fono elementus skirtinguose ekranuose ir kontekstuose. Dizaino neatitikimai gali sutrikdyti vartotojų mąstyseną ir trukdyti jiems efektyviai naršyti sąsajoje.

Mažas kontrastas ir minimali neigiamos erdvės suma prisideda prie to, kad balti stačiakampiai būtų suvokiami kaip fono dalis.

Šoninis vaizdas turi pasitraukti į foną, kad vartotojai galėtų sutelkti dėmesį į svarbų turinį.

Grupavimas

Elementai paprastai suvokiami kaip grupės, jei jie dalijasi plotu su aiškiai apibrėžta riba.

Susijusių elementų grupavimas vizualinėse talpyklose, tokiose kaip dėžutės, kortelės ar rėmeliai, padeda vartotojams juos suvokti kaip darnius vienetus. Šis metodas vizualiai sutvarko turinį ir funkcionalumą, todėl lengviau identifikuoti ir apdoroti informaciją. Aiškus grupavimas padeda išvengti netvarkingos sąsajos ir sumažina painiavą ar neefektyvumą. Grupavimas taip pat veiksmingas, kai artumas nėra įmanomas; pavyzdžiui, pranešimų juosta, apimanti kelis valdiklius per ekraną, dėl savo rėmelių ir fono spalvos suvokiama kaip susijęs vienetas.

Nuolatinis grupuotų elementų vizualinis stilius sustiprina jų ryšį ir pagerina naudojimo patogumą. Panašių spalvų, šriftų ar piktogramų naudojimas šiems elementams pabrėžia, kad jie priklauso tai pačiai kategorijai ar funkcijai. Vizualinio pateikimo neatitikimai gali susilpninti suvokiamą grupavimą ir priversti vartotojus nepastebėti elementų ryšių arba neteisingai suprasti jų reikšmę ar paskirtį.

Pridėjus rėmelius aplink elementą arba elementų grupę, sukuriamas atskyrimas nuo aplinkinių elementų.

Turinio suskirstymas į skyrius padeda vartotojams suprasti, kad tema keičiasi.

Signalai prieš triukšmą

Vaizdinės užuominos, pvz., linijos, kontrastas ir tarpai, naudojamos norint parodyti vartotojams, kad kažkas yra svarbu. Tačiau per daug signalų arba signalų, pabrėžiančių nesvarbią informaciją, greitai tampa triukšmu.

Naudokite fokusavimo principus, pvz., paryškintą tekstą, kontrastingas spalvas ar piktogramas, kad praneštumėte vartotojams svarbią informaciją ar veiksmus. Pavyzdžiui, naudokite ryškią spalvą svarbiems mygtukams ar antraštėms, kad jie išsiskirtų.

Būkite išrankūs dėl to, ką pabrėžiate, kad neužgožtumėte naudotojų per daug informacijos. Tik signalo elementai, kurie yra tikrai svarbūs vartotojo užduočiai ar tikslui. Per daug signalų gali sukelti painiavą ir apsunkinti vartotojų prioritetų nustatymą. Nustatykite vartotojui svarbiausią informaciją ir tinkamai ją pabrėžkite. Paprastai kiekviename puslapyje rekomenduojama turėti tik vieną raginimo veikti mygtuką. Formose pažymėkite reikiamus laukus, kad atkreiptumėte vartotojo dėmesį. Tai neleidžia vartotojams pasiklysti nereikalingose detalėse ir padeda sutelkti dėmesį į tai, kas būtina.

Įsitikinkite, kad signalai visoje sąsajoje atitinka nuoseklią vaizdinę kalbą, kad būtų gairės, padedančios vartotojams intuityviai atpažinti modelius ir suprasti skirtingų signalų reikšmę.

Pritaikykite signalus konkrečiam kontekstui ir vartotojo poreikiams. Pavyzdžiui, jei vartotojai nuskaito sąsają, kuri pateikia tam tikras užduotis, aiškiai signalizuoja apie kritinę būseną ir veikiančius elementus, kad patrauktų jų dėmesį. Kontekstiniai signalai padeda vartotojams greitai rasti svarbią informaciją, nesiblaškant dėl nesusijusių detalių.

Signalai padeda nukreipti naudotojus per turinį ir perteikti tai, kas svarbu.

Vizualinis triukšmas sukelia painiavą ir turi priešingą signalų poveikį.

Power Platform Palengvinimo

Drobės programose naudokite maketo konteinerius , kad sugrupuotumėte susijusius elementus. Idealiu atveju turėtumėte tvarkyti visus puslapio elementus konteineriuose, o maketo konteineriai taip pat gali efektyviai atskirti antrinius konteinerius, koreguodami tarpo ypatybę.

Modeliu pagrįstose programų formose skiltys gali būti naudojamos susijusiems laukams ar elementams grupuoti.

Įgyvendinkite bendrų vaizdinių elementų nuoseklumą naudodami daugkartinio naudojimo pasirinktinius komponentus.

Drobės programose šiuolaikiniai valdikliai savo dizaine turi integruotą signalizaciją. Tiksliau, mygtukų ir ženklelių valdikliai siūlo savo stiliaus savybių parinktis, todėl jie yra veiksmingi signalai. Laikykitės geriausios kiekvieno komponento praktikos ir pasirinktinai taikykite signalizavimą, kad užtikrintumėte optimalų ryšį.

Susijusi informacija

• Grupavimo principai
• Geštalto psichologija
• Estetinio panaudojimo efektas
• "Fluent UI Design System" tarpų rampa

Patirties optimizavimo kontrolinis sąrašas

Patirties optimizavimo kontrolinis sąrašas