10
Brugerfladen – layout og styling af NemLog-in Kristian Ring Specialkonsulent Brugerstyringssekretariatet Emner • Hvad skal barnet hedde? • Hvordan skal det se ud? • Hvordan er brugeroplevelsen?

Brugerfladen – layout og styling af NemLog-in

  • Upload
    ishana

  • View
    26

  • Download
    0

Embed Size (px)

DESCRIPTION

Brugerfladen – layout og styling af NemLog-in. Kristian Ring Specialkonsulent Brugerstyringssekretariatet Emner Hvad skal barnet hedde? Hvordan skal det se ud? Hvordan er brugeroplevelsen?. Hvad skal barnet hedde?. Krav Kort Sigende Mundret Skal kunne fungere som logo - PowerPoint PPT Presentation

Citation preview

Page 1: Brugerfladen – layout og styling af NemLog-in

Brugerfladen – layout og styling af NemLog-in

Kristian Ring

Specialkonsulent

Brugerstyringssekretariatet

Emner

• Hvad skal barnet hedde?

• Hvordan skal det se ud?

• Hvordan er brugeroplevelsen?

Page 2: Brugerfladen – layout og styling af NemLog-in

Hvad skal barnet hedde?

Krav

• Kort

• Sigende

• Mundret

• Skal kunne fungere som logo

•NemLog-in

– til det offentlige med digital signatur

• I familie med NemKonto og NemSMS

• I overensstemmelse med Dansk Sprognævns anbefalinger

• Domænet var ledigt! www.nemlog-in.dk

Page 3: Brugerfladen – layout og styling af NemLog-in

Brugeroplevelsen

Krav

• Brugeren skal opleve et naturligt flow

• Brugeren må ikke blive usikker eller forvirret

• Brugeren må ikke være i tvivl om, at de er kommet det rigtige sted hen

• Der skal være tydelig deklaration af servicen

Ex. Link fra ”Log på med digital signatur” hos borger.dk – her skal der komme noget meningsfyldt frem

Skal også virke, hvis brugeren kommer direkte fra en serviceudbyders hjemmeside

Page 4: Brugerfladen – layout og styling af NemLog-in

Webdesign – look and feel

Rammen

• Skal have eget layout

• Tekniske begrænsninger i forhold til ex. iFrame, flad HTML m.m.

• Ingen mulighed for layout af applet

• Ikke stort behov for selvstændig profilering – må derfor godt lægge sig

op af noget, som folk kender i forvejen og som er i samme ”familie”

Kodeord

• Sikkert

• Troværdigt

• Professionelt

Page 5: Brugerfladen – layout og styling af NemLog-in

Webdesign – IA og layout

IA

• Skulle være plads til kontekstoplysninger

• Flad HTML med stylesheet

• Måtte ikke tage for meget fokus fra log-in-applet

Layout

• Det muliges kunst på kort tid

• IKKE endelige tekster

• Kan revurderes til den permanente løsning

Page 6: Brugerfladen – layout og styling af NemLog-in

Sådan ser det ud…

http://www.forth.dk/NemLog-in

Udviklingssite hos webdesigner. Vil være i luften indtil løsningen

er på plads.

Designet er godkendt af relevante interessenter og

samarbejdspartnere.

Implementeringen af design er i gang hos CSC

Page 7: Brugerfladen – layout og styling af NemLog-in
Page 8: Brugerfladen – layout og styling af NemLog-in
Page 9: Brugerfladen – layout og styling af NemLog-in
Page 10: Brugerfladen – layout og styling af NemLog-in