UX design
UX design
UX design
Re-design av
Etikprövningsmyndigheten
Re-design av
Etikprövningsmyndighe-en
Re-design av Etikprövningsmyndi- gheten
Introduktion
Introduktion
Redesign av Etikprövningsmyndighetens webbplats för att göra informationen mer tillgänglig för forskare och forskningsdeltagare.
Redesign av Etikprövningsmyndighetens webbplats för att göra informationen mer tillgänglig för forskare och forskningsdeltagare.
Problem
Problem
Svårt språk och tung struktur
Låg tillgänglighet enligt WCAG
Otydlig navigering
Saknas tydliga ingångar för målgrupperna (forskare och forskningsdeltagare)
Svårt språk och tung struktur
Låg tillgänglighet enligt WCAG
Otydlig navigering
Saknas tydliga ingångar för målgrupperna (forskare och forskningsdeltagare)
Design mål
Design mål
Enkel och tydlig navigering
Tillgänglighet enligt WCAG 2.2
Enkelt språk
Tydlig visuell hierarki och modernt uttryck
Enkel och tydlig navigering
Tillgänglighet enligt WCAG 2.2
Enkelt språk
Tydlig visuell hierarki och modernt uttryck
Design process
Design process
Research och analys
Informationssstruktur
Wireframing
Prototyping och visuell design
Användartester och iterationer
Research och analys
Informationssstruktur
Wireframing
Prototyping och visuell design
Användartester och iterationer
Kärnfunktioner och designbeslut
Kärnfunktioner och designbeslut
Enkelt språk och tydligt innehåll
Texterna skres om med fokus på korthet och begripligt för både forskare och forskningsdeltagare.
Ny informationsstruktur
Navigeringen byggdes om med färre nivåer och tydligare kategorier för att minska letandet. Vi gjorde också en tydlig uppdelning för forskare och forskningsdeltagare.
Tillgänglighet (WCAG 2.2)
Färger, kontraster och typografi anpassades för bättre läsbarhet och för att fungera med hjälpmedel.
Visuell hierarki
Viktig information placerades högt upp på sidan och förstärktes med rubriker, ikoner och visuella markörer.
Enhetligt visuellt uttryck
En sammanhållen färgpalett och konsekventa design mönster gav webbplatsen ett mer proffesionellt och trovärdigt intryck.
Enkelt språk och tydligt innehåll
Texterna skres om med fokus på korthet och begripligt för både forskare och forskningsdeltagare.
Ny informationsstruktur
Navigeringen byggdes om med färre nivåer och tydligare kategorier för att minska letandet. Vi gjorde också en tydlig uppdelning för forskare och forskningsdeltagare.
Tillgänglighet (WCAG 2.2)
Färger, kontraster och typografi anpassades för bättre läsbarhet och för att fungera med hjälpmedel.
Visuell hierarki
Viktig information placerades högt upp på sidan och förstärktes med rubriker, ikoner och visuella markörer.
Enhetligt visuellt uttryck
En sammanhållen färgpalett och konsekventa design mönster gav webbplatsen ett mer proffesionellt och trovärdigt intryck.
Resultat och effekt
Resultat och effekt
Ökad tillgänglighet
Prototypen designades med utgångspunkt i WCAG 2.2 för att öka tillgängligheten.
Förbättrad användarupplevelse
Kortare texter och tydligare struktur gör det enklare för både forskningsdeltagare och forskare att snabbt hitta rätt information.
Stöd för verksamheten
Den nya designen tydliggör myndighetens roll och stärker förtroendet genom ett mer proffesionellt uttryck
Ökad tillgänglighet
Prototypen designades med utgångspunkt i WCAG 2.2 för att öka tillgängligheten.
Förbättrad användarupplevelse
Kortare texter och tydligare struktur gör det enklare för både forskningsdeltagare och forskare att snabbt hitta rätt information.
Stöd för verksamheten
Den nya designen tydliggör myndighetens roll och stärker förtroendet genom ett mer proffesionellt uttryck
Orginal
Redesign
Orginal
Redesign
Mina lärdomar
Mina lärdomar
Universell design i praktik – erfarenhet av att omsätta principer till konkreta designbeslut.
Tidigt användarengagemang – insikt om vikten av att involvera olika typer av användare i processen.
Universell design i praktik – erfarenhet av att omsätta principer till konkreta designbeslut.
Tidigt användarengagemang – insikt om vikten av att involvera olika typer av användare i processen.
Startsida
Före
Startsida
Efter