Uppdrag och mål

Målet var att förbättra användarupplevelsen genom att säkerställa en konsekvent UI-design, erbjuda flexibilitet för administratörer och uppfylla WCAG-standarder. Dessutom var det viktigt att bättre kommunicera syftet med det nordiska samarbetet och göra det enklare för användarna att navigera och hitta nyckelsidor på webbplatsen.

Uppdraget var ett delprojekt i ett större projekt, där andra delar togs fram parallellt av andra parter och där huvudansvaret för den tekniska plattformen låg hos annan part varför kommunikation, avstämningar och samarbete var viktiga punkter i arbetet. Norden.org är utvecklad i Drupal med ett antal integrationer, och är tekniskt komplex, bland annat på grund av de många språkversionerna som kräver ett avancerat översättningsflöde. Uppdraget utgick från både befintlig plattform och lösning samt befintlig designmanual.

En närmare titt på problemen

För att förstå problemets omfattning och samla in relevant data genomfördes:

• Workshops med intressenter för att förstå deras vision och mål
• Data-drivna UX-granskningar för att analysera den gamla webbplatsens prestanda och användarbeteenden
• Användarobservationer för att få insikter i användarinteraktioner
• Granskning av strukturen och användningsmönstren för den gamla webbplatsen

Utifrån detta kunde vi bland annat identifiera att webbplatsen:

• Brast i tillgänglighetsanpassning, vilket gjorde det svårt för vissa användare att interagera med den.
• Navigeringen på webbplatsen var komplex och svår att förstå, vilket resulterade i en dålig användarupplevelse:
• Webbplatsen var texttung och hade bristande visuell attraktivitet.
• Sidorna för Nordiska ministerrådet och Nordiska rådet var inte tillräckligt framhävda och användare missade ofta viktig information om dessa organisationer.
• Väsentlig information dolde sig bakom flikar som inte var uppenbart klickbara för besökarna.

Designprocessen steg för steg

Under designprocessen genomfördes bland annat:

• Brainstormingsessioner för att generera idéer som moderniserar varumärkets digitala närvaro och anpassar sig till den grafiska profilen.
• Wireframes för att definiera layout och placering av nyckelelement med fokus på logisk innehållsorganisation och intuitiv navigation
• Högupplösta designskisser som inkorporerade Nordiskt Samarbejds visuella stil och säkerställde att designen var tillgänglig och användarvänlig enligt WCAG-standarder
• Klickbara prototyper för att validera designlösningar och testa och förbättra dessa iterativt baserat på användarfeedback

Genomförda lösningar och resultat

Förbättrad navigering på webbplatsen

Vi förbättrade navigeringen genom att skapa en tydligare och enklare top-header där Nordiska Ministerrådets och Nordiska rådets ingångslänkar placerades på toppnivå. Vi ersatte även den tidigare mindre användarvänliga dropdown-menyn med en megamenu som designades för att vara fullt WCAG-kompatibel och baserad på bästa praxis för UX/UI-design. För att underlätta navigeringen bland de många huvud- och undersidorna implementerade vi en tydlig hierarki med tre lager av länkar.

Ny innehållstyp för startsidor

Vi utvecklade en ny innehållstyp för startsidorna med fokus på att säkerställa full WCAG-kompatibilitet. Administratörer fick möjlighet att anpassa innehållet baserat på taxonomier, färgteman och andra alternativ för att skräddarsy Nordiska Rådet och Nordiska Ministerrådets startsidor. Ytterligare anpassningsmöjligheter, som färgteman och andra alternativ, lades till för att bättre anpassa innehållet och koppla det till kampanjer och organisationer.

Flexibla kampanjsidor

Vi introducerade nya kampanjsidor med flexibla sektioner för att möjliggöra anpassning av innehållet baserat på taxonomier, färgteman och andra alternativ. Design och användarupplevelse baserades på den grafiska profilen och bästa praxis. Animeringar vid scroll lades till för att öka engagemanget. Alla sidor säkerställdes vara fullt WCAG-kompatibla.