detfaellesdesignsystem / dkfds-components

Styling og komponenter
Other
43 stars 13 forks source link

"Tilbage links" + trinindikator #115

Closed FNA-atp closed 2 years ago

FNA-atp commented 3 years ago

Hej FDS, Vi har en selvbetjeningløsning, hvor vi bliver nødt til at bruge trinindikatoren på venstre side. Der kan forekomme mange felter i et trin - og brugeren bliver derfor nødt til at scrolle ned på siden for at tage stilling til de oplysninger, der skal angives - og hvis alt er ok klikker brugeren på "Næste" knap for at komme videre til næste trin - ellers "tilbage" for at komme tilbage til forrige trin (man kan i også komme tilbage til forrige trin vha. trinindikatoren).

Vi udsætter brugeren for unødig scroll til toppen, hvis vi placerer et "tilbage link" på toppen af hvert trin, som I anbefaler.

Vil gerne høre, hvad jeres overvejelser har været ift. sådan en selvbetjeningløsning som vores og "tilbage link" på toppen af hvert trin. Vh. Farzana image

detfaellesdesignsystem commented 3 years ago

Hej @FNA-atp. Med forbehold for, at jeg ikke kender Jeres løsning og rammerne for den, skal jeg forsøge at svare så godt som muligt. Der er nogle generelle (generiske) grunde til, at tilbage-linket er flyttet op i toppen. Det kan være at den løsning i er i gang med afviger fra det generelle, så derfor skal det følgende tages med "et gran salt". Vi er ikke så "bange" for scroll. Med FDS vil vi gerne præge løsninger til at få primærknappen til at stå helt tydeligt og alene uden mulighed for at trykke forkert, og dermed give primærknappen fuld fokus. Det "letter" adgangen til "det næste naturlige valg" for brugeren. Dertil kommer at tilbage-knappen generelt anvendes i (langt) mindre grad, hvorfor den antager en mindre prominent plads i FDS. Igen kan Jeres løsning afvige fra dette. Dernæst er FDS er struktureret omkring princippet om opdeling af lange formularer i trin. Hellere flere trin med meget lidt indhold på, end færre trin med mere indhold på. Allerhelst så vi at trinene kun indeholdt et spørgsmål pr. trin, hvilket er i tråd med GovUKs anbefalinger. Dette skyldes, at det markant letter den kognitive belastning for brugeren og gør det nemmere at svare på det pågældende trins spørgsmål. Med mindre indhold på en side kommer fokus hurtigere til at ligge på det konkrete spørgsmål, der skal svares på. Nuvel, dette er ikke med udgangspunkt i professionelle brugere, men for de brugere, der anvender løsningen sjældent eller "for første gang". I Jeres tilfælde kan der være ræson i at gruppere det anderledes. Jeg vil dog stadigt anbefale, at i holder primærknappen for sig selv og sætter tilbage-linket i toppen - medmindre tilbage-linket bruges i udpræget grad, så kan det være at det giver mening med en tilbage-knap, men i så tilfælde kunne det også kalde på, at i kigger nøje på om løsningen er sat logisk op for brugeren. Hvis i anvender sektioner i de enkelte trin vil jeg opfordre til at i overvejer om ikke de kan og bør deles op i selvstændige trin. Jeg er ikke ekspert på Jeres løsning, så det kan være i skal gribe det anderledes an. Lige en lille sidebemærkning. Kvittering skal ikke være at finde i trin-guiden, da brugeren har forladt flowet, indberetningen er foretaget i det brugeren modtager sin kvittering. Jeg håber det svarer på spørgsmålet og at i kan komme videre ellers så skriver du bare igen. Mvh Sune Det Fælles Designsystem

FNA-atp commented 3 years ago

Hej Sune, Tak for hurtig tilbagemelding 👍 Den med kvittering har jeg på min to-do liste (har spurgt om det tidligere herinde :-) ) Realiteten er, at denne løsning er ret kompleks med mange trins og hvert trin kan indeholde mange felter, som er venstre opstillet. Der er ikke sat budget og ressource til at forenkle hvert trin – og usabilityteste løsningen engang til. Begge muligheder (trinindikatoren + tilbage linket) for at ”gå tilbage” er placeret på toppen af siden – og det er ærgerligt, at brugeren skal scrolle så langt op for at kunne klikke på ”gå tilbage”. Vi synes, den blå primærknap står tydeligt i bunden selvom, der er en tilbage knap/link. image

Vi følger dog stadig jeres anbefaling – men ville lige også ”lufte” vores bekymring – at placering for ”tilbage-link” er ikke god til trins med meget indhold :-)

Mvh. Farzana

detfaellesdesignsystem commented 3 years ago

Hej @FNA-atp

Det er noteret. Jeg laver en story på det, der skal undersøge om FDS her bør bryde med GDS. Tak for feedbacken.

Mvh Sune FDS

FNA-atp commented 3 years ago

Hej igen, Lige en update til denne - vi er nu stødt på nedenstående problem, hvor vi på en side har både en trinindikator og brødkrumme. Hvis "tilbage" knappen også tilføjes på toppen, ville det forvirre brugeren med så mange interaktioner på samme sted/spot. Håber I kan tage denne også med i jeres overvejelser, når I får tid til at kigge på dette issue ;-)

image

Vh. Farzana fra ATP

detfaellesdesignsystem commented 3 years ago

Kære Farzana,

Vi anbefaler ikke at benytte brødkrumme-komponenten sammen med hverken trinindikator eller tilbage-link. Læs mere: https://designsystem.dk/komponenter/broedkrumme/ Brødkrummen og trinindikatoren har efter vores opfattelse samme funktion. Vi anbefaler fortsat at lægge tilbage-linket i toppen, da vi følger anbefalinger fra GOV.UK Design System. Vi overvejer dog at brugerteste placeringen og i samme omgang teste et tilbage-til-toppen-link. Vi vender tilbage med nyt i sagen.

Bh Camilla FDS

FNA-atp commented 3 years ago

Hej Camilla, Tak for svar :-) vi har en lidt unik situation med denne selvbetjening. Fordi "Overblik" siden fremgår ikke på menuen - fordi det er en separat selvbetjeningsløsning. Jeg undersøger det lige nærmere, kunne være vi kunne lave en lille "hack" i koden, så vi kan linke til siden fra topmenuen :-)

Det lyder godt med "tilbage-til-top" knappen :-)

Tak :-)