DAGSORDEN Velkomst Præsentation af projektet Spørgsmål Den videre proces 1
Fælles designsystem til borger.dk, Digital Post, NemLog-in og selvbetjeningsløsninger Præsentation i Digitaliseringsstyrelsen 3. november 2015
AGENDA Baggrund for projektet Systemoverblik Præsentation af opgaven Lignende produkter Spørgsmål Den videre proces 3
BAGGRUND Ønske om at DIGSTs borgerrettede produkter fremstår mere ensartede Stort fokus på, at offentlige løsninger skal være brugervenlige Leverandører og myndigheder efterspørger retningslinjer for, hvordan løsninger skal opbygges DIGST har etableret et designprojekt, der har undersøgt behovet for og hvordan et design bør udformes for borger.dk, Digital Post, NemLog-in samt selvbetjeningsløsninger 4
SYSTEMOVERBLIK Omfattet DIGSTs produkter Digital Post Borger.dk NemLog-in 5
BEHOVENE FOR BRUGERVENLIGHED, RETNINGSLINJER FOR UX OG GRAFISK LAYOUT ER SÅ RELATEREDE, AT DE SKAL BEHANDLES I DET SAMME PRODUKT 6 november 2015
MED DESIGN FORSTÅS GRAFISK, BRUGERGRÆNSEFLADE-, INTERAKTIONS-, FRONT END- OG INFORMATIONSDESIGN 7 november 2015
HVOR ER VI NU Her er vi! 8
SITUATIONEN I DAG Udviklingsvejledning Overordnede krav på højt abstraktionsniveau Ubeskrevet Problemet HTML-guide UI-komponenter. Lavt abstrakstionsniveau 9 november 2015
SITUATIONEN I FREMTIDEN (LØSNINGEN) Udviklingsvejledning Overordnede krav på højt abstraktionsniveau Designmanual Designlogik, designprincipper Grafisk layout/typografi Brugeroplevelses- og interaktionsdesign UI-komponenter HTML, CSS, JS Byggeklodser 10 november 2015
Oplevelse Brugerbehov og forventninger BRUGEROPLEVELSESDESIGN 11 Service Informationsdesign Kommunikation Brugergrænsefalde Indholdsdesign Identitet Grafiske elementer Brugervenlighed Systemtilstande Funktionalitet Performance Indhold og navigation (flow) Opsætning og visning (Forretning) Brand, look & feel, Stil og tone (Brugeradfærd) Interaktionsdesign, visuel kommunikation (Teknik) Front-end (html, css, js) Synergi Synergi Synergi Synergi Synergi november 2015
Identitet (Forretning) Brand, look & feel, Stil og tone DESIGNIMPLEMENTERING Grafiske elementer Brugervenlighed Systemtilstande Funktionalitet Performance Struktur, etc. CMS Webservice/api Integrationer Fordeling Sikkerhed Håndtering Lagring (Brugeradfærd) Interaktionsdesign visuel kommunikation (Teknik) Front-end (html, css, js) Informationsarkitektur Infrastruktur Forretningsregler Data Synergi Synergi Synergi 12 november 2015
FREMOVER SIGER VI ALTSÅ, HVAD DER ER GODT DESIGN 13 november 2015
SLUTPRODUKT(ER) FOR PROJEKTET 1. Designoplæg til borger.dk, Digital Post og NemLog-in + en dummy-selvbetjeningsløsning 2. En designmanual (erstatter HTML-guiden), der sætter retningslinjerne for grafisk layout og UX samt teknik (HTML/CSS) Baseres på krav indsamlet i analysefasen 14 november 2015
ØNSKER TIL PROCES Iterativt proces med konsulenter indstationeret i DIGST Grafisk layout UI-komponenter Interaktionsdesign Teknik Designmanual Designoplæg Start Slut 15
OPGAVEN ER UNIK MEN VI SKAL IKKE OPFINDE DEN DYBE TALLERKEN (MEN BASERE OS PÅ BEST PRACTICE) 16 november 2015
ANDRE DESIGNMANUALER/REFERENCER UX: (Googles) Material design (Apples) Human interface design Offentlige manualer: Gov.uk-manualer Virk designmanual Styleguides: Lonely Planet Mailchimp pea.rs styleguides.io Etc HTML-guiden Tekniske frameworks Bootstrap Foundation 17 november 2015
OG HVORDAN DE KAN SÆTTES I SPIL Grafisk design Interaktionsdesign (funktionelt over fancy) Framework (fx Bootstrap el. Foundation) Supplerende UIkomponenter Så vi genbruger mest muligt 18
19 SPØRGSMÅL
DEN VIDERE PROCES 1. Korte bilaterale møder, hvor leverandører fx kan fremlægge erfaringer med lignende projekter samt ideer til, hvorledes opgaven kan løses, herunder proces, leverancens udformning og opfattelse af opgavens omfang 2. Udsendelse af endeligt udbudsmateriale 3. Udbud 4. Spørgsmål herefter kan sendes til Lisann Troelsen, litro@digst.dk 20