Med start i november lanserar vi på CatalystOne en ny produktupplevelse i linje med vårt uppdaterade varumärke. Förändringen inleds med en ny navigering, ett renare gränssnitt och en designuppdatering som sätter tydlighet och innehåll i fokus. Målet är att modernisera produkten samtidigt som vi fortsätter förbättra användarvänligheten.
När Olivier Butstraen började på CatalystOne som VP of Product Design i januari 2024 tog han över ett produktarv byggt på femton års stolthet och erfarenhet. Det är en erfarenhet som bara kan uppstå efter många års faktisk användning av stora HR-organisationer. Den rymmer många värdefulla insikter, men också det Olivier beskriver som "user-expense debt", små irritationsmoment som växer fram över tid när beteenden förändras och arbetsflöden förskjuts.
"Vi visste att vi inte bara kunde 'trycka på en knapp' och förändra hela användarupplevelsen," säger Olivier. "Team som äger sina respektive funktioner är bäst rustade att forma om arbetsflödena. Samtidigt fokuserade designteamet på desirability, alltså hur produkten känns och presenterar sig visuellt."
Denna dubbla ansats – där funktionsansvariga team arbetar med intuitivitet, och designteamet leder arbetet kring upplevelse och attraktionskraft – ligger i hjärtat av CatalystOnes syn på produktdesign.
Digitala system har länge varit uppbyggda med menyer högst upp i gränssnittet, ofta i form av stora så kallade "mega-menyer". Men i takt med att antalet funktioner växer blir dessa menyer snabbt svåra att överblicka och ännu svårare att navigera i.
Som CatalystOne-kund arbetar man ofta i datarika vyer, där det vertikala utrymmet är värdefullt.
Menyn på vänster sida underlättar:
”Bredd finns i överflöd, men höjd är dyrbar,” säger Olivier. ”Vänsternavigationen ger tillbaka den höjden till själva arbetet som ska utföras i systemet.”
Tidigare var många val i menyn orienterade kring antingen dig, dina medarbetare eller breda administrativa områden. Den nya menyn är istället tematiskt uppbyggd utifrån funktion och syfte. Tydliga teman som One to Ones, Compensation och Reports passar bättre med hur HR-ledare och medarbetare faktiskt tänker kring sina mål.
Letar du exempelvis efter One to One hamnar du i en vy som samlar både dina egna samtal och teamets. Syftet är enklare navigering till funktioner där rätt åtgärder syns utifrån från temat.
Som kund använder man troligtvis redan sökfunktionen i menyn för att snabbt hitta till rätt ställe. När menyn nu blir plattare och renare blir sökningen ännu mer användbar.
Vet du exakt vad du letar efter, skriver du bara för att hitta det. Vet du inte, hjälper den tematiska strukturen dig att hitta rätt.
Vi vet att stora organisationer gynnas av kontrollerade utrullningar av förändringar eller ny funktionalitet. Systemadministratörerna kommer därför att få en växlingsknapp för att aktivera den nya upplevelsen när det passar deras schema. Det bidrar till att införandet och internutbildningen kan hanteras smidigare. Syftet är enkelt: ge teamen tid att bekanta sig, samla feedback och byta när de känner sig redo.
”Vi hoppas att det första klicket ger ett ‘wow’,” säger Olivier. ”Nya navigationsmönster tar lite tid att vänja sig vid, men den visuella tydligheten känns direkt.”
Det är viktigt för oss att CatalystOne uppfyller vanliga tillgänglighetsstandarder.
Den nya navigeringen är därför byggd med logisk tabb-ordning, tydliga etiketter och förutsägbara fokuslägen. På så sätt kan även användare som navigerar med tangentbord eller skärmläsare arbeta effektivt.
Vi har också förfinat informationshierarkin och kontrasten. Gränssnittet följer nu tre tydliga lager:
Navigering: vit text på mörklila bakgrund
Global innehållsram: sandfärgad bakgrund som minskar ögontrötthet
Läsyta: en ren vit yta med hög kontrast för tydlig skanning och läsning
”Tillgänglighet är god design,” säger Olivier. ”När vi standardiserar mönster och minskar den mentala belastningen hjälper vi alla användare, inte bara några.”
Vårt första steg fokuserar på den visuella förnyelsen och den globala navigeringen. När du aktiverar den nya upplevelsen märker du direkt:
Hopfällbar vänsternavigation och en smalare topplist
Tematiska menyval som samlar relaterade arbetsområden
Ett enhetligt designspråk, byggt på vårt designsystem
Samordnade tabeller: Vi justerar beteenden och interaktioner så att tabeller fungerar likadant över alla moduler.
Färre menyval: När funktionsansvariga team förfinar sina arbetsflöden försvinner överlappande menyval. Komplexiteten ska finnas där jobbet görs, inte i huvudmenyn.
Ett levande designsystem: Ett dedikerat team jobbar med att vidareutveckla grafiska element och mikrointeraktioner löpande, inte bara genom stora engångsreleaser.
Kontinuerliga UX-förbättringar: Alla produktteam bygger vidare på den visuella förnyelsen med ny funktionalitet.
Snabbare onboarding: Tydligare menyval och enhetliga tabeller minskar tiden till värde.
Bättre överblick: Med ökat vertikalt utrymme ges det ökad synlighet för innehållet att ta plats på skärmen.
Framtidssäker grund: Ett levande designsystem gör det möjligt att leverera förbättringar snabbare och tryggare.
Varje release är en dialog med våra kunder.
I takt med att funktionsteamen fortsätter att förfina sina flöden kommer din feedback att forma de kommande iterationerna.
Berätta gärna vad som känns smidigare, vad som fortfarande tar tid samt var strukturen kan hjälpa dig att tänka mindre och göra mer.