Indholdselementer på Jobnet.dk

På Jobnet.dk anvender vi forskellige UI elementer til at vise forskelligt indhold. I det nedenstående beskriver vi, hvilke elementer der findes, hvordan de skal anvendes, eventuelle forretningsregler m.v.

Notifikationer

Kendetegn

Opfordrer brugeren til at udføre en påkrævet handling. Notifikationer forsvinder, når handlingen er gennemført.

Forretningsregler

Der findes følgende typer af notifikationer, i prioriteret rækkefølge:

  • Du har stillinger der er udgået: 
    • Du har stillinger der er udgået: Vi har fornyet en del af Jobnets stillingsbetegnelser. Du har stillingsbetegnelser i ”Jeg søger job som”, der nu er udgået.
      Derfor skal du gå ind på ”Jeg søger job som” og tilrette.
      Link: Gå til Jeg søger job som
  • Frister for booking af møde
    • "Ny frist:" - "Du har fået en frist for, hvornår du senest skal booke den næste {samtaletype}. Fristen for at booke samtalen er senest {frist}."- Link: "Book {samtaletype} med dit jobcenter".
    • "Husk at booke møde:" – ”Der er kun {antal} {dag(e)} til {frist}, hvor du senest skal booke din næste {samtaletype}. Skynd dig at booke en tid til samtalen.” - Link: "Book {mødetype} med dit jobcenter".
    • "Husk at booke møde:" – ”Der er kun {antal} {dag(e)} til {frist}, hvor din næste {samtaletype} skal være booket. Skynd dig at booke en tid til samtalen” - Link: "Book {mødetype} med dit jobcenter".
    • "Husk at booke møde:" – ”Din frist for at booke din {0} er i dag. Skynd dig at booke en tid til samtalen.” - Link: "Book {mødetype} med dit jobcenter".
    • "Book straks et møde!" – ”Du skal booke et nyt møde med dit jobcenter med det samme.” - Link: "Book {mødetype} med dit jobcenter".
  • 'Tjek dine jobforslag' - vises altid som nummer 1 eller 2 i rækken af notifikationer på 'Min side' (TRWJ)
    • ”Vi har {antal} jobforslag til dig. {antal} er fra den seneste uge. Husk at du skal tjekke dine jobforslag senest” – ”Tjek dine jobforslag”
  • Næste møde (møder)
    • "Kommende møde:" - ”{mødetitel} {dato og tid}” – Link: "Se detaljer"
  • Jobplan notifikationer
    • "Min plan:" – ”{Plan status} {status ændringer}”– Link: "Gå til min plan"
  • Indsendelse af Dagpengekort og ledighedserklæring
    • ”Husk:" – ”Gå til a-kassens hjemmeside og udfyld ledighedserklæring"
  • Krævet anvendelse af joblogs
    • ”Joblog:” - "Vi kan se, at du ikke har udfyldt din Joblog i 30 dage. Vær opmærksom på, at du skal oprette en log, hver gang du søger et job." – Link "Min Joblog"
  • Besked om Anden Aktør
  • Dialogmodul beskeder (Min Beskedbakke)
    • "Post:" - "Du har en ny besked fra en arbejdsgiver i din indbakke" – Link "Gå til besked"
    • "Post:" - "Du har {antal} nye beskeder fra en eller flere arbejdsgivere i din indbakke" – Link "Gå til beskeder"
  • Annonceringer fra Jobnet (fra CV Admin)
    • "Besked fra Jobnet:" – ”{besked indtastet på CVAdmin af Landssupporten}” - Link "Læs besked"
  • Validering af kontaktoplysning (nye brugere)
    • "Din e-mailadresse er ikke bekræftet." - ”Vi har sendt en e-mail med en kode til {email}. Du skal indtaste koden fra e-mailen for at bekræfte din e-mailadresse. Bemærk! Du modtager ikke e-mails fra 'SMS- og e-mailservice', før du har indtastet koden.” – Link "Bekræft e-mailadressen" | "Ret e-mailadressen"
  • Joblog notifikationer
    • ”Husk:” – "Du skal registrere alle dine jobsøgningsaktiviteter i din Joblog.<br />På den måde er både du og din jobkonsulent forberedt bedst muligt, når du skal til samtale med din a-kasse/jobcenter. Når du registrerer alle dine aktiviteter i Jobloggen, bliver det også nemmere for dig at planlægge din jobsøgning, og du viser, at du står til rådighed.”. Link "Gå til Min Joblog"
    • ”Husk:” - "Du skal registrere alle dine jobsøgninger i din Joblog.<br />På den måde er både du og din jobkonsulent forberedt bedst muligt, når du skal til samtale med jobcentret. Når du registrerer alle dine aktiviteter i Jobloggen, bliver det også nemmere for dig at planlægge din jobsøgning, og du viser, at du står til rådighed". Link ”Gå til Min Joblog”
  • Screening / forberedelsesskema
    • "Kom godt i gang med job:" - "Send forberedelsesskema om forventninger til job, inden du skal til samtale."– Link "Gå til forberedelsesskema"
    • "Kom godt i gang med uddannelse og job:" – "Send forberedelsesskema om forventninger til job og uddannelse, inden du skal til samtale." - Link "Gå til forberedelsesskema"
  • Validering af kontaktoplysning (eksisterende brugere)
    • "Har vi den rigtige e-mailadresse?" - ”Vi vil gerne være sikre på, at vi har den rigtige e-mailadresse til dig: e-mailadresse: {email}. Du kan bekræfte eller rette i e-mailadressen herunder.” – Link "Ja, jeg vil gerne bekræfte e-mailadressen" | "Nej, e-mailadressen er forkert"


