 |
|
|
|
|
3 x Journalisten lagt under luppen
|
De tre nordiske net-fagblades design er analyseret - se hvilket der er
bedst
Af Karen-Margrethe Österlin, kmoe@mediehojskolen.dk,
uddannelsesleder på Mediehøjskolen
Net-fagbladene www.Journalisten.dk/se/no er i denne artikel blevet
udsat for det pædagogiske værktøj, der er mest
fremherskende på designuddannelserne: sammenligningen af
forskellige løsninger til en og samme problemstilling.
Som altid er det en fantastisk oplevelse at se, hvor forskelligt en
opgave kan løses og ikke mindst få indblik i, at nogle
løsninger bare er bedre end andre.
Lad mig skrive det med det samme; jeg har da helt klart en formodning
om, at journalister, der jo har ordet i sin magt, som udgangspunkt
elsker at læse lange, seje artikler! Så det kan jo virke
omsonst, at jeg som grafisk designer sætter mig for at analysere
disse tre websites ud fra, hvor godt de er designet rent grafisk.
Men ikke desto mindre har jeg sat mig for at udpege, hvilket
Journalistforbund i Skandinavien der har det bedst designede
net-fagblad.
I grafisk design og kommunikation går vi op i kvaliteten af den
grafiske formgivning, brug af typografi, håndtering af fonte og
evne
til visuelt at skabe sammenhæng mellem tekster og illustrationer.
Navigationens læringskurve skal være lille, og så
skal sitet have
en signifikant visuel identitet, båret af konsekvente visuelle
virkemidler og grafisk stil.
Journalisten.dk
Det bedste ved
sitet
Journalisten.dk's design
bruger konsekvent visuelle virkemidler og evner at variere layoutet.
Menupunkter, rubrikbjælker i emnebokse og små ikoner til
læserindgange har en grafisk formgivning med en gennemarbejdet
familielighed, der stilmæssigt fungerer godt med sitets
overordnede design og visuelle identitet. Linkfarver og
skriftstørrelser overholdes konsekvent, og derfor har
navigationsflowet en meget lille læringskurve.
Teknologien formår at arbejde med et flerspaltet modul. Det giver
designet mulighed for variation i layoutet tilpasset det indhold, der
skal præsenteres. Der kan være både to, tre og fire
spalter, nogen af dem indeholder artikler, andre illustrationer, links
eller faktabokse. Læseren oplever derfor tydelige skift i det
visuelle stimuli ved klik på sitet, der sker noget, men
Journalisten.dk’s konsekvente grafiske design sikrer, der aldrig er
tvivl om afsenderen.
Særlige features på sitet som Blogs bruger grafikker til
rubrikker der, hvor der ikke løbende bliver redigeret. Det
skærper sitets visuelle identitet og giver den enkelte features
signifikans. Ligeledes anvendes der her fritlagte billeder, det er
altid en gave til teksttunge informationssites, det skaber luft, bryder
med det ’kassede’ design, som ellers kendetegner det meste webdesign.
Det
værste ved sitet
På forside-niveau virker indholdet uprioriteret. Alle artikler er
åbenbart lige vigtige, der er ingen kontraster, der guider
læserens valg af tekst.
Der er desværre ingen illustrationer, der kunne supplere
artiklerne. Intet der kan inspirere læseren til hurtigt at
gennemgå indhold, nej der er kun en vej, læsning.
Det bliver ikke bedre, når man klikker sig ned i sitet, ikke
engang skribentbilleder kan man forvente, så følelsen af,
at der er ’rigtige’ mennesker bag alle disse ord, forsvinder
fuldstændig.
Rubrikkerne er den elegante groteskfont Lucida sans, hvorfor er
brødteksten så Arial, hvorfor blande to så ens
fonte? Det ligner en fejl, læseren overvejer, er de ens? eller er
de ikke? Stilistisk har de to fonte to forskellige udtryk, hvor den ene
er elegant, er den anden tæt spatieret og syner derfor mere
klodset.
Det, der
kan forbedre designet
En redaktion skal have ønske om at guide læseren,
prioritere stoffet og visuelt inspirere til fordybelse.
- Der er alt for få illustrationer, der følger
artiklerne op. Vi skimmer et website, og billeder er i høj grad
en læser-indgang til en artikel. Det er billedet, der skaber en
forventning i læserens fantasi -- det her må være
spændende!
- Billeder, tegninger, grafer og vignetter skaber med deres
kontraster til tekstspalter visuelle kvaliteter for læseren og
motiverer til videre læsning.
- Valget af Lucida sans i rubrikkerne er et godt valg, den
formår at være signifikant og kontraste uden at være
bold. Den lethed og elegance, der er her øverst i
tekst-hierarkiet, bør videreføres i brødteksten.
Væk med den Arial.
Journalisten.se
Det bedste ved
sitet
Det bedste på Journalisten.se
er menu-strukturen. Der er en hovedmenu horisontalt under site-navnet
(Site ID). Ved klik er en visuel logik, teksten i knappen skifter
farve. Undermenuen kommer frem i en smal spalte til højre. Her
er links til artikler understreget, med sitets identitetsfarve gul.
Det typografiske hierarki i artiklerne har fin kontrast i
størrelser, skriftsnit og placering af funktionslinks til
"Læs mere" etc.
Der er brugt små visuelle ikoner, der skiller kommentar-teksterne
ud fra artiklerne. det giver godt overblik over, hvilke tekster der er
hvad!
Skribentbilleder har rammer, de får portrætterne til at
fremstå elegante.
Hvis man ellers får taget sig sammen til at scrolle, så
ligger der fine illustrationer, både tegninger og fotos, der
motivere til læsning.
Det
værste ved sitet
Sitet præsenteres kun to artikler i skærmvinduet på
forsiden. Der er for få læserindgange, og hvis
tilfældet vil, at der ikke er illustration til de
øverstliggende artikler, så bliver sitet lidt boldfattigt,
der mangler kontrast og oplevelser, øjet kan gå på
opdagelse i. Der er meget scroll-længde på forsiden, og
motiveres man først til det, så er der fin kontrast og
flere illustrationer og andet grafik.
En af årsagerne til ovennævnte er, at der er en
holdningsmotiverende banner over selve sitets ID. Det optager hen ved
en tredjedel af skærmvinduet på en standard
skærmopløsning på 1024x768 pixels.
Sitets logotype (Site ID) er stor, optisk tager det al
opmærksomheden. Det svarer til, at de tidligere broadsheet-aviser
havde beholdt deres avishoved i samme størrelse på
tabloid-formatet.
Det virker unødvendigt, at der anvendes to groteske (bogstaver
uden fødder) systemfonte på sitet. Rubrikkerne er Arial
ultra-bold, og brødteksten er Verdana. De er ikke ens, men
minder om hinanden, derfor opleves det som en fejl.
Generelt er typografien stor, knapperne lidt klodsede, det opstår
pga. journalisten.se’s ønske om at ligne et trykt medie. Sitets
design minder mest om et lidt oldschool nyhedsbrev.
Brugen af illustrationer og grafik er periodisk god, men forsiden ser
oftest for udesignet ud. Det virker, som om nyeste artikler ukritisk
ligger øverst, og der, hvor der intet grafisk er til at
bære historien, bliver sitet teksttungt og artiklerne
uprioriteret for læseren.
Det der
kan forbedre designet
Journalisten.se kan bruge pladsen bedre. Der kan skabes plads ved, at
annoncer placeres i spalten yderst til højre. Sitet er optimeret
til 800x600 pixels, men målgruppen vil i 95 pct af
tilfældene sidde på en højere opløsning,
så der er rigelig plads til annoncesalg i spalter til
højre for indholdet.
Sitets grunddesign kunne mindskes.
- Site ID kunne mindskes til 50 pct. Det ville skabe luft i toppen
af skærmvinduet og derved tiltrække sig mindre
opmærksomhed under læsning.
- Hovedmenuens knapper ville tage sig mere elegante ud, hvis
højden var mindre, og skriften var en Georgia bold. Så
ville de stilmæssigt ramme den stil, der er i undermenuen, der
visuelt fremtræder mere elegant, bl.a. pga de slanke
dobbeltstreger og den spatierede antikvaskrift (Georgia).
Vælg samme systemfont i rubrik og brødtekst.
- Skift Arial ud med Verdana, og der vil komme ro omkring det
typografiske hierarki i artiklerne. Læsbarheden er større,
Verdana er tegnet til skærm, det ses bl.a. ved den større
x-højde (størrelsen på de små bogstaver)
- Eller skift ud med en nyere systemfont som Calibri eller Lucida
sans. Hvis læseren sidder med gamle systemskrifter, kan man i
overgangsperioden placere et link, hvorfra skrifterne kan downloades
gratis.
Brug visuelle virkemidler på forsiden.
- De først præsenterede historier bør
understøttes af fotos, der kan kommunikere historien og deltage
i læserens beslutningsgrundlag for overhovedet at læse
artiklen.
- Sitet indeholder vittighedstegningen "Nuffar". Placer altid en ny
hver dag øverst i annoncespalten. Det vil glæde
øjet. Hvis kvaliteten er god nok, vil det skabe trafik på
sitet og altid motivere en positiv stemning hos læseren -- en
glad læser er en god læser.
Journalisten.no
Det bedste ved
sitet
Det bedste er, at Journalisten.no
på forsideniveau (og desværre kun der) bestræber sig
på at have billeder, der støtter op om artiklerne, og
ønsker at åbne for sitets omfangsrige indhold ved at vise
mange læserindgange. Designet viser en tydelig prioritering ved
at bruge indholdsfeltets brede spalte til hovedhistorien. Her får
billedet en vis størrelse og opleves derfor både
kommunikerende og relevant på læseren.
Efter hovedhistorien bliver indholdsfeltet to-spaltet, hvilket
skaber visuel variation og kontrast i layoutet. Der bliver med andre
ord noget for læserens øje at gå på opdagelse
i.
Det
værste ved sitet
Det værste ved sitet er, at designet overordnet opleves som et
støjende sammenskudsgilde. Det bærer præg af at
være re-designet i flere omgange, og hver gang har man opfundet
noget nyt, som ikke har taget hensyn til sitets eksisterende design.
Sitet har hele tre navigationsmenuer: en i toppen, en til venstre og en
til højre. Ingen af dem har en undermenu. Der har formentlig
været ønsket så flad en struktur som muligt, men det
holder desværre ikke, ved klik i venstremenuen optræder en
undermenu i selve indholdsfeltet. Undermenuen præsenterer
både eksterne og interne links, men designet differentierer ikke
mellem dem.
Visuel logik på navigationselementer indgår ikke i designet
af nogen af menuerne. Læringskurven er for høj. Det er
ikke muligt at se, hvor man har klikket, eller hvor langt nede i
strukturen man er, da der hverken er indikation af klik eller stifinder.
Herudover er det endnu en spalte med jobannoncer. De fremstår med
virksomhedens logo. Vi kan se ca otte virksomhedslogoer i ét
skærmbillede, hver med deres formgivning og farve. De bidrager
heftigt til sitets visuelle støj.
Farveholdningen signalerer sammenskudsgildet. Sitet har formentlig som
udgangspunkt haft en farve-palette, der var orange, to nuancer af
grå og sort. Men menuen til højre gør særligt
opmærksom på sig selv med nogle bordeaux-farvede
bjælker, og flere bannere og annoncer udmærker sig med en
postkasserød; begge farver virker forstyrrende på den
oprindelige farveholdning i Journalisten.no’s visuelle identitet.
Typografisk er fonten konsekvent; her anvendes kun Arial. En
systemfont, der er tilgængelig på alle computere, men som
ikke er designet til skærm. Bogstaverne står tæt og
x-højden (højden på de små bogstaver)
nedsætter læsbarheden. Det typografiske hierarki savner
kontrast, og luften mellem afsnittene nede i teksten er større
end mellem den lille rubrik og underrubrik.
Der er meget lidt visuel kontrast for øjet mellem hvert klik
på siden. Brugen af illustrationer, fotos såvel som grafer,
er en stor mangelvare. Enkelte steder er der portrætlignende
fotos, så vi i det mindste oplever, hvem der skrives om. Men
ellers er der ingen fotos eller andre illustrationer til at underbygge
artiklerne og i det hele taget skabe interesse omkring en tekst.
Det der
kan forbedre designet
Designet på Journalisten.no trænger til en oprydning.
Gildet skal planlægges, så størrelser, farver,
typografi er afstemt i forhold til hinanden, og invitationerne skal
være konsekvent formgivet, så vi kan se, hvem der er i
familie med hvem. Der er så mange informationer og
forskelligartet indhold og grafik på sitet, at det for en
gennemsnitslæser virker kaotisk og uprioriteret.
Web-guruen Jeffrey Veen
(The Art and Science of Webdesign, 2002) påpeger, at en grafisk
designer er problemløser og kan om nogen skabe orden i kaos.
Med relativt små greb kan sitet kommunikere visuelt bedre.
De tre navigationsmenuer kan kortes ned til to.
- En vertikal menu i toppen med dynamisk undermenu. Her kan emnerne
fra venstremenuen indarbejdes samt et menupunkt til jobannoncer.
- Den horisontale menu fra højre rykkes til venstre, det
giver plads til højre og til at variere spalter,
billedstørrelser, faktabokse etc.
- Design visuel logik på menupunkterne ved fx farveskift
eller implementer en stifinder.
Farveholdningen skal genetableres, så den styrker Journalistens
visuelle identitet. Som det er nu, stjæler de røde farver
opmærksomheden fra identitetsfarven orange.
- Primærfarven er orange, brug udtoninger fra den til
eventuelle andre farvefelter, fx. i 75 pct. og 50 pct.
- Vælg en komplementær-farve til at skabe kontrast. I
følge Goethes farvehjul vil det være en
blå/grøn. Brug den forsigtigt, så den orange altid
er den dominerende og derved styrker sitets visuelle identitet.
Vælg to systemfonte og design de typografiske hierarkier,
så der opstår kontrast og variation, det styrker
læserytmen.
- Verdana til brødtekster og konsultative tekster, brug bold
og versaler (store bogstaver) til fremhævelser.
- Georgia til rubrikker og specielle features, brug skriftens snit.
- Større rubrikker og mindre luft i blanke afsnit. Stort set
alle artiklerne er scroll-lange, ergo betyder det ikke noget, at
rubrik, manchet og evt billeder tager plads i toppen, læseren
skal scrolle uanset hvad.
- Undgå blank linje under mellemrubrikker, så knytter
den sig an til efterfølgende tekst.
Ind med illustrationer, tag den visuelle fortælling alvorligt.
- Løbende nyheder har brug for at differentiere sig fra
hverandre; fotos, der bakker op om artiklen, kommunikerer mere
helhedsorienteret.
- Brug større billeder.
- Beskær totalbilleder, så der ikke kommer for meget
unødig støj.
- Visualiser tal og fakta vha grafer (der passer ind i sitets
farveholdning).
- Undgå omløbende tekst omkring billeder.
Analysen af journalisten.no blev gennemført i uge 43 og kunne
ikke tage hensyn til, at stedet lancerede et nyt design ugen efter.
The winner is...
Enkelhed, konsekvens og grafisk stil er nogen af de faktorer, der har
haft afgørende indflydelse på artiklens kritik af de
enkelte sites.
Min optik er naturligvis også resultat af den designtradition,
jeg som dansker kommer fra. Jeg oplevede i min research af de tre
websites, at min første indskydelse, når jeg kom ind
på sitet, var, at det ligner jo aviserne fra det
pågældende land -- eller det associerede til den
brugergrænseflade, jeg kender fra deres tv-stationer.
Journalister i Sverige, Norge og Danmark bliver på deres
net-fagblad altså mødt af det visuelle univers, de kender.
Det laver dog ikke om på, at selvsamme journalister oplever, at
de netaviser, der typisk løber af med designpriserne, er sites
som The Guardian og International Herald Tribune. De er
yderst veldesignede websites, der visuelt fortæller fantastisk,
enkelt og konsekvent.
Selvom der er stadig er et godt stykke vej, må det være
journalisten.dk, der ligger tættest på den grafiske
kvalitet af de tre skandinaviske net-fagblade, jeg her har
sammenlignet. Hvert site har sine styrker og svagheder, men sat op mod
hinanden vil jeg
udpege Journalisten.dk som det bedst designede af de tre websites i
Skandinavien.
Bemærk:
Vi prøver at linke præcist. Men konsekvensen kan af og til
være, at brugerne møder et dødt link, fordi stoffet
siden er blevet flyttet til en ny plads på netstedet. Så
må I prøve at lede lidt på stedet.
|
|
|
|
|
|