Ärendekomponenten – mindre brus, tydligare arbetsflöden
Ärendekomponenten – mindre brus, tydligare arbetsflöden
Ärendekomponenten – mindre brus, tydligare arbetsflöden
En omdesign av Heromas gemensamma ärendekomponent med fokus på att prioritera relevant information, förenkla interaktioner och göra komplex ärendehantering mer överskådlig.
Projektet i korthet
Projektet i korthet
Utmaningen
Många funktioner och mycket information konkurrerade om användarens uppmärksamhet.
Otydlig prioritering gjorde ärenden svårare att överblicka och hantera.
Lösning & designbeslut
Använda progressive disclosure för att prioritera relevant information.
Förtydliga ärendets förlopp och status genom en omarbetad swimlane.
Samla åtgärder i en split button för ett renare gränssnitt.
Min roll
UX/UI-design och användarflöden.
Analys av användningsdata och användartester.
Interaktiva prototyper och vidareutveckling av komponenten.
Resultat & status
En omarbetad, återanvändbar ärendekomponent.
Prototyper utvärderade med sju deltagare.
Designen är färdig. Utveckling under till 2027.
Bakgrund
Ärendekomponenten används i flera delar av Heroma av personer som skapar, behandlar eller följer upp ärenden.
Den tidigare designen presenterade många funktioner och informationsytor samtidigt. Det gjorde det svårare att urskilja vad som var relevant i den aktuella situationen.
Målet var att skapa ett tydligare gränssnitt där användaren får rätt information och rätt handlingsalternativ vid rätt tillfälle, utan att förlora tillgången till övriga funktioner.
Bakgrund
Ärendekomponenten används i flera delar av Heroma av personer som skapar, behandlar eller följer upp ärenden.
Den tidigare designen presenterade många funktioner och informationsytor samtidigt. Det gjorde det svårare att urskilja vad som var relevant i den aktuella situationen.
Målet var att skapa ett tydligare gränssnitt där användaren får rätt information och rätt handlingsalternativ vid rätt tillfälle, utan att förlora tillgången till övriga funktioner.
Bakgrund
Ärendekomponenten används i flera delar av Heroma av personer som skapar, behandlar eller följer upp ärenden.
Den tidigare designen presenterade många funktioner och informationsytor samtidigt. Det gjorde det svårare att urskilja vad som var relevant i den aktuella situationen.
Målet var att skapa ett tydligare gränssnitt där användaren får rätt information och rätt handlingsalternativ vid rätt tillfälle, utan att förlora tillgången till övriga funktioner.
Process
Från användarnas behov till en testad lösning genom en iterativ designprocess.
Karläggning
Analys av befintlig komponent och användningsdata.
Analys
Identifiering av informationsbrus, prioriteringsproblem och komplexa interaktioner.
Design
Omarbetad informationsstruktur, komponenter och interaktiva prototyper.
Tester
Utvärdering av prototyper med sju deltagare.
Iterering
Vidareutveckling av designen utifrån återkoppling.
Pilot
Utvärdering med chefer hos utvalda kunder.
Vidareutveckling
Förbättringar utifrån återkoppling och fortsatt utveckling.
Process
Från användarnas behov till en testad lösning genom en iterativ designprocess.
Karläggning
Analys av befintlig komponent och användningsdata.
Analys
Identifiering av informationsbrus, prioriteringsproblem och komplexa interaktioner.
Design
Omarbetad informationsstruktur, komponenter och interaktiva prototyper.
Tester
Utvärdering av prototyper med sju deltagare.
Iterering
Vidareutveckling av designen utifrån återkoppling.
Pilot
Utvärdering med chefer hos utvalda kunder.
Vidareutveckling
Förbättringar utifrån återkoppling och fortsatt utveckling.
Process
Från användarnas behov till en testad lösning genom en iterativ designprocess.
Karläggning
Analys av befintlig komponent och användningsdata.
Analys
Insikter och problem
Design
Omarbetad informationsstruktur, komponenter och interaktiva prototyper.
Tester
Utvärdering av prototyper med sju deltagare.
Iterering
Vidareutveckling av designen utifrån återkoppling.
Pilot
Utvärdering med chefer hos utvalda kunder.
Vidareutveckling
Förbättringar utifrån återkoppling och fortsatt utveckling.
Viktiga insikter
När många funktioner visas samtidigt blir det svårt att avgöra vad som är viktigast.
Användaren behöver snabbt kunna förstå ärendets status och förlopp.
Funktioner som används mer sällan behöver vara tillgängliga, men behöver inte alltid vara synliga.
En tydligare gruppering av åtgärder kan minska det visuella bruset.
Problemformulering
Hur kan vi göra ärendehanteringen enklare att förstå och använda genom att prioritera relevant information och tydliggöra nästa steg – utan att begränsa funktionaliteten?
Viktiga insikter
När många funktioner visas samtidigt blir det svårt att avgöra vad som är viktigast.
Användaren behöver snabbt kunna förstå ärendets status och förlopp.
Funktioner som används mer sällan behöver vara tillgängliga, men behöver inte alltid vara synliga.
En tydligare gruppering av åtgärder kan minska det visuella bruset.
Problemformulering
Hur kan vi göra ärendehanteringen enklare att förstå och använda genom att prioritera relevant information och tydliggöra nästa steg – utan att begränsa funktionaliteten?
Viktiga insikter
När många funktioner visas samtidigt blir det svårt att avgöra vad som är viktigast.
Användaren behöver snabbt kunna förstå ärendets status och förlopp.
Funktioner som används mer sällan behöver vara tillgängliga, men behöver inte alltid vara synliga.
En tydligare gruppering av åtgärder kan minska det visuella bruset.
Problemformulering
Hur kan vi göra ärendehanteringen enklare att förstå och använda genom att prioritera relevant information och tydliggöra nästa steg – utan att begränsa funktionaliteten?
Föreslagen lösning & designbeslut
Den nya designen utgår från progressive disclosure: att visa det användaren behöver i den aktuella situationen och göra övrig information tillgänglig vid behov.
Tydligare ärendeförlopp
En omarbetad swimlane ger bättre överblick över ärendets förlopp och prioriterar information som är relevant för användaren.
Genom en tydligare visuell struktur blir det enklare att orientera sig och förstå var i processen ärendet befinner sig.
Relevant information i rätt ögonblick
Meddelanden och information som används mer sällan visas inte längre automatiskt.
I stället kan användaren ta fram innehållet vid behov. Det minskar mängden information som konkurrerar om uppmärksamheten, samtidigt som funktionaliteten finns kvar.
Samlade och tydligare åtgärder
I den tidigare komponenten kunde upp till sex knappar visas utan tydlig struktur.
Genom att samla åtgärderna i en split button får gränssnittet en tydligare hierarki, där användaren kan identifiera den primära handlingen och nå övriga alternativ vid behov.
Föreslagen lösning & designbeslut
Den nya designen utgår från progressive disclosure: att visa det användaren behöver i den aktuella situationen och göra övrig information tillgänglig vid behov.
Tydligare ärendeförlopp
En omarbetad swimlane ger bättre överblick över ärendets förlopp och prioriterar information som är relevant för användaren.
Genom en tydligare visuell struktur blir det enklare att orientera sig och förstå var i processen ärendet befinner sig.
Relevant information i rätt ögonblick
Meddelanden och information som används mer sällan visas inte längre automatiskt.
I stället kan användaren ta fram innehållet vid behov. Det minskar mängden information som konkurrerar om uppmärksamheten, samtidigt som funktionaliteten finns kvar.
Samlade och tydligare åtgärder
I den tidigare komponenten kunde upp till sex knappar visas utan tydlig struktur.
Genom att samla åtgärderna i en split button får gränssnittet en tydligare hierarki, där användaren kan identifiera den primära handlingen och nå övriga alternativ vid behov.
Föreslagen lösning & designbeslut
Den nya designen utgår från progressive disclosure: att visa det användaren behöver i den aktuella situationen och göra övrig information tillgänglig vid behov.
Tydligare ärendeförlopp
En omarbetad swimlane ger bättre överblick över ärendets förlopp och prioriterar information som är relevant för användaren.
Genom en tydligare visuell struktur blir det enklare att orientera sig och förstå var i processen ärendet befinner sig.
Relevant information i rätt ögonblick
Meddelanden och information som används mer sällan visas inte längre automatiskt.
I stället kan användaren ta fram innehållet vid behov. Det minskar mängden information som konkurrerar om uppmärksamheten, samtidigt som funktionaliteten finns kvar.
Samlade och tydligare åtgärder
I den tidigare komponenten kunde upp till sex knappar visas utan tydlig struktur.
Genom att samla åtgärderna i en split button får gränssnittet en tydligare hierarki, där användaren kan identifiera den primära handlingen och nå övriga alternativ vid behov.
Resultat & nästa steg
En ny design för Heromas gemensamma ärendekomponent har tagits fram.
Den interaktiva prototypen har utvärderats med sju deltagare.
Designen är färdig och utveckling planeras till 2027.
Effekterna i faktisk användning återstår att utvärdera efter implementation.
Resultat & nästa steg
En ny design för Heromas gemensamma ärendekomponent har tagits fram.
Den interaktiva prototypen har utvärderats med sju deltagare.
Designen är färdig och utveckling planeras till 2027.
Effekterna i faktisk användning återstår att utvärdera efter implementation.
Resultat & nästa steg
En ny design för Heromas gemensamma ärendekomponent har tagits fram.
Den interaktiva prototypen har utvärderats med sju deltagare.
Designen är färdig och utveckling planeras till 2027.
Effekterna i faktisk användning återstår att utvärdera efter implementation.
Reflektion
Projektet har visat hur mycket användbarheten kan påverkas av vilka funktioner och vilken information som får ta plats i gränssnittet.Utmaningen var inte att ta bort funktioner, utan att göra dem tillgängliga på ett mer genomtänkt sätt.
Att förenkla ett gränssnitt handlar inte alltid om att minska funktionaliteten, utan om att visa rätt saker vid rätt tillfälle.
Reflektion
Projektet har visat hur mycket användbarheten kan påverkas av vilka funktioner och vilken information som får ta plats i gränssnittet.Utmaningen var inte att ta bort funktioner, utan att göra dem tillgängliga på ett mer genomtänkt sätt.
Att förenkla ett gränssnitt handlar inte alltid om att minska funktionaliteten, utan om att visa rätt saker vid rätt tillfälle.
Reflektion
Projektet har visat hur mycket användbarheten kan påverkas av vilka funktioner och vilken information som får ta plats i gränssnittet.Utmaningen var inte att ta bort funktioner, utan att göra dem tillgängliga på ett mer genomtänkt sätt.
Att förenkla ett gränssnitt handlar inte alltid om att minska funktionaliteten, utan om att visa rätt saker vid rätt tillfälle.