Eksempler

Vises på’ Min side’, på ’Mine møder’ (dog ikke som grøn boks, men blot besked), når der er en aktuel frist og på CV'et, når CV'et ikke er søgbart for en borger, der har krav om søgbart CV.

Se også Frontend Guiden > 'Notifications' samt den grønne boks under Motifications - Examples

Kilde

Antager teksterne findes i koden, men skal bekræftes af TRWJ (NNIT).

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Trine Skriver Breum (Unlicensed)

Motifikationer 

Kendetegn

Opfordrer/’nudger’ brugeren til at udføre en anbefalet/hensigtsmæssig handling. Vises i ’karrusel’, så de dukker vilkårligt op – dog ikke, hvis borgeren har valgt ’Vis ikke denne igen’.

Forretningsregler

Der findes følgende beskeder:

  • Hints til opdatering af cv
    • "CV:" – "Du mangler at udfylde dele af dit CV" - Link "Gå til CV"
  • Screening / Forberedelsesskema
    • "Forbered dig til din samtale" - ”Udfyld dette skema om dine forventninger til job for at sikre det bedste udgangspunkt for samtalen. Det tager kun et øjeblik at udfylde." – Link "Udfyld forberedelsesskema”

Der er kun forretningsregler tilknyttet notifikationer (Dvs. i frontend guiden burde den nuværende motifikation, når CV’et ikke er søgbart for en kontaktgruppe, som skal have søgbart CV, navngives 'notifikation')

Vises altid i 'Frontend Guide > container tear-off'

Eksempler

Vises på ’Mit CV’.

Se også Frontend Guiden > 'Motifications - eksempler' (sidste hvide boks)

Kilde

Antager teksterne findes i koden, men skal bekræftes af TRWJ (NNIT). 

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Trine Skriver Breum (Unlicensed)



Primær aktion boks

Kendetegn

Anvendes til primær aktioner/handlinger/informationer, som enten skal udføres eller som for øjeblikket er ’on hold’ – fx. aktive 'Meld dig ledig' og inaktive ’du er fritaget for at tjobbe pga. deltagelse i tilbud’.

