SUI står for Simplified User Interface. Kort forklart er det en forenklet, illustrert versjon av et digitalt brukergrensesnitt.
Det brukes ofte av software- og SaaS-selskaper i markedsføring, på nettsider, i presentasjoner, pitch decks, annonser og produktforklaringer. I stedet for å vise vanlige skjermdumper fra systemet, lager man en mer kontrollert og pedagogisk visualisering av produktet. Poenget er å gjøre kompleks software lettere å forstå ved første øyekast.
Hvorfor ikke bare bruke skjermdumper?
Ekte skjermdumper kan være nyttige i dokumentasjon og opplæring, men i markedsføring fungerer de ikke alltid like godt.
Et faktisk skjermbilde kan inneholde mye informasjon som ikke er relevant for budskapet: menyer, filtre, tabeller, datoer, varsler, testdata, interne navn, tekniske detaljer og elementer som konkurrerer om oppmerksomheten.
Resultatet kan bli at mottakeren ser et bilde av systemet, men ikke nødvendigvis forstår hva som er viktig.
Med SUI kan man rydde bort støyen og fremheve det vesentlige. Man viser ikke alt systemet kan gjøre, men akkurat det man ønsker å forklare.
Hva brukes SUI til?
SUI egner seg spesielt godt når man skal kommunisere digitale produkter som er funksjonsrike eller komplekse.
Typiske bruksområder er:
- nettsider for SaaS- og softwareprodukter
- hero-grafikk og produktseksjoner
- salgs- og investorpresentasjoner
- onboarding og forklarende innhold
- annonser og kampanjemateriell
- illustrasjoner av nye funksjoner
- produktvideoer og animasjoner
Det kan også være nyttig når man ikke ønsker å vise reelle kundedata, når grensesnittet endrer seg ofte, eller når skjermdumpene ikke passer visuelt med resten av merkevaren.
SUI er ikke pynt – det er produktkommunikasjon
En god SUI-illustrasjon skal ikke bare se pen ut. Den skal forklare.
Den bør bygge på ekte funksjonalitet, men være forenklet nok til at budskapet kommer tydelig frem. Det handler om å balansere gjenkjennelighet og abstraksjon: Illustrasjonen må ligne nok på software til at den føles relevant, men ikke være så detaljert at den blir tung å tolke.
For software-selskaper kan dette være forskjellen på at en potensiell kunde tenker “dette ser komplisert ut” og “dette forstår jeg”.
Eksempel fra Orgbrain
I arbeidet med Orgbrain har jeg laget flere SUI-illustrasjoner basert på funksjoner i portalen. Dette er funksjoner som i virkeligheten inneholder mange detaljer og mye viktig informasjon. Som rene skjermdumper ville de fort blitt for tunge å bruke i markedsmateriell. Ved å forenkle grensesnittene kan vi i stedet vise hovedideen: hva funksjonen gjør, hvilken situasjon den brukes i, og hvilken verdi den gir.
SUI gjør det mulig å forklare avansert software på en måte som er raskere, renere og mer tilgjengelig.
Det er ikke en erstatning for godt produktdesign. Det er et verktøy for å kommunisere produktet bedre.