Middelhavets stiltræk dukker op mange steder på skærmen. Man ser den i streamingtjenester, musikapps, digitale spiluniverser og platforme, hvor brugeren vælger underholdning, læser guides eller følger en livestream. Det drejer sig ikke om at lægge et foto af en strand bag et menupunkt. De bedste løsninger henter i stedet farver og stemning fra området og omsætter dem til et nutidigt digitalt udtryk.
Det giver især mening på platforme, hvor brugeren skal bruge lidt tid på at gå på opdagelse. En forside med varme toner, gennemtænkte billeder og tydelige valg kan føles indbydende uden at blive overpyntet. Samtidig skal indholdet stadig være let at læse, også når skærmen er lille, og brugeren kun har et øjeblik. Det gælder såvel på en webshop som et online casino.
Når man f.eks. udforsker casino danmark, møder man mange digitale tjenester med hver sit visuelle udtryk. Her kan en side med inspiration og information hjælpe læseren med at få et indtryk af de mange spilmuligheder, mens selve designet afgør, om det er let at finde videre til det, man leder efter. Det samme gælder langt bredere i digital underholdning: Farver, tekst, knapper og billeder skal være gennemført, så brugeren ikke skal gætte sig frem.
En stilretning oversat til skærmen
Middelhavsudtrykket forbindes ofte med kalkede facader, dyb blå, terrakotta, natursten, citrus og solblegede tekstiler. På en skærm kan de elementer oversættes til matte flader, varme neutrale baggrunde, afrundede former og billeder med luft omkring motivet.
Det er bedst at vælge få gennemgående greb. En mørk blå kan danne bund under lyse tekstfelter, mens en støvet orange bruges til knapper og markeringer. Et billede af havet kan give liv på forsiden, men bør ikke konkurrere med overskrifterne. Brugerens blik skal hele tiden finde det vigtigste først.
Der er tre digitale virkemidler, som ofte passer godt til stilen:
- Varme grundfarver som sand, ler, oliven og mørk blå
- Enkle former med bløde hjørner og god afstand mellem elementerne
- Billeder med naturligt lys frem for hårde filtre og overdrevne kontraster
En platform kan sagtens bruge et lyst, nordisk layout og stadig hente varme ind gennem billeder, små illustrationer eller valgte farver. Det afgørende er, at designet føles helhjertet fra første side til sidste klik.
Farver skal hjælpe brugeren videre
Farver gør langt mere end at pynte. De viser, hvad der er vigtigt, og de kan hjælpe brugeren med at forstå en side lynhurtigt. En tydelig farve på en knap fortæller, hvor man fortsætter. En afdæmpet baggrund gør tekst nemmere at læse. Et diskret farveskift kan skille redaktionelt indhold fra kommercielle budskaber.
På en platform med meget indhold er det fristende at bruge mange farver for at skabe energi. Det ender ofte med, at siden virker rodet. Middelhavsinspirationen kan her bruges som en ramme: Vælg en hovedfarve, en lys basis og én accentfarve. Så kan brugeren hurtigt se, hvilke områder der hænger sammen.
Farverne skal også fungere for mennesker med nedsat syn eller farvesyn. Tekst skal have tydelig kontrast til baggrunden, og vigtig information må aldrig kun vises med farve. Hvis en fejlmeddelelse kun bliver rød, kan nogle brugere overse den. En kort besked og et ikon giver langt bedre vejledning.
Billeder og illustrationer skal have et formål
Billeder er ofte det første, brugeren lægger mærke til. De kan gøre et digitalt underholdningsmiljø levende, men de skal gøre arbejdet sammen med resten af siden. Et godt hero-billede skaber stemning og giver samtidig plads til en klar overskrift. Et dårligt valgt billede tager opmærksomheden fra indholdet eller gør teksten svær at læse.
Middelhavsstilen passer godt til billeder med varme skygger, klipper, fliser, citrontræer, vand og afslappede farveflader. Men billederne skal passe til platformens emne. En tjeneste med sport, film eller digitale oplevelser kan bruge stemningen i lys og farver uden at falde tilbage på de samme turistmotiver igen og igen.
Små illustrationer kan være lige så effektive. En tegning ved en kategori, en håndtegnet kantlinje eller en diskret mosaikstruktur kan give personlighed uden at gøre siden langsom. Tunge animationer og store videoer bør kun bruges, når de tilfører noget brugbart. Ellers skaber de ventetid, især på mobilen.
Navigationen skal være tydelig fra start
En platform kan have de smukkeste farver og billeder, men brugeren giver hurtigt op, hvis vejen videre er uklar. Navigationen skal derfor stå tydeligt frem. Det gælder menupunkter, søgefelt, filtre, kategorier og knapper. Man skal ikke gemme de vigtigste valg bag symboler, som kun designteamet forstår.
En god tommelfingerregel er at lade det samme mønster gå igen:
- Hovedmenuen ligger samme sted på alle sider
- Knapper med samme funktion har samme farve og form
- Overskrifter viser tydeligt, hvad indholdet handler om
- Links har en synlig form, også når brugeren ikke holder musen over dem
Et middelhavsinspireret udtryk kan godt være legende, men navigationen skal være logisk opbygget.
Typografi skaber overblik
Skrifttyper påvirker oplevelsen mere, end mange lægger mærke til. En karakterfuld skrifttype kan give en platform kant, mens brødteksten skal være behagelig at læse på både mobil og computer. Mange digitale tjenester vælger derfor en mere markant skrifttype til overskrifter og en enkel sans serif til resten.
Det kan passe godt til middelhavsstilen. En overskrift med lidt mere personlighed kan minde om trykte skilte eller gamle menukort, mens den almindelige tekst holder siden moderne. Man skal dog holde igen med pynteskrifter. Hvis alt ser særligt ud, bliver intet særligt.
Længden på tekstlinjerne er også vigtig. Alt for brede tekstblokke gør det svært at holde fokus, mens meget smalle kolonner giver for mange linjeskift. På mobilen skal teksten have plads nok til at være læsbar uden at fylde hele skærmen fra kant til kant.
Det digitale miljø skal fungere til punkt og prikke
Godt design bliver først værdifuldt, når det virker under virkelige forhold. Siden skal indlæse hurtigt, knapperne skal kunne trykkes på med en tommelfinger, og indholdet skal tilpasse sig forskellige skærmstørrelser. Brugeren kommer ofte ind fra en annonce, en søgning eller et delt link og forventer at kunne finde frem med det samme.
Det er værd at teste platformen på flere telefoner og med mennesker, der ikke kender siden i forvejen. De opdager tit ting, som dem bag løsningen ikke længere ser. Måske er teksten på en vigtig knap for vag. Måske bliver menuen for lang. Måske skubber et stort billede det centrale indhold for langt ned.
