apeescape2.com
  • Põhiline
  • Kujundusprotsess
  • Kasumlikkus Ja Tõhusus
  • Vilgas Talent
  • Projekti Juht
Ux Disain

Armatuurlaua kujundus - kaalutlused ja parimad tavad

Kuulake selle artikli heliversiooni

Armatuurlauad on ainulaadne ja võimas viis andmepõhise luure esitamiseks, kasutades andmete visualiseerimise tehnikaid, mis kuvavad asjakohaseid, toimimisvõimelisi andmeid, samuti jälgimisstatistikat ja peamisi jõudlusnäitajaid (KPI). Juhtpaneelid peaksid need andmed esitama kiirelt hõlpsasti skannitavas vormingus, kus oleks kõige olulisem teave lühidalt arusaadav.



See termin sündis traditsioonilisest auto armatuurlauast ja need on arenenud, et täita sama funktsiooni ka digitaalses maailmas. Oma raamatus , Stephen Few ütles selle kõige paremini:



Armatuurlaud on visuaalne kuva kõige olulisemast teabest, mida on vaja ühe või mitme eesmärgi saavutamiseks; koondatud ja paigutatud ühele ekraanile, nii et teavet saab silmapilkselt jälgida.

Mobiilse armatuurlaua kujundus

Mobiilse armatuurlaua kujundaja Mason Yarnell Mixpaneli jaoks



Selles artiklis kirjeldame strateegilisi, analüütilisi, operatiivseid ja informatiivseid näiteid ning aluspõhimõtteid, mis on iga eduka armatuurlaua kujunduse keskmes, olenemata selle tüübist.

kuidas kedagi krediitkaardi numbrit veebis saada

Õige lähenemine andmete visualiseerimine on põhijoon eduka armatuurlaua vundamendi loomisel. Andmete visualiseerimine on andmete esitamine graafika ja piltide kaudu - selle peamine eesmärk on aidata otsustajatel tuvastada mustreid või mõista keerulisi mõisteid, mis võivad tekstipõhistes rakendustes märkamata jääda.

Nende raamatus , Andmete visualiseerimine , Noah Iliinsky ja Julie Steele väidavad:



Disaineri eesmärk andmete visualiseerimise kujundamisel on luua tulemus, mis on lugejale hästi vastuvõetav ja hõlpsasti mõistetav. Kõik disaini valikud ja konkreetsed teostused peavad seda eesmärki täitma.

Suurte armatuurlaudade põhiomadused

Tõhus juhtpaneel näitab hetkega hõlpsasti kasutatavat ja kasulikku teavet. See lihtsustab keerukate andmete visuaalset esitamist ja aitab sidusrühmadel mõista, analüüsida ja esitada peamisi teadmisi.

Armatuurlaua kujunduse elemendid

Lepinguraamat armatuurlaud ApeeScape Designeri poolt Wojciech Dobry

Suurepärased armatuurlauad on selged, intuitiivsed ja kohandatavad.

  • Nad edastavad teavet kiiresti.
  • Nad kuvavad teavet selgelt ja tõhusalt.
  • Need näitavad suundumusi ja andmete muutusi ajas.
  • Neid saab hõlpsasti kohandada.
  • Olulisemaid vidinaid ja andmekomponente esitatakse tõhusalt piiratud ruumis.

Visuaalsete andmete ja teabe esmane kohandamine vastavalt kasutajate peamistele nõuetele aitab parandada kasutatavust ja välistab vajaduse erinevate kasutajate isikute järele.

Kohandatavate armatuurlaua elementide kujutamine

Kohandatavad armatuurlaua elemendid - Lepinguraamat autor ApeeScape Designer Wojciech Dobry

Suurepärased armatuurlauad pakuvad kõike ühe hiireklõpsu kaugusel.

  • Kogu oluline teave on koheselt kättesaadav.
  • Andmed on prioriteetsed.
  • Teave kuvatakse visuaalses hierarhias selgelt ühel ekraanil.
  • Kujundus pakub ühtset ülevaadet, mis sisaldab hõredaid, selgeid algandmeid koos täiendavate võimalustega rohkem uurida.
  • Elemendid (diagramm, tabel, vorm) kuvatakse minimeeritud vaates koos võimalusega tuua modaalaknasse rohkem üksikasju või minna üksikasjalikumale lehele.
  • Kujundus parandab filtrite kasutatavust, võimaldades kasutajatel kohandada andmete kuvamise viisi ja filtreerida sisu siltide, kategooriate ja KPI-de abil.

Armatuurlaua kujundus töölauale

Üksikasjalikud andmed tõmmati modali juhtpaneelilt, mille autor oli ApeeScape Designer Miklos Philips

Vähendatud keerukus tagab selguse

Andmetest ülekoormatud maailmas on selge teabe edastamine üks kõige raskemini teostatavaid asju. Juhtpaneelidel on oluline esitada ainult kõige asjakohasemad andmed - mida rohkem teavet kuvame, seda raskem on kasutajatel leida seda, mida nad vajavad.

Kui valimiseks on liiga palju andmeid, disainerid peaks kuvama ainult kõige asjakohasema alamhulga. Peame seadma prioriteedid ja eemaldama hoolikalt eksitavad ja ebaselged mõõdikud.

Armatuurlaua kujundamise tõhusad otsused peaksid juhinduma järgmisest:

  • projekti eesmärke
  • andmete olemus
  • kasutajate vajadusi

Armatuurlaua kujunduselemendid

Armatuurlaua kujundas ApeeScape Designer Stelian Subotin

Visualiseeringu (või mis tahes muu suhtluse) lugemisel on teie lugejal probleemile pühendumiseks piiratud ajupotentsiaal. Osa sellest ajupotentsiaalist pühendatakse visualiseerimise dekodeerimisele; mis tahes järelejäänud ajupotentsiaali võib seejärel kasutada sõnumi mõistmiseks (kui lugeja pole veel pettunult alla andnud). Noah Iliinsky ja Julie Steele (andmete visualiseerimine)

Armatuurlaua põhieesmärk on muuta keerukas teave kättesaadavaks ja hõlpsasti seeditavaks. Seetõttu peaks andmeid esitav liides olema puhas ja arusaadav, et minimeerida kasutajate kognitiivset koormust ja otsimisele kuluvat aega.

Teabearhitektuur peaks esitama esmalt olulised andmed, võimaldades samal ajal juurdepääsu tugi- või teisestele mõõdikutele. Tuleks kavandada järkjärguline põhjalikum süsteem, mis algab üldise ülevaatega ja läheb seejärel üksikasjalikumalt - see hõlbustab andmete prioriseerimist ja loob selguse.

Mobiilne armatuurlaua kujundus iOS-ile

Mobiilse armatuurlaua kujundaja Jan Losert

Armatuurlaua eesmärkide kindlaksmääramine ja asjakohaste andmete kuvamine

Armatuurlaudade kujundamisel edukas armatuurlaua kujundajad alustage täpselt määratletud eesmärkide kogumiga, mis keskendub lahendatavale probleemile ja võtmetähtsusega, tegevuskõlblikele teadmistele, mida inimesed peavad andmetest eemaldama.

Head disainieesmärgid soodustavad tõhusat ja täpset teostamist. Kasutades S.M.A.R.T raamistik eesmärkide seadmisel keskendutakse spetsiifiline , mõõdetav , vaidlustatav , realistlik ja ajapõhine eesmärkide saavutamiseks.

USA-s asuvad täiskohaga vabakutselised UX-disainerid soovisid

Armatuurlaua kujunduseesmärkide määramisel esitage mõned põhiküsimused:

üks tõhusamaid ja lihtsamaid viise ettevõtte maine muutmiseks on:
  • Mitu sammu peavad kasutajad konkreetse eesmärgi saavutamiseks astuma?
  • Kas kasutajaliides on piisavalt intuitiivne, et kasutaja saaks ise oma eesmärgi saavutada?
  • Millist teavet vajab kasutaja eesmärgi edukaks saavutamiseks?

Konkreetse armatuurlaua kujunduse eesmärkide määratlemiseks määrake see, küsides: 'Mis konkreetse probleemi see disain kasutaja jaoks lahendab?' Vastus annab ülevaate selle kohta, millised mõõdikud, omadused, väärtused, visuaalid ja andmed on tagajärjed.

Sõõriku graafikute kasutamine armatuurlaua kujunduses

Armatuurlaua kujundas ApeeScape Designer Miklos Philips

Eesmärgikeskne disain keskendub tegelike probleemide lahendustele ja on kõigi armatuurlaua disainide aluseks. Alustage ettevõtte eesmärkide selge mõistmisega, arvestage kasutajate eesmärkidega ja edastage seejärel põhiteave, mida tuleb edastada.

Armatuurlaua kujunduse kontekst

Armatuurlaua kujunduse üks suurimaid väljakutseid on mitme isiku teenimine. Kui iga kasutaja roll on määratletud, on kriitiline mõista, kus nende vajadused kattuvad ja kus nad erinevad.

Tõhus suhtlus on iga eduka armatuurlaua kujunduse aluspõhimõte. Potentsiaalsete stsenaariumide ette nägemine, mille korral kasutajad võivad end leida, aitab paremini mõista kasutaja olusid.

Pidage projekteerimisel alati silmas kasutajate konteksti - tehke kindlaks nende tehnilised teadmised, süsteemiga kursis olemine, nende eesmärgid jne.

Kontekstilised elemendid armatuurlaua kujunduses

Armatuurlaua kujundas ApeeScape Designer Miklos Philips

Kasutaja käitumise ja konteksti kindlakstegemisel küsige kindlasti järgmisi küsimusi:

  • Kas disain võtab arvesse suunda, mida külastaja on harjunud lugema?
  • Kas juhtpaneeliga suhtlemine nõuab tehnilisi teadmisi?
  • Kas kasutajatel õnnestub enamik toiminguid teha vaid mõne klikiga?
  • Kas kujundus sobib kasutaja kontekstiga, luues alammenüüd? kas see kasutab sugestiivset ikonograafiat ja värvipalette?

Armatuurlaua kujunduses kasutatud värvipaletti tuleks käsitleda ka kontekstina. Paljud ettevõtetevahelised SaaS-i toodete juhtpaneelid on loodud pimedateemalises kasutajaliideses, kuna neid kasutatakse mitu tundi järjest.

Tumeteemalised kasutajaliidesed võivad aidata vähendada silmade koormust ja toetada liidese visuaalset selgust. Selle lähenemise järgimine nõuab aga disaini suuna hoolikat hindamist - eeliseid, puudusi ja võimalikke lõkse, nagu on välja toodud eelmises disainiblogi artiklis: Tume kasutajaliidese toimingud ja keelud .

Analyticsi juhtpaneeli kasutajaliidese kujundus

Armatuurlaua kasutajaliidese kujundused, analüütika ja infograafikud töötavad pimedas kasutajaliideses hästi, kuid piisava kontrastsuse tagamiseks tuleks neid siiski 'hoolikalt käsitseda' ( Alex Gilev ).

Parem juhtpaneeli disain koos kasutajauuringutega

Kasutajauuring aitab luua keskkonda, kus kasutajatele esitatakse asjakohaseid, selgeid ja kokkuvõtlikke andmeid. See aitab neil mõelda otsitava sisu ja andmete üle, mitte sellele, kuidas neid kasutada ja neile juurde pääseda.

Mõni armatuurlaud peab töötama - või olema sama põhipaneeli vaadates erinevate rollidega kasutajate jaoks hõlpsasti kohandatav. Kasutajauuringud on olulised, kuna need aitavad määrata kasutaja eesmärke, vaimseid mudeleid, keskkonnatingimusi ja valupunkte. Need on tegurid, mis mõjutavad suuresti armatuurlaua lõplikku kujundust.

Armatuurlaua kujunduse ülevaade

Armatuurlaua kujundas ApeeScape Designer Stelian Subotin

Kasutajakogemuse kujundaja, uurija ja autor Mike Kuniavsky märgib, et on 'Disaini mõju publikule mõistmise protsess'.

Disainer peab määratlema erinevad kasutajatüübid ja mõistma, kus nende eesmärgid on samad ja kus erinevad. Millist teavet saab ühe ja teise kasutaja tüübi jaoks kõige paremini kasutada? Nad peavad kaaluma, kas kasutajatüüpide jaoks peab olema erinev paigutus või kas on lahendus ka üldisemale kasutusjuhule.

geštalt ühise saatuse põhimõte

Seda silmas pidades on mõistlik alustada algeliste traadiraamidega ja liikuda prototüüpide juurde, mida saab kasutajate uurimise etapis katsetada tegelike kasutajatega. Tõeliselt väärtuslik ülevaade võib tulla lühikesest kasutajauuringu etapist, kus on vaid viis kasutajat - ja see säästab tohutult aega.

Armatuurlaua disain on madala täpsusega traadiraam

Armatuurlaua traadiraam Aaron sananes

Armatuurlaua kujunduse järkjärguline avalikustamine

Järkjärguline avalikustamine on tehnika, mida kasutatakse kasutaja tähelepanu säilitamiseks, vähendades segadust. Progressiivse avalikustamise süsteemi loomine aitab luua kasutajakeskse keskkonna, mis aitab kasutaja tähelepanu seada esikohale, vältida vigu ja säästa aega. See võimaldab kasutajatel keskenduda ka neile olulistele põhifunktsioonidele ega olla sunnitud kõiki funktsioone läbi käima - ka neid, mida nad ei vaja või ei huvita.

Järkjärguline avalikustamine on armatuurlaua kujundamise parim tava, mis vähendab märkimisväärselt ka veamäära; see parandab tõhusust ja aitab kasutajatel oma mõistmine juhtpaneelid, kui süsteem põhineb funktsioonide prioriseerimisel.

Armatuurlaua kasutajaliidese kujundus ja andmete visualiseerimine

Armatuurlaua kujundaja Jan Losert

Progressiivne avalikustamine lükkab edasijõudnutele või harva kasutatavatele funktsioonidele teisese ekraani, muutes rakendused hõlpsamini õppetavaks ja vähem vigadele altid. - Jakob Nielsen

Animatsioon on suurepärane võimalus rahuldada erinevaid kasutajate vajadusi, täites samal ajal ka mitmeid funktsioone. See on suurepärane võimalus kasutada andmete ja visuaalide laadimise ajal ning see on arenenud järkjärgulise avalikustamise lahendus.

Animatsioon on liikumise illusiooni loomise protsess; see on dünaamika, mis loob progressi ja pideva tagasiside tunde, vähendades seeläbi kasutaja ebakindlust ja suurendades tajutavat jõudlust.

Armatuurlaua kasutajaliidese animatsioon

Armatuurlaud poolt Virgil Pana

Juhtpaneelidel järkjärgulise avalikustamise kasutamise eelised:

  • Kasutajate ebakindluse ja ärevuse vähendamine (edusammude kuvamise abil on kasutajad kindlad, et kõik töötab ettenähtud viisil)
  • Pakkudes kasutajatele midagi vaadata (andmete osaline kuvamine), selle asemel, et panna neid ootama
  • Kasutajatele selge ootus eelseisvate sammude osas ja arusaama loomine teabe hierarhilisest esitamisest

Järkjärgulise avalikustamise ja andmete laadimise võimalikud probleemid hõlmavad järgmist:

  • Näitajate ja avalikustamise kasutamine sobimatul viisil. Lühikesed laadimisajad ja kasutud sammud tekitavad tähelepanu hajutatust ja töötavad vastu kasutatavuse põhimõtetele.
  • Andmete leidmise viivitus ilma edenemise selge näitajata võib põhjustada kasutajate ebakindlust ja kõrgemat tagasilöögimäärasid.
  • Staatiliste edenemisnäitajate kasutamine on vähese tähendusega lahendus ja see ei paku piisavalt teavet edusammude kohta, mis võib põhjustada ka kasutajate ebakindlust ja kõrgemat tagasilöögimäärasid.

Armatuurlaua kasutajaliidese ja kasutajaliidese disain

Armatuurlaua kujundaja Mason Yarnell

äriotsuste tegemisel uurivad juhid tavaliselt kahte põhifaktorit:

Kokkuvõte

Armatuurlauad on võimas viis andmete ja muu teabe edastamiseks, eriti kasutajakeskse ja eesmärgipõhise kujundusega, mis järgib armatuurlaua kujundamise parimaid tavasid ja andmete nõuetekohast visualiseerimist. Ehkki igal armatuurlaual on erinev ja sellel on oma eesmärgid, nõuded ja piirangud, aitab nende põhiprintsiipide järgimine silmapaistvate kujunduste loomisel eripärast hoolimata:

  • Kõigepealt tundke kaasa oma kasutajatüüpidele ja mõistke nende eesmärke.
  • Edastage kasutajatele selge lugu, kasutades selleks sugestiivset visuaali, silte, järkjärgulist avalikustamistehnikat ja animatsiooni.
  • Tehke keerukad asjad kasutajate uurimistehnika abil lihtsaks.
  • Andmete ja teabe avaldamine sobival ajal, üksikasjalikus süsteemis.
  • Kasutage andmete visualiseerimist teabe tähendusrikkaks väljendamiseks.

• • •

Lisalugemine ApeeScape'i disainiblogist:

  • e-kaubanduse kasutajaliides - ülevaade parimatest tavadest (koos infograafikaga)
  • Inimkeskse disaini tähtsus tootedisainis
  • Parimad UX-i disainerite portfellid - inspireerivad juhtumianalüüsid ja näited
  • Mobiilsete liideste heuristilised põhimõtted
  • Ennetav disain: kuidas luua maagilisi kasutajakogemusi

Tootejuht

Muu

Tootejuht
Töötajate säilitamise strateegiad 101: töökohaõpe

Töötajate säilitamise strateegiad 101: töökohaõpe

Töö Tulevik

Lemmik Postitused
Sihtlehe parimad tavad (koos infograafikaga)
Sihtlehe parimad tavad (koos infograafikaga)
Kuidas luua kohandatud Magento 2 vidinaid
Kuidas luua kohandatud Magento 2 vidinaid
Sissejuhatus riskifondide kauplemisse
Sissejuhatus riskifondide kauplemisse
iOS-i ARKiti õpetus: õhus joonistamine paljaste sõrmedega
iOS-i ARKiti õpetus: õhus joonistamine paljaste sõrmedega
Veenev disain: arenenud psühholoogia efektiivne kasutamine
Veenev disain: arenenud psühholoogia efektiivne kasutamine
 
UX-i uurimismeetodid ja tee kasutajate empaatiale
UX-i uurimismeetodid ja tee kasutajate empaatiale
VSCode näpunäited ja trikid elektrikasutajatele
VSCode näpunäited ja trikid elektrikasutajatele
Kuidas disainis Egos tõhusalt navigeerida
Kuidas disainis Egos tõhusalt navigeerida
Kontseptsioonist reaalsuseni - juhend logo väljatöötamiseks
Kontseptsioonist reaalsuseni - juhend logo väljatöötamiseks
UX-i uurimismeetodite täielik juhend
UX-i uurimismeetodite täielik juhend
Lemmik Postitused
  • kuidas prototüüpi ehitada
  • c ++ programmeerimisjuhend
  • kuidas visuaalse disaini põhimõtteid ja elemente disainis kasutatakse?
  • kuidas õppida c programmeerimiskeelt
  • kliendipool vs serveripoolne renderdamine
  • veebisaidid, mis kasutavad geštalt-põhimõtteid
  • tasuta häkkinud krediitkaardinumbrid koos CV-ga
Kategooriad
Kasumlikkus Ja Tõhusus Ux Disain Veebi Kasutajaliides Mobiilne Disain Puldi Tõus Inimesed Ja Meeskonnad Protsess Ja Tööriistad Finantsprotsessid Muu Toote Elutsükkel

© 2021 | Kõik Õigused Kaitstud

apeescape2.com