Sidjämförelse

Sajthuvud och huvudnavigation

-1177: invånare
ej inloggad + inloggad

-1177 profession
ej inloggad + inloggad

-Inera
ej inloggad + inloggad

Page Header

x

https://develop--flamboyant-meninsky-54afd1.netlify.app/?path=/story/components-page-header--default

•  Logged in with mobile menu, With mobile tools - ska bara ha 3 länkar

•  With Menu side - ska ej finnas för 1177

•  Finns inget exempel med Logga in, Hitta vård, Sök i Storybook (men finns i Confluence)
•  1177 inloggad - saknas exempel i Confluence
•  Profession saknas i Storybook (men finns i Confluence)

Namngivning

•  Ändra font på länkar till regular:

https://develop--flamboyant-meninsky-54afd1.netlify.app/?path=/story/components-page-header--default

•  Länkar Driftstatus och Sök saknas i desktop
•  With meny under - ej aktuell
•  Länkar under sajthuvud i mobil ska ej finnas

•  Inloggad - ej klar, väntar in skisser

Megameny

Mega Menu

x

•  Hittar inte exempel i Storybook

•  Hittar inte exempel i Storybook

Mobilmeny

Mobile Menu

x

Flytta hamburgarikonen

Mobilmeny har fel färg på aktiv sektion

Sajtfot

Page Footer

x

Bugg i Storybook uppdatera enl design

Storybook - ändra till rätt ikon för extern länk

Uppdatera enl design: Ändra pilar, fokusmarkering samt ikon för extern länk.

Åtgärda tillgänglighetsproblem.

Brödsmula

Breadcrumb

x

Aktuell sida i brödsmulan ska inte vara länkad. Ska även stå “Du är här:” framför brödsmulan

Uppdaterad design på tillbakalänk till samlingssida - mobil (istf brödsmula i mobil)

Aktuell sida i brödsmulan ska inte vara länkad. Ska även stå “Du är här:” framför brödsmulan

Uppdaterad design på tillbakalänk till samlingssida - mobil (istf brödsmula i mobil)

Lokalnavigering

Local Navigation

x

Storybook - hittar inte

Confluence - ok

Storybook - hittar inte

Confluence - ok

På sidan-navigering

x

Storybook - hittar inte

Confluence - ok

Storybook - hittar inte

Confluence - ok

Navigationsbricka

Inspiration

x

https://develop--flamboyant-meninsky-54afd1.netlify.app/?path=/story/components-cards--inspiration Saknas variant med blå topp

https://develop--flamboyant-meninsky-54afd1.netlify.app/?path=/story/components-cards--inspiration ok

Confluence - bugg, får dubbla linjer vid hover

Växla vy (listvy/brickvy)

Toggle

x

Saknas

Ej aktuell?

Flik

Tab

x

Designen på flikar är uppdaterad med tajtare mellanrum och nya ikoner (i samband med att design på flikar för Inera togs fram). Uppdatera enl design zpl://screen?sid=5e1d8ce652f316bd0d963125&pid=5e1716405a91ab82385ada74

Storybook - saknas?

Storybook - saknas

Uppdatera enl design

Tillbaka till toppen

Back-To-Top

x

Css samt kodexempel Confluence saknas

Ej aktuell fn.

Fokusmarkering

Focus

x

Saknas

Saknas

Textfält

Textfield

x

Uppdatera disabled state

Uppdatera enl design

Uppdatera disabled state

Textarea

Textarea

x

Uppdatera disabled state (samma som för textfält)

Uppdatera enl design

Uppdatera disabled state (samma som för textfält)

Knapp

Button

x

Ska uppdateras med exempel gällande placering

Uppdatera info om användning av Button link

x

Vad är Button link - behövs den?

Uppdatera enl design

Vad är Button link - behövs den?

Övriga knappar: zooma in, zooma ut, förstora

x

Saknas (ny)

Ej aktuell fn

Radioknapp

Radio Button

x

Uppdatera med disabled state

Uppdatera enl ny design samt disabled state

Kryssruta

Checkbox

x

Uppdatera med disabled state

Uppdatera enl ny design samt disabled state

Dropmeny

Dropdown

x

x

Kodexempel i Confluence diffar något mot Storybook (grön linje i nederkant samt chevronpil i cirkel) - Ska bytas ut mot exempel från Storybook

Storybook - ok

Sökfält

Search Field

x

Storybook - saknas

Confluence - ok

Storybook - saknas

Confluence - linje/ram runt sökfält försvinner vid fokus (Ska bytas ut mot exempel från Storybook)

Laddare

Loader (spinner)

x

x

x

Förloppsindikator

Progress Bar

x

Storybook - saknas?

Confluence ok

Storybook - saknas?

Confluence: Ändra färg enl design

Filtrering

Filtering

x

Storybook - saknas

Confluence - färg på text “Filtrera sökträffar” ska vara mörkare. Annars ok.

Kodexempel Confluence samt storybook saknas

Listpaginering

List Pagination

x

Storybook - saknas

Confluence - uppdatera färg fill (vit) samt hover

Storybook - saknas

Uppdatera enl ny style på knappar

Artikelpaginering

Article Pagination

x

Storybook - saknas?

Kodexempel Confluence -saknas

Uppdaterade färger

Storybook - saknas?
Kodexempel Confluence -saknas

Sökträfflista

Search Result List

x

Confluence - ok (men ska länkas om till storybook)

