Upptäck vår nya produktupplevelse

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.

Möt personen bakom den visuella uppdateringen 

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.

Varför flytta navigeringen?

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:

1. En snabb överblick: En enkel, vertikal lista är snabbare och lättare att skanna av än flerspaltiga menyer.
2. Fokus på innehåll: Skärmar blir bredare, inte högre. Genom att flytta navigeringen åt sidan frigörs värdefullt vertikalt utrymme. Därför har vi också gjort topplisten så smal som möjligt.
3. Hållbar skalbarhet: När produkten växer fungerar en vertikal lista bättre, särskilt i kombination med en bra sökfunktion.

”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.”

 

Skiftet från ‘vem’ till ‘vad’

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.

En enklare meny förbättrar sökfunktionen 

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.

Förändringen sker på kundens villkor

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.”

 

Design som inkluderar alla

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:

1. Navigering: vit text på mörklila bakgrund

2. Global innehållsram: sandfärgad bakgrund som minskar ögontrötthet

3. 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.”

 

Vad kommer först?

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

Därefter följer kontinuerliga förbättringar:

• 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.

Vad det betyder för HR

• 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.

Har du feedback?

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.