Forretningsregler

  • Bruges til at vise primære aktioner eller informationer

Eksempler

Vises på 'Min side'

Se også Frontend Guiden > 'The Tjob boks'. (Troels Wiberg Jensen (Unlicensed), titlen bør nok omdøbes i frontend-guiden til "primær aktion boks" (eller hvad vi nu skal kalde den), nu hvor TJOB-knappen forsvinder)


For borgere i rehabiliteringsforløb vises en primær aktion boks på min side, som informerer borgeren om, hvilken status denne er i, samt guider borgeren hen til det rette sted. 

Kilde

Teksterne findes i koden. 

Kendte udfordringer med Primary action



Der kan kun være en Primary Action boks ad gangen. Boksen vises efter en If-elseIf, hvilket bevirker, at den første besked der er aktuel for borger er beskeden der vises. Det har været forsøgt afklaret med STAR om det er den ønskede adfærd, da det giver problemer. Eksempelvis vil en sygemeldt  fleksjobber aldrig få raskmeld knap som Primary action, da fleksjobber rammer "1.2.3 E-guide" først. Se evt. https://manuscript.star.dk/f/cases/170368/.


Overordnet kan vises 6 forskellige primary actions, dog således at den sidst nævnte kan dække over flere varianter

Ud fra princippet enten eller, udføres nuværende prioritering af visningen som følger: 


Hvis opfyldt

    Bekræft med NEM ID


ellers hvis opfyldt

    Tilmeld dig her


ellers hvis opfyldt

    Jeg søger job som mangler


ellers hvis opfyldt

    Fleksjob e-guide


ellers hvis opfyldt

    Automatch info


ellers hvis opfyldt

    ​Øvrige - herunder Meld dig rask, Meld dig ledig​, Afslut ferie, Afslut midlertidigt arbejde, Du er sygemeldt, Du er sygemeldt resten af dagen, Du har meldt ferie, Du er ikke meldt ledig


Ulempen ved nuværende implementering bevirker fx

- at kronologien i elseif bevirker, at en borger, der både er fleksjobber og sygemeldt bevirker, at punkt 4 rammes før punkt 6 og at der derfor vises 1-2-3 E-guide i stedet for ”Raskmeld”.


Jeg ved ikke om det er muligt, at lave én overordnet prioritering, som kan gælde i alle tilfælde. Det er jo det som er vores udfordring, som jeg ser det. Hvis ikke, skal vi have kigget på de varianter, der kan opstå afhængig af borgers Jobnet tilstand.




Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Trine Skriver Breum (Unlicensed)



Call out boks

Kendetegn

Respons/feedback ved afslutning af bruger-initieret handling/flow. Altid taleboble-design og med ikon (på desktop visning)

Forretningsregler

  • Alle handlinger, der afsluttes med en 'Call out boks', kan genfindes som logs i 'Historik'

Eksempler

Anvendes som feedback på 'Meld dig syg/rask', 'Meld ferie', 'Dine rettelser er blevet gemt' og 'Tak, vi har registreret, at du har tjekket dine jobforslag'  mv. 

Se også Frontend Guiden > 'Call out boxes - use for non-persistent messages'.

Kilde

Antager teksterne findes i koden, men skal bekræftes af TRWJ (NNIT). 

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Trine Skriver Breum (Unlicensed)



Primær information boks

Kendetegn

Anvendes til primær information på den pågældende side af afgørende betydning for borgeren - og/eller for borgerens forståelse af siden. Kan være af både midlertidig og permanent karakter. Kan anvendes med ikon (på desktop-visning) og med 'læs mere-link' + evt 'fold-ud' - indeholder ALDRIG knap, idet det så er en primær aktion.

Forretningsregler

  • Anvendes til vigtig information, der ønskes fremhævet over andet indhold på siden
  • Anvendes oftest til information, der kan påvirke borgerens ydelse

Eksempler

Anvendes ved førstegangsbrug på Joblog, når CV'et er blevet gjort søgbart på 'Mit CV' (NB! Dette bør være en call out) og på 'Dagpengetæller' (2017-2). Den grønne 'Velkomst-boks', der vises første gang, borgeren tilgår 'Min plan' burde være en blå 'primær information boks'.

Se også Frontend Guiden > 'Container-primary-information'  og den blå boks i 'Motifikations - Examples' (som bør være en call out).

Kilde

Antager teksterne findes i koden, men skal bekræftes af TRWJ (NNIT). 

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Trine Skriver Breum (Unlicensed)



Next step (aka 'Kvittering')

Kendetegn

Printbar kvittering, der vises efter en bruger-initieret handling/flow - indholdet beskriver de næste trin/handlinger, borgeren skal foretage på baggrund af den gennemførte handling. Kan desuden sendes per e-mail, hvis borger har oplyst e-mailadresse.

Forretningsregler

  • Teksterne skal udarbejdes i samarbejde med STAR jurister
  • Teksterne skal beskrive, hvad borgeren har gjort, og hvad borgeren skal foretage sig herfra
  • Foran en 'Next step' vises altid en 'Call out boks'  (korrekt?)
  • Vises altid i 'Frontend Guide > container tear-off'

Eksempler

Anvendes på 'Meld dig ledig', 'Meld dig syg' mv.

Se også Frontend Guiden > 'Receipt' (og desuden under Print - Print receipt).

Kilde

Teksterne kommer fra DFDG. 

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Trine Skriver Breum (Unlicensed)

DFDG: ???



Side-ændringer boks

Kendetegn

Beskriver ændringer, der er sket på den pågældende side, siden brugeren sidst loggede på

Forretningsregler

  • Anvendes på sider, hvor det er nødvendigt at vise, at der er sket ændringer siden sidst brugeren loggede på. Fx ved Min plan

Eksempler

Anvendes på 'Min plan'

Se også Frontend Guiden > 'Container-attention'.

Kilde

Antager teksterne findes i koden, men skal bekræftes af TRWJ (NNIT). 

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Louise Baunsgaard Koch, NNIT



Teaser tekst (aka 'brødtekst')

Kendetegn

Forklarende/støttende tekst direkte på 'kanvassen' - dvs. uden container/boks. Generelt meget kortfattet tekst (men der er undtagelser) og gerne opstillet på bullet-liste.

Forretningsregler

  • Anvendes når der er behov for at forklare/introducere kontekst/regler/lovgivning relateret til indholdet på siden.

Eksempler

Anvendes på fx 'Mit fravær', 'Meld ferie' og ovenover flows som 'Book møde' og 'Meld dig ledig'.

Se også Frontend Guiden.

Kilde

Antager teksterne findes i koden, men skal bekræftes af TRWJ (NNIT). 

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Louise Baunsgaard Koch, NNIT



Husk/Bemærk (aka 'du har glemt')

Kendetegn

Vises i situationer, hvor borgeren forsøger at hoppe videre i et flow uden at færdiggøre de foranliggende trin, og hvor brugeren visuelt er fjernt fra det 'forladte' trin.

Forretningsregler

  • lorem ipsum 

Eksempler

Anvendes på fx 'Book møde' og 'Rediger CV' - der anvendes forskellige UI-elementer, hvilket bør ensartes til en type pop-over (desuden hvorfor får man en 'Husk/bemærk' på CV og Mødebooking, men ikke hvis man forlader, fx jeg søger job som i edit-mode?)

Husk/Bemærk i Book møde i Frontendguiden > Modal 

Husk/Bemærk i CV i Frontendguiden > Notifcation variants (Inline acknowledgement)

Kilde

Antager teksterne findes i koden, men skal bekræftes af TRWJ (NNIT). 

Koordination

Forretningsregler: Behrooz Arvanaghi, STAR

Sprogligt: Louise Baunsgaard Koch, NNIT