Tietotiheys B2B SaaS -palvelussa: hallintapaneelien suunnittelu tehokäyttäjille ja aloittelijoille
Kuinka suunnitella tiheitä B2B-koontipaneeleja ja -taulukoita, jotka asiantuntijat voivat skannata nopeasti ilman, että uusia käyttäjiä on liikaa: tiheystilat, hierarkia, progressiivinen paljastaminen.
Core Takeaway
Tiheät rajapinnat eivät ole ongelma; järjestäytymättömät ovat. Asiantuntijat haluavat enemmän tietoa näyttöä kohden, joten anna heille se vahvalla hierarkialla, johdonmukaisella kohdistuksella ja kaavioilla, joissa käytetään sijaintia ja pituutta. Suojaa aloittelijat järkevillä oletuksilla ja asteittaisella paljastamisella ja anna ihmisten valita tiheystaso, kuten suunnittelujärjestelmät, kuten Carbon, tekevät taulukoille.
Tiheys on asiantuntijoiden ominaisuus
Ihmiset, jotka käyttävät B2B-työkalua koko päivän, kuten analyytikot, tukiagentit ja operaattorit, haluavat usein nähdä enemmän kerralla, koska välilehtien vierittäminen ja vaihtaminen vie aikaa. Kaiken tilavuuden tekeminen puhtaan kuvakaappauksen vuoksi voi hidastaa heidän työtään. Tavoitteena on tietoa, joka on tiheää, mutta helposti skannattavaa.
Anna ihmisten valita tiheys
Suunnittelujärjestelmät rakentavat nyt tiheyttä komponenteiksi. Esimerkiksi IBM:n Carbon-tietotaulukossa on viisi rivikorkeutta, erittäin pienestä (24 pikseliä) erittäin tiheää asettelua varten erittäin suureen (64 pikseliä) skannauksen helpottamiseksi. Oletusarvona on keskikokoinen (40 pikseliä).
- Tarjoa kaksi tai kolme tiheysasetusta, jotka muistetaan käyttäjää kohti.
- Muuta väliä ja rivin korkeutta, älä fonttikokoa tai kontrastia.
- Pidä kosketuskohteet riittävän suurina kosketuslaitteissa tiheydestä riippumatta.
Hierarkia tekee tiheydestä luettavan
Nielsen Norman Group määrittelee kojelaudat visualisoinneiksi, jotka antavat yhdellä silmäyksellä tietoa, jonka perusteella ihmiset voivat toimia nopeasti, ja suosittelee koodaamaan suuret pituudella ja 2D-asemilla, jotka ihmiset lukevat nopeimmin. Käytännössä: laita muutamat päätökset ohjaavat numerot yläreunaan, kohdista kaikki ruudukkoon, käytä värejä vain merkitykseen (tila, hälytykset) ja kohdista numerot oikealle, jotta niitä voidaan verrata.
Suojaa aloittelijat hidastamatta asiantuntijoita
Progressiivinen julkistaminen pitää lisävaihtoehdot käytettävissä, mutta poissa tieltä. Aloita uudet käyttäjät kohdistetulla oletusnäkymällä, anna heidän lisätä sarakkeita, suodattimia ja widgetejä tarpeen mukaan ja tallenna näkymiä, jotta asiantuntijat voivat palata heti tiiviiseen kokoonpanoonsa.
Liike tiheissä rajapinnoissa
Runsaasti dataa sisältävillä näytöillä liikkeen tulee selittää muutosta, ei koristella: korosta juuri päivitetty arvo, animoi rivi uuteen lajiteltuun paikkaan tai näytä kaavion siirtymä, jotta ihmiset voivat seurata, mikä liikkui. Pidä se lyhyt ja vältä jatkuvaa animaatiota, joka kilpailee tietojen kanssa.
Avain Principles muistettavat
- Asiantuntijat hyötyvät tiheistä näytöistä; epäjärjestys on todellinen ongelma
- Tarjoa tiheysasetuksia muuttamalla välilyöntejä, ei tyyppikokoa tai kontrastia
- Käytä pituutta ja sijaintia numeroille; väri vain merkityksen vuoksi
- Progressiivinen paljastaminen suojaa aloittelijoita
- Käytä liikettä tietojen muutosten selittämiseen, älä koristelemiseen
Usein kysytyt kysymykset
Lähteet
- Data table usage — Carbon Design System (IBM)
- Dashboards: Making Charts and Graphs Easier to Understand — Nielsen Norman Group
- Progressive Disclosure — Nielsen Norman Group