Sniktitt: Content Studio 6

Etter mer enn ti års kontinuerlig bruk har Content Studio nådd et vendepunkt. Innholdsskapere, redaktører og utviklere forventer nå at grensesnittene skal være enda mer elegante, effektive og intuitive.

For å forbli relevant trengte vi et system som ikke bare så mer moderne ut, men som også leverte en bedre brukeropplevelse, jevnere flyt og mer effektiv verktøy.

Begynnelsen på utviklingen av Content Studio 6 var i gang!

PS! Følgende informasjon og skjermbilder er fortsatt under arbeid og er gjenstand for endring (som de sier).

Hvorfor vi trengte et redesign

I løpet av det siste tiåret har funksjoner blitt lappet på, oppdateringer er lagt til og grensesnitt er endret.

I mellomtiden har nye trender dukket opp: mørk modus, minimalistisk design, konsistent ikonografi og tydeligere typografi. Brukere forventer klarhet over kompleksitet.

Vår interne utviklingsarbeidsflyt og verktøy var modne for optimalisering. Vi bestemte oss for å bygge et React UI-komponentbibliotek som skulle spenne over alle våre administrative grensesnitt – inkludert Content Studio. Det publiseres via NPM, noe som gjør det enklere og raskere å opprette, vedlikeholde og frigi oppdateringer.

Alt ovenfor motiverte redesignet.

Vår prosess

Vi hentet inn en ekstern designer, Jonas fra Enonic-partneren Item Consulting, som allerede var kjent med plattformen. Hans eksisterende kunnskap hjalp oss å komme raskt i gang: han forsto vår fortid, våre brukere og noen av utviklingsbegrensningene.

Dette partnerskapet fremmet også tilgangen til tilbakemeldinger fra brukere. Vi har og vil fortsatt fokusere på brukertesting, og intervjue både eksterne brukere og interne interessenter.

Vil du hjelpe? Bli med i testpanelet vårt »

Vi har gjennomført workshops, prototypegjennomganger og intervjuer (inkludert med Jonas) for å tydeliggjøre arbeidsprosessen, smertepunkter og muligheter.

Etter hvert som designet modnet, jobbet designere, utviklere og produktfolk sammen. Vi brøt ned alle våre eksisterende designelementer, opprettet oppgavelister og kjørte deler av redesignet parallelt. Design og implementering beveger seg fremover sammen.

Designprinsipper

Visse veiledende prinsipper har vært en rød tråd i å forme våre beslutninger. Vi mener mindre er mer. Vi ønsket også å modernisere uten å endre ting så mye at mangeårige brukere følte seg bortkomne. Vi siktet mot enkelhet, klarhet, konsistens og tilgjengelighet.

Det koker ned til ren typografi, konsistente ikoner, samt veldefinerte farge- og interaksjonsregler. Vi legger til full støtte for mørk modus, avrundede hjørner og en konsistent dra-og-slipp-opplevelse.

Målet vårt er et slankere, raskere og mer intuitivt grensesnitt for innholdsredigering.

Viktige visuelle og UX-endringer

Typografien er oppdatert for å være skarpere og mer leselig. Ikoner har nå en mer sammenhengende stil: jevne strektykkelser, tydeligere semantikk og mindre visuell støy.

Lyst tema og mørkt tema får begge full støtte, noe som sikrer at et bytte mellom dem ikke forringer brukervennligheten eller estetikken.

Fra et UX-synspunkt rydder vi opp i redigeringsskjemaene slik at bare de mest relevante feltene vises som standard, feltene er gruppert logisk, og den generelle flyten gir mening.

Publiseringsstatus kontra status for innholdsendring er nå mer intuitivt: brukere kan enkelt se hva som er endret, hva som venter og hva som er online:

Versjonshistorikken blir mer intuitiv:

Vi har også redesignet XP-toppmenyen, slik at navigasjonen er mer intuitiv. Dette reduserer friksjonen når du beveger deg mellom administrative apper.

Implementeringsdetaljer

Under panseret har vi overhalt bygg- og verktøymiljøet. Enonic UI, vårt komponentbibliotek, er publisert på NPM og er React-klart. Selv om dette vil danne ryggraden i Content Studio 6, er det bygget for å brukes på tvers av alle våre administrative grensesnitt.

Vi har også tatt i bruk Storybook for å katalogisere komponenter der man kan bla gjennom alle UI-komponenter, se tilstandene deres, prøve kodeeksempler og samhandle med dem individuelt.

For styling har vi beveget oss mot et system drevet av Tailwind CSS, som gir oss både fleksibilitet og konsistens, og erstatter eller reduserer avhengigheten av eldre rammeverk.

Hva skjer videre?

Vi planlegger å lansere Content Studio 6 sammen med XP 8 i første kvartal 2026. Etter lanseringen stopper ikke arbeidet. Tvert imot.

Vi vil fortsette å finjustere basert på tilbakemeldinger fra brukere, bygge mer logikk inn i komponentbiblioteket vårt og introdusere mer komplekse komponenter etter behov.

Vår intensjon for Content Studio 6 er å danne et fundament. Ikke å være perfekt fra dag én, men å utvikle oss jevnt og responsivt.

Du kan hjelpe

Vil du bidra til å forbedre Content Studio-opplevelsen? Vi inviterer deg til å bli med i testpanelet vårt. Send oss en e-post.