Storybook ok, men borde framgå tydligare att “striped” är det primära valet, ej “linked”.

Finns några träfflistor under Lists i Storybook men de ser inte ut som enligt design.

Confluence ok (men ska länkas om till Storybook)

Alternativ sökträfflista (vid mindre än 3 träffar)

Alternative Search Result List

x

Confluence - finns beskrivning i text.

Storybook - grafiskt ok, men borde framgå att den gäller för färre än tre träffar

Ej aktuell

Nyhetslista

News List

x

x

Finns några träfflistor under Lists i Storybook men de ser inte ut som enligt design.

Confluence ok (men ska länkas om till Storybook)

Länklista (manuell)

Link List (manual)

x

Confluence - ok

Storybook - länkarna ligger horisontellt istället för vertikalt

Confluence - fel färg rubrik

Storybook - länkarna ligger horisontellt istället för vertikalt

Länklista (mottagning)

Link List (reception)

x

saknas

saknas

Länklista (automatisk)

Link List (automatic)

x

Storybook - saknas

Confluence - ok

Storybook - saknas

Confluence - saknar understreck under länkarna

A-Ö-lista

A-Ö List

x

Storybook - saknas

Confluence - ändra färg på bokstäverna i de runda knapparna enl skiss

Storybook - saknas

Confluence - bokstäverna i knapparna är ej centrerade, annars ok

Expanderbar

Expandable

x

Storybook - styling på rubrikerna stämmer inte

Confluence - ok

Uppdaterad design finns. Uppdatera färg rubrik, vit bakgrund, grå ramlinje samt chevrons.

Storybook - Ändra enl design: färg/styling

Kodexempel i Confluence saknas

Globalt meddelande

Global Status Message

x

(Ser olika ut i Storybook och Confluence. Saknas ikon och visa/dölj funktion i Confluence. )

Storybook: byt ut ikon mot uppdaterad. Samt ikonen ser för stor ut.

Kodexempel Confluence buggar

Storybook: Ikonen ser något stor ut. Texten Visa meddelande/dölj meddelande ser för ljus ut.

Lokalt meddelande

Local Status Message

x

x

Byt ut ikon mot uppdaterad

x

Meddelande med olika status

Default Status Message

x

x

Byt ut ikoner mot uppdaterade

x

Ombudsbanner

Agent

x

x

Ej aktuell för Inera

(Finns exempel i Storybook, dock bör design ses över om den ska finnas.)

Infobox/fokusruta

Info Box

x

Inväntar ny design för infobox 1177.se

Övrigt: Byt ut ikoner mot uppdaterade

Storybook - fel färg på ramlinje gul infobox (ska vara gul)

Storybook - fel design. Använder 1177s design

Ändra enl skiss

Modal

Modal

x

Ta bort dialog-varianterna av modal (Dialog, Info, Confirm i Storybook). Ska finnas endast en modal.

Ta bort dialog-varianterna av modal (Dialog, Info, Confirm i Storybook). Ska finnas endast en modal.

Relaterade artikelpuffar /pufflista med rubrik

Article list

x

x

Exemplet i Confluence är lite mer arbetat än i storybook med exempel på olika puffar i bredd. Nämnt i ärendet för Inera.

Tillgänglighet och designfix

Exemplet i Confluence är lite mer arbetat än i storybook med exempel på olika puffar i bredd

Bildformat

Image Format

x

Storybook - Visar bara exempel på små bilder.

Exempel med högerjusterad text behöver förklaras

Storybook - Visar bara exempel på små bilder.

Exempel med högerjusterad text behöver förklaras

Bildtext (invånare, profession)

Image Text

x

x

Fel färg på strecket

Bildspel

Slideshow

x

Storybook - saknas

storybook - saknas

Video

Video

x

Finns exempel i Confluence

Storybook - saknas

Saknas exempel i Confluence

Storybook - saknas

Grafiskt datum

Graphical Date

x

x

Ändra färg på datum

Tabell

Table

Ev lägga till sorteringspilar

x

Ändra färg på linje
Ändra färg fotnot samt tabellrubrik

Ändra enl design
Storybook - saknas?

Tipsa/Artikelfot

Article Footer

x

x

Ska uppdateras

Lyssna/Talande webb

Text-To-Speech

x

Label

Label/Badge

Ev lägga till fler varianter/färger

x

x

Uppdatera css enl design Kodexempel confluence saknas.

Notis

Notification

x

x

Ändra enl design

Kodexempel Confluence saknas

Popup Tip (Tidigare kallad Tooltip i Sketch och Confluence.

Popup Tip

x

x

Byt namn till Popup Tip

Kodexempel confluence saknas

Storybook - ändra färg scroll och kryss

Byt namn till Popup Tip

Tooltip (ny)

Tooltip

x

Saknas

Finns design i Zeplin

(Är Popover samma som egentlig Tooltip?)

Saknas

Finns design i Zeplin

(Är Popover samma som egentlig Tooltip?)

Sidexempel: Artikelsida

x

Bugg:

Bugg:

Sidexempel: Sektionssida

x

Saknas i Storybook

Tillgänglighet:

Saknas i storybook

Bugg samt tillgänglighet:

Tillgänglighet:

Sidexempel: Samlingssida

x

Sajtfot trasig

Sajtfot trasig. Fel toning på navigationsbrickor

Bugg samt Tillgänglighet:

Sidexempel: 404

x

Saknas

Saknas