Anbefalinger i forhold til standard og limited mode NEMID-KLIENTEN

Transkript

1 Anbefalinger i forhold til standard og limited mode NEMID-KLIENTEN

2 NemID-klienten NemID-klienten er en JavaScript-komponent, som bruges til log-in og signering med NemID med nøglekort og nøgleviser.

3 NemID-klienten tilpasset forskellige formål NemID-klienten kan fungere på de fleste skærmstørrelser fra de små smartphones til de store desktop-skærme. Visse funktioner er dog kun tilgængelige på lidt større skærme. NemID-klienten kan derfor vises i to forskellige varianter. I skal vælge, hvilken variant der passer bedst til jeres løsning. Standard-mode Anbefales til desktop, laptop og tablet-løsninger. Alle NemID-funktioner kører i NemID-klienten direkte integreret i jeres tjeneste. Tilpasset skærme med god plads. Indeholder al NemID-funktionalitet, så de mest almindelige opgaver kan løses her og nu af brugeren. Brugeren bliver i et NemID-forløb på jeres side, og har en fornemmelse af kontinuitet i den aktuelle interaktion. I fastholder brugeren på jeres hjemmeside i jeres egen kontekst Limited-mode Anbefales til mobile løsninger til små skærme. Inkluderer de mest basale funktioner, herunder log-in og signering. Tilpasset brugeroplevelsen på små skærme Indeholder begrænset funktionalitet og der henvises til nemid.nu, hvis brugeren kommer ud over normal-flowet I skal forhåndsreservere minimum 500x450 pixel til NemIDklienten. Log-in-skærmen bruger op til 500x450 pixel. Signatur-skærmen bruger minimum 500x450 pixel og tilpasser sig, hvis iframen er større. I skal forhåndsreservere mindst 200x250 pixel NemID-klienten tilpasser sig og udfylder hele den afsatte iframe. Er ikke egnet til større skærmstørrelser. f.eks. dækker hjælpetekster mv. hele brugergrænsefladen.

4 NemID-klienten integration i egne løsninger NemID-klientens tekniske egenskaber giver en række bindinger i forhold til opbygningen af jeres sider NemID-klienten skal integreres i jeres løsninger som en iframe. Det giver bindinger i forhold til, hvor dynamisk I kan tilpasse jeres sider til skiftende skærmstørrelser. Standard-mode Anbefales til desktop, laptop og tablet-løsninger. Jeres side kan tilpasses skærm- eller browserstørrelsen, men iframen til NemID-klienten skal sættes til en fast størrelse. Logon iframen skal være 500x450 pixel, så der er plads til visning af hjælpetekster og administrative flows. Er den mindre vises en fejlmeddelelse. Signering Iframen skal sættes til mindst 500x450 pixel. Er den større tilpasser signeringsdialogen sig til iframen, så der bliver mest mulig plads til signeringsteksten. Er iframen mindre, vises en fejlmeddelelse. Limited-mode Anbefales til mobile løsninger på små skærme. Jeres side kan tilpasses skærm- eller browserstørrelsen, og I kan sætte iframen og justere størrelsen dynamisk. Iframen skal være mindst 200x250 pixel eller 250x200 pixel. Er den mindre vises en fejlmeddelelse. Er den større tilpasser NemID-klienten sig og udfylder hele iframen. Skærmrotation NemID-klienten tilpasser sig alene til størrelsen af iframen og forholder sig ikke til, om skærmen eventuelt vendes. I kan selv håndtere skærmrotation og ændre iframens størrelse og orientering. Så vil NemID-klienten tilpasse sig den nye størrelse.

5 NemID-klienten eksempel i standard mode Brugergrænsefladen til logon fylder typisk kun en del af iframen. Resten kan udfyldes f.eks. med et baggrundsbillede. Med en parameter til iframen kan I indstille baggrundsfarven, så den passer bedre ind i jeres side. I kan også vælge at lade iframen være transparent, så brugeren kan se et billede, under den del af iframen, som ikke er dækket af NemID-grænsefladen. Det frarådes at lægge tekst og links under iframen, da man ikke kan klikke/markere igennem iframen.

6 NemID-klienten eksempel i limited mode Brugergrænsefladen er målrettet små skærme og tilpasser sig til iframen. I kan sætte størrelsen på iframen, så den passer til jeres egen brugergrænseflade. Limited mode retter sig mod apps og mobiltilpassede websites til små skærme. Det betyder blandt andet, at hjælpen fylder hele iframen og dermed dækker for hele NemID-brugergrænsefladen. Det er en almindelig måde at gøre det på i f.eks. telefon-apps, men vil virke unaturligt på en lidt større skærm, hvor hjælp almindeligvis vises ved siden af felterne, ligesom i standard mode. Af samme årsag egner limited mode sig ikke til brug på større skærme, som f.eks. browser-brug i en desktop-version.