Tre versjoner av koigenhamar.no, med de samme arrangementene søndag 25. oktober.
I dag
Slik nettsiden ser ut nå.
Lages versjon
Profilhåndboka og nettskissen, brukt på hele nettsiden.
Vårt forslag
Den samme profilen, tilpasset bilder, lange lister og små skjermer.
Sammenlign
Sammenlign
Sveip sidelengs for å se begge.
Det første skjermbildet
Mobil · første arrangement
| I dag | 554 px |
| Lages versjon | 1085 px |
| Vårt forslag | 581 px |
Mobil · første bilde
| I dag | 84 px |
| Lages versjon | 569 px |
| Vårt forslag | 87 px |
PC · første arrangement
| I dag | 283 px |
| Lages versjon | 506 px |
| Vårt forslag | 326 px |
Målt fra toppen av siden. På en iPhone er bare ca. 669 px synlig når nettleserens egne felt er med, så i Lages versjon ligger det første arrangementet utenfor første skjerm.
Endring for endring
Logo og ordmerke
- Styrke
- Nettsiden får sitt første bildemerke. Det er det samme som på rollup, kort og TV, så den som skanner en kode, kjenner seg igjen.
- Svakhet
- Ingen av betydning. Merket er tydelig ned til ca. 46 px på mobil.
- Forslaget
- Som i håndboka: logo og KOIGEN til venstre, «Hva skjer i Hamar» under.
Farger
- Styrke
- Krem, natt og vann er varmere og mer særpreget enn dagens grå-hvite flate med mange kategorifarger.
- Svakhet
- Med krem som bakgrunn over hele siden ser plakatene og fotografiene grumsete ut, og kortene skiller seg dårlig fra bakgrunnen. Håndbokas egne sider står på papir. Brukt bokstavelig blir det mest krem og svart, og vann (35 % i fordelingen) synes nesten ikke.
- Forslaget
- Komposisjonen fra side 10 gjort om til en side: krem i toppen (himmel), en 4 px natt-linje (horisont), papir der en leser, og vann i programmets toppfelt og i bunnfeltet.
Typografi
- Styrke
- Big Shoulders er smal og høy som tårnet. Lange norske titler får plass i stor størrelse, og overskriftene får plakatpreg.
- Svakhet
- Brukes den bare i ordmerket og dagshodet, blir resten av siden stående i Work Sans Bold. Det er ryddigere, men mer anonymt enn titlene siden har i dag.
- Forslaget
- Big Shoulders på alt i plakatstørrelse: forsidebildet, seksjonsoverskrifter, dagshodet og alle sidetitler, som PÅ KINO og FOR BARNA, med samme regel overalt. Lange arrangementstitler skaleres ned, så de ikke dekker bildet. Work Sans på titler i lister. Geist Mono på klokkeslett og datoer.
Menyen med tre streker
- Styrke
- Toppen blir roligere, og lenkene som brukes sjeldnere, får én plass.
- Svakhet
- På PC skjuler menyen Søk og Kart, som er to av sidens viktigste verktøy. Det som står bak en knapp, blir brukt mindre.
- Forslaget
- PC: Søk og Kart synlige, resten under Meny. Mobil: Søk og Meny.
Tema og målgrupper med ikoner
- Styrke
- Ikonene er raskere å lese og roligere enn tolv fargede ruter, og familien er lik på tvers.
- Svakhet
- Plassert over innholdet tar de mye plass på hver side. På mobil fyller de hele første skjerm, uten et eneste arrangement. Dette er lenker til egne sider, ikke filtre, så «valgt» kan bare bety «du er her».
- Forslaget
- PC: én rad i toppen. Mobil: inne i menyen, som et rutenett med ikoner. «Turist · Guest» og «Ny i Hamar · New resident» med begge språk, som på side 12.
Tidsfanene
- Styrke
- Piller med tallet i Geist Mono gjør det tydelig hva som er valgt og hvor mye det er.
- Svakhet
- Skissen viser fanene to ganger: øverst og som tellere i dagshodet. Det blir to like kontroller som ikke gjør det samme. Oransje tall på vann har kontrast 2,9:1, under kravet på 4,5:1 for tekst i denne størrelsen.
- Forslaget
- Fanene vises bare én gang. På mobil ligger de i programmets toppfelt i vann, og den aktive fanen er krem. Under dagshodet står «Oppdatert 25. okt» i Geist Mono, så det er lett å se at programmet er ferskt.
Programraden
- Styrke
- Klokkeslett i mono og et kategori-ikon gjør listen rask å skumme.
- Svakhet
- Omtrent hvert femte arrangement har kategorien «annet», og festivaler mangler også ikon, så mange rader får et tomt felt. Idrett bruker pokalen, også for yoga og turgrupper. En pil på hver rad gjentas 30 ganger. På mobil sier et lite bilde mer enn et ikon.
- Forslaget
- Ikoner på PC. Bilder på mobil, og ikon der arrangementet ikke har bilde. Ingen pil på hver rad, siden hele raden er lenke.
Foto
- Styrke
- Skissen uten bilder er ren og lett å lese.
- Svakhet
- Nettsidens viktigste innhold er bildene fra arrangørene, og mobilen åpner på dem. Uten bilder blir forsiden en liste, og kino- og arrangementssidene mister det meste av det de viser.
- Forslaget
- Bildene beholdes i naturlige farger og står på papir, ikke krem. Merket bærer profilen, og bildene viser innholdet.
Knapper og etiketter
- Styrke
- Når sol tas ut av grensesnittet, blir månen i logoen det eneste røde, og den står sterkere.
- Svakhet
- Dagens rustrøde Kjøp billett-knapp er sidens tydeligste handling. Erstatningen må være like lett å finne.
- Forslaget
- Hovedknappen i vann. Etiketter i Geist Mono på krem. Ingen emoji (dagens «For barna 🧒» og vær-emoji er fjernet).
Bunnfeltet
- Styrke
- Vann med kremfargede lenker og taglinen lukker siden slik vannet lukker logoen.
- Svakhet
- Ingen.
- Forslaget
- Som i håndboka.
Det som trenger en avklaring
- Ikon for «annet» og festival. Uten dem står hver femte programrad uten ikon.
- Ikon for breddeidrett. Pokalen passer til toppidrett, ikke til trim, yoga og turer.
- Foto på nett. «Koigen har ingen fotostil» og «helst ingen foto på trykk»: gjelder det også nettsiden?
- Oransje tall på vann. Er det greit å bruke krem på vann i stedet der tallet er lite?