navikt / Designsystemet-old

Designsystem-teamet i NAV sitt offisielle område på Github
https://design.nav.no
MIT License
8 stars 1 forks source link

Harmonisere ikon for "info" og "hjelp"? #136

Open Lillebo opened 4 years ago

Lillebo commented 4 years ago

Info-variant av Alertstripe bruker følgende ikon:

Screenshot 2020-01-21 at 10 22 10

Mens Hjelpetekst bruker følgende ikon:

Screenshot 2020-01-21 at 10 22 15

Burde vi harmonisere disse, slik at info/hjelp bruker samme ikon på tvers?

finiteattention commented 4 years ago

Hvis dette arbeidet skal finne sted, ville jeg vært så glad for en bedre løsning enn "kun et lite ikon".

For å ta utgangspunkt i god praksis innen universell utforming, ville en god løsning:

Vært oppdagelig Jeg ser at mange brukere ikke merker sånne små ikoner engang. Jeg savner visuell vekt? Dessuten kunne ikonene kanskje framstått som mer klikkbare enn de nå gjør.

Vært forståelig Hvis jeg skal være frekk, vil jeg si at jeg tror at ikonets betydningsstyrke er langt overvurdert av grafisk designere :) Se f. eks. https://www.nngroup.com/articles/icon-usability/.

Men se også på hva som er gjort av GOV.UK, der folk har pleid å:

Være lett å bruke (interagere med) Et ganske lite touch-target gjør handling vanskeligere for de med dårlig finmotorikk, de som bruker mobil, osv. Her ville for øvrig ei løsning som krever at vi bruker ord, også gjøre at det effektive touch-target'et blir større.

Vedlagt skjermbilde fra GOV.UK til illustrasjon. Her istedenfor et lite hjelp-ikon, står det, til hjelp for deg som ser rundt og lurer, en godt synlig og klikkbart "Help with nationality".

Vedlagt et skjermbilde til, med hjelpeelementet "Why are there two registers?" som også illustrerer hvordan tydeliggjøre hva som kan ligge bak et sånt element.

Jeg synes for øvrig at hvor disse elementene plasseres (dvs etter andre valg) er godt gjennomtenkt, i det du som vet hva du skal, får handle først og gå videre ved den digre knappen uten å nøle. Men de som blir usikre begynner å lete etter hjelp i nærområdet, og da kommer hjelpeelementet.

Skjermbilde 2020-02-10 kl  12 19 28 Skjermbilde 2020-02-10 kl  13 10 45
karinaldw commented 4 years ago

Kunne vi gjenskapt gov.uks løsning? Synes det er fint og tydelig, istedenfor å ha en sånn "black box" man ikke hvet ligger bak og man ikke skjønner at man kan klikke på. Og passer godt sammen med å ha mulighet for å legge info mellom label og input-felt.

Lillebo commented 4 years ago

Enig, men tror det kan være greit å ikke blande denne oppgaven (som handler om å bruke samme info/hjelpe-ikon på tvers) og oppgave #137 hvor behovet for en bedre hjelpetekst-komponent diskuteres 🙂