Nye ikoner på FINN.no
Vi har fått 3 forskjellige designkontorer til å hjelpe oss å utforme konsept for nye ikoner, og vi ønsker oss tilbakemelding fra brukerne våre på disse.
Hvilke tanker har dere omkring bruk av ikoner og bruken av disse på dagens forside på FINN.no?
Her er et utdrag fra briefen vår til designerne:
FINN.no har en klar merkevarestrategi for egen virksomhet. Hele nettstedet
må kommunisere vår personlighet:
Seriøs og saklig
Ukomplisert og praktisk
Stadig noe nytt
Folkelig og lett å like
Samtidig som vi ser et generelt behov for å modernisere og forenkle dagens
uttrykk på FINN.no, ser vi et spesielt behov for fornye våre eksisterende
ikoner fordi disse har for høy detaljerings- og kompleksitetsgrad.
Ikonene må både kunne fungere i vertikal og horisontal plassering.
Hva syntes dere om de innkommende forslagene 2-5, gleder oss til tilbakemeldingene fra dere.
La meg først og fremst klappe dere på skulderen for at dere spør hva vi synes. Bra!
Om jeg skal støtte meg på “Ukomplisert og praktisk” blir er #4 sterk i mine øyne:
• Begge Finn-fargene brukes → bra!
• Store fargefelt og enkle former er enkle å kjenne igjen
• Størrelsesmessig like men formmessig ulike = lettere å skille fra hverandre
• Om vi skulle spurt Scott McCloud ville han kanskje ha sagt noe i retning av at forenkling muliggjør fortelling. For meg er det altfor mye å stirre på i #1 og #3.
• Jeg er ikke heeelt sikker på at outline funker bra her. Hjulene på barnevognen går bra, men hendene er ikke helt i boks ennå.
Dette ser uansett ut til å bli veldig bra. Jeg gleder meg til resultatet!
(UX-tips: inlinevalidering av feltene på navn, e-post osv over kommentarfeltet, fremfor on-post)
nr 2
helt klart.
blir dritlekre på den nye inngangssiden
Enig med Fredrik at dere fortjener klapp på skulderen for å dele dette med oss!
Spennende å se hvordan de ulike selskapene har løst oppgaven, finn jobb er litt av en utfordring.
Umiddelbart er liker jeg også nr 4 best, i tillegg til punktene fra Fredrik ser de ut til å skalere godt slik at de kan brukes flere steder i løsningen.
Hvis man ser litt bort fra dagens finn.no design, er nr 5 også gode – dog personlig ville jeg klart meg uten refleksjonen. Bolig og torget er godt løst på begge, men alle jobbforslagene peker mot kontorarbeidere. Kan det her være bedre å benytte klassisk jobb piktogram? Arbeidshjelm, mann med spade – eller ta Businessman helt ut, piktogram mann med slips og stresskoffert. Uansett, holde det enkelt.
Lykke til, gleder meg til å se resultatet!
Jag gillar formspråket i førslag tre. Moderniserat, men på ett subtilt och smakfullt sætt. Tror dock det hade varit intressant att se ikonerna i rætt context før att kunna ge en mer konkret tilbakmelding.
Hur står “label” i førhållande till symbol? Hur många ikoner kommer visas samtidigt? I vilka storlekar ska de existera? På vilka nivåer (forside, seksjon, produkt)?
Jeg syns at #4 blir for pregløs. Ikonsett #2 derimot er lekkert. Stiliserte, men med en tydelig personlighet. Katten er en genistrek.
Hei Axel, noen innspill
Jeg synes forslag 2 er godt. Formen er tydelig, det er god avstand mellom de enkelte elementene og de formmessige virkemidlene er konsistente og godt gjennomført.
Noe av det samme har man i forslag 5 som jeg mistenker for å være samme designer. Jeg tror likevel at det ikke vil være mulig å presse alle former for ikoner inn i blokken uten at det går utover tydeligheten. Forslag 2 utnytter plassen vesentlig bedre.
Forslag 3 har for dårlig kontrast, her kunne man fint ha benyttet mer av gråtone skalaen.
Forslag 4 synes jeg blir litt for retro. Dette er selvsagt en smaksak men personlig synes jeg ikke at de er stramme nok. De lyseblå elementene gir et noe uryddig grafisk blide. Du ser hva jeg mener hvis du forsøker å myse på ikonene og se hva som står igjen.
PS. Dette er kun en vurdering av ikonene isolert, dere burde gjøre noen tester og se hva som virker best på finn.no.
Ser ut som endel har svart på noe som ikke er spurt om? Ville gått for #4. Da vil designerne grine og brukerne være fornøyde, akkurat sånn det burde være.
#1 ser ut som MS clipart… #4 er litt for web 1.0 for meg.. mens resten ser ålreit ut og avhenger av resten av sidens formspråk, men #2 og #5 hadde klart mest identitet og kan brukes som gjenkjennelige ikoner ellers også.
Det er vel lov å synse selv om man jobber her, så jeg hiver meg på.
For meg ryker nummer 2 og 5 som forsideikoner, ettersom de ikke gir meg et raskt visuelt bilde på hva jeg finner. De er rett og slett for like. Dualismen i 2 ser kul ut her, men med 12 sånne ikoner i mindre størrelse forsvinner funksjonaliteten.
Jeg vil ikke ha ikoner som pynt, men mer for funksjon. Derfor kunne jeg ønske meg alternativer med mer fargebruk, om jeg kan tillate meg litt tommyball. Om bil er ikonet med noe rødt i, så kan jeg lynraskt finne det jeg er ute etter, uten å måtte lese.
3 tror jeg blir bare en grøt av nyanser i mindre format.
Da gjenstår 4, som kanskje er den jeg ville valgt om jeg måtte velge mellom disse. De kan gi meg en viss visuell hjelp. Enig med første kommentator angående outlines. Og så er de kanskje litt “herretoalett” i uttrykket, for å prøve en analogi. Hva med nummer 4, med bruk av fargevariasjon som sekundærfarge?
For øvrig synes jeg bruken av FINN-fargene i ikonene er galt. ALT på hele FINN er blått og blått, så mer blått i en annen fasong blir bare mer støy i min hjerne.
Nummer #2 – lett gjenkjennelig, trivelig uten å være gammelmodig.
Nummer #4 og #5 har ikke “Finn-gubben” sin sjarm.. Siste ikonet til 5 er forøvirg ikke særlig leselig. Det skal vel være en stol og en lampe, men liksom ehm, stolen veltet lampa? Hva foregår her?
Jeg tror egnetlig noe et sted mellom #2 og #3 ville være fint..
Synes ikke bruken av to farger fungerer i nummer #4 – sitter å tillegger de ulike fargingene av elementene betydning – men det er jo bare “pynt”. (Dvs, det er ikke et *poeng* at hendene har to forskjellige farger. Det er ikke fargerikt felleskap, det er bare to hender som håndhilser..)
tror jeg liker forslag 2 best, selv om jeg ikke er helt sikker på det jobb ikonet.
Forslag 3 minner meg om Wii
#2 og #4 er helt klart best her. Jeg klarer ikke å bestemme meg for hvem jeg ville brukt, men utifra de ikonene som dere har presentert er de helt klart best!
Nr. 4 er helt klart lettest å forstå, rundest i kanten og har mest spillerom til fremtidig bruk av disse.
Umiddelbart sitter nr. 4 best. Den er tidløs, enkel og forholder seg fint til profilfargene. Å bruke for mye gradienter og kompliserte ikoner med mange elementer er både vanskelig å se i små størrelser samt gir hvert enkelt ikon mindre identitet. Også er det litt 2006, en trend som i mer eller mindre grad allerede er død.
Videre jobbing med nummer 4 så blir finn.no en flott side.
Jeg synes sett 4 fremstår som gammelmodig og bakstreversk rent visuelt, men likevel lettest å fatte. Dette settet i en like stilfull utførelse som sett 2 kunne kanskje gjort susen? Støtter forøvrig Erlends forslag om fargevariasjon.
Hei Godtfolk. Tusen takk til alle for nøye og grundige tilbakemeldinger! En ting jeg glemte å skrive i den første teksten var at forslag #1 er dagens ikoner på FINN.no. Dog i en litt renere form, uten dropshadow, tok de alikevel med for å ha et sammenligningsgrunnlag mot de nye forslagene.
@ Fredrik Matheson Ukomplisert og praktisk er sterke verdier for det utrykket som kommer på nye FINN.no så der er du spot on. Scott McCloud ville nok også heia på 3 pga anonyme ansikter på karakterene, slik at brukeren kan identifisere seg med dem (http://www.scottmccloud.com/). Når det er sagt er det jo en hel historie i torget ikonet på #2 som du nevner.
@ Kjartan Michalsen Enig i utfordringen i det å tegne ikonet for Jobb. FINN jobb er et generelt jobb marked, så er vanskelig å spisse det mye, men flere av forslagene har beskrevet hvordan vi kan løse dette i konseptet. I ettertid angrer jeg litt på at vi ikke inkluderte en hardere nøtt også: Restplass ikonet på FINN reise : )
@ Gustav Jønsson Å sette opp ikonene i rett kontekst er den beste måten å se dem på helt klart. Vi tenkte derimot at vi først skulle ta for oss estetikk og utrykk isolert, for å se hvilke tilbakemeldinger vi fikk på det. Label/navn på markedene er noe av jobben som gjenstår i selve prosjektet, den delen omhandler også versjoner av ikonene i hover og klikk modus.
@ Magnar Forslag #4 er kokt veldig ned til beinet men det er et godt fundamentert konsept. Må innrømme at jeg også syntes katten rocker : )
@ Claus Torp #2 er av de tydeligste bidragene og det har også et todelt konsept slik at det enklere kan beskrive komplekse markeder, eks Næringsmarkedet eller bolig i utlandet.
@ Espen Klem Vi tar imot alle innspill med takk, jeg ikke har vært helt klokkeklar på hva vi ønsker tilbakemelding på. #4 er som tidligere nevnt et konsept som er kokt veldig ned til beinet, men det er et godt fundamentert og da blir vi designere fornøyde her på bruket. Det har også sine svakheter med kontrast som Claus Torp og Erlend kommenterer.
@ Erlend Schei Vi liker Tommyball, Farger for å underbygge effekten av ikonene er en god ide. Ikoner skal være pur funksjon men også et medium for å forsterke merkevaren/brandet FINN.no Utformingen av ikonene våre er kanskje det vi sitter igjen med hvor vi kan utrykke mest, etter at vi i brukeropplevelse har klart å lage firkanter av alt annet:) Stillingen er fremdeles Q-14
@ Ida Enig i at #4 og #5 kanskje ikke har det vi ønsker oss av sjarm. Lesbarheten på #5 vil også lide under at de er plassert i rammer noe som gjør ikonene likere og vanskeligere for brukeren å skille fra hverandre. Valget av to farger på #4 Jobb er nok tatt for å øke kontrasten, men ser poenget ditt om at det fort kan misforstås eller oppfattes annerledes enn det som er tenkt.
@ Tore Ser Wii-Me likheten. Hadde ikke tenkt på den.
Håper flere tar seg tid til å komme med innspill og ser frem til å høre mer, dette var virkelig stas.
Enig i det meste som er sagt her. Jeg mener alternativ 3 bør gå bort først. Alternativ 2 og 5 er de samme ikonene i ulik finish. Ikonsett 5 risikerer å heller fremstå som bokser enn brukervennlig navigasjon. Står dermed igjen med ikonsett 2 og 4. Da ikonsett 2 er utformet i en noe mer kunstnerisk (lekende og kreativ stil – superstylish, men er litt usikker på hvor tydelig den er for alle brukere), står jeg igjen med alternativ 4. Synes denne er veldig tydelig, men den kan sannsynligvis (som flere nevner) arbeides frem bedre enn den er i dag. Uansett – liker at dere eksperimenterer med å bevege dere bort fra “Finn.no – kjip med vilje?”- profilen deres.
#4 er det forslaget, som i mine øyne, ser ut som at det er laget for FINN. Synes det er et viktig argument, jeg. Liker katten, men konseptet forøvrig synes ikke like tydelig.Når det gjelder å kommunisere riktig innhold, bak ikonet, er det igjen #4 som er generell og bred nok. Kanskje litt mer “humor” i valg av objekter, så blir det nok kjempebra! Ikke gå for speiling og gradienter her også!
Nummer 4, definitivt. Allt annat är för hippt och stylat och kommer att se år 2000 ut, med skuggor och liknande. Nr 4 har en vinnande kombination av humor, tydlighet och renhet som kommer att fungera i lång tid framöver!
#2 og #5 blir for abstrakte for meg. Jeg bruker tid på å finne ut hva dere mener med ikonene, og da forsvinner poenget. #3 blir veldig likt stilen på dagens ikoner, litt for mye detaljer. #4 er på rett vei, passelig avveining mellom abstrakt og konkret.
Men hvorfor så lite farger her? Trenger de å være så anonyme? Problemet med dagens ikoner er at de alle ser ut som grå klatter. Nå ligger det an til en bunke med blå klatter, fortsatt for lite distinkte.
#4 bruker 2 blåtoner, det er et stykke på rett vei, men hva med å øke paletten til 8 farger?
@Lasse Marøen: Hva tror du om å bruke en unik sekundærfarge på alle markedene/ikonene, for å lettere kunne skille dem raskt visuelt?
Det er i hvert fall viktig å tenke på at egne farger, blir et veldig visuelt nytt layer i dette. Det er jo formen som skal skille de visuelt, kanskje ikke én farge for hver kategori blir “rolig” nok.
Men hva med fargegrupper? For diskusjonen.
@larre. Tror de fleste navigerer akkurat sånn som deg, Larre, og dette er ting vi har tenkt gjennom. Etter en liten test på ulike sider har vi funnet ut at de færreste ikoner er selvforklarende. Ikonene er vel så mye til stede for å skape identitet, spill og variasjon i siden, som å hjelpe brukeren å navigere.
Jeg liker best nr 2.
De er kjempefine, og ligner ikke så mye på alt annet jeg har sett før – samtidig som de er tydelige og forståelige. (synes jeg:)
(Hadde vært fint å se ikonene uten skygge og så mye gradient)
Nr 4 er tydelige, men har ikke den samme snerten som nr 2.
Litt befriende og kunne kommentere på dette i og med at jeg ikke er designer. Virker som det er en veldig god diskusjon her nå med mange som virkelig kan fagfeltet. Så da kan jeg kanskje komme med noen synspunkter og spørsmål.
Har bevisst de siste dagene tenkt gjennom min adferd når jeg er på forsiden av FINN. Hva tenker jeg? Hva gjør jeg? Hvordan klikker jeg? Det som slår meg er at jeg ikke ser på ikonene i det hele tatt. Jeg ser på tekstene. Altså for å finne bolig så “scanner” synet mitt etter teksten og finner “Eiendom”. Dette gjelder alle markedene. Årsaken er at jeg ikke er innom forsiden hver dag, og dermed ikke har alle markedene “i fingrene”, men må derfor lete litt med blikket. Tekstene er utvedydige, åpenbare og effektive. Så hva da med ikonene?
Etter å ha gjort disse refleksjonene, satte jeg opp disse ikonene på et side uten tekst. Det som slår meg er at jeg sliter. Jeg sliter med å være effektiv og vite nøyaktig hva ikonene sier. Det skal sies at et par av ikonene er mye mer effektive enn andre.
Nå er det vel ikke slik at tekstene nødvendigvis skal fjernes og erstattes kun av ikoner? Men det kunne kanskje være et god indikasjon på hva slags typer ikoner som vil kunne fungere best, samtidig som det vil kunne sette en del nye krav til ikonene som man kanskje ikke har tenkt på til nå?
Vel, noen kommentarer fra dere som kan fagfeltet rundt akkurat dette? Som sagt, jeg er mer opptatt av effektivitet, og det og slippe å lure på hva som gjemmer seg bak ikonet enn farger, fonter, outline og hva nå alt dette dreier seg om ;)
Jeg liker nr. 2 og 3, med nr.2 som en liten favoritt. Gode web 2.0-ikoner begge to.
@Erlend Schei: En unik på hver tenker du? Kan kanskje bli mye med 14 forskjellige ikoner hvis alle disse skal ha hver sin farge – men verdt et forsøk.
@larre: Enig i at ikonene ikke kan formidle innholdet i en kategori alene, men de bør likevel være unike og tydelige for å kunne bli visuelle knagger som man knytter tekstene fra hverandre med. Samspillet mellom tekst og ikon gjør det totalt sett lettere å oppfatte hver kategori raskt. Tror jeg…
Det hadde vært interessant å vite om dte er noe mer som skal endres enn ikonene. Altså, vil resten av forsiden også justeres når de nye ikonene skal implementeres, eller kjapt og greit erstatte de gamle?
Liker forøvrig forslag nr. 2 best. Men hva betyr vel det?
“Jeg liker nr. 2 og 3, med nr.2 som en liten favoritt. Gode web 2.0-ikoner begge to.”
Det er ikke et argument, mener jeg. I mine øyne kommer både 2 og 3 til være like utdatert som de Finn bruker nå, om kort tid. Aqua, glossy-ikoner er ikke tidløst, men veldig datert. Forøvrig synes jeg 4 er et godt utgangspunkt.
@Ole-Marius Ikonene er en del av prosjektet “Personlig forside på FINN”. Siden skal modulariseres (ny grid), og vi jobber med å vise relevant og nyttig personlig innhold på forsiden. Hvis alt går bra kommer en tidlig-beta på lufta i morgen. Du må gå inn på FINN labs for å få tilgang til denne.
[...] versjoner av denne delen av siden, forhåpentligvis også med nye ikoner (http://labs.finn.no/blog/nye-ikoner-pa-finn-no). I tiden fremover kommer vi til å lansere mer personlig innhold! Gi oss gjerne [...]
Fantastiske ikoner alle sammen! Så flott at dere jobber på denne måten! :)
Innspill til #3 som jeg synes peker seg ut:
Med tanke på merkevarepersonligheten (Seriøs og saklig / Ukomplisert og praktisk / Stadig noe nytt / Folkelig og lett å like) skiller nr 3 seg ut veldig tydelig, fordi jeg tror den appellerer til en bredere masse (billedskjønn, myk, rolig, forklarende, “ydmyk”, lett å forstå).
Innspill til de andre ikonene:
#2 Tøffe/kule, unik, veldig stilisert og kreativ i form! Wow! Men litt pretensiøs, :S hatten av
#3 Smukke for Finn!
#4 Stilig, stort sett lett å forstå, retro, (er det et lampe som er ute og triller? ;)
#5 Som nr 2, mer web2.0, oppfattes derfor mer anonym eller lik andre ikonsett gr. boksen den er satt på, Kanskje det er bra? Fint at den gjenspeiler formen fra Finn logoen.
Hei,
synest 2 has penest fargedrakt (gradient), men nr. 5 synest jeg fungerer best og mer mest tydelig i budskap. Hadde man kombinert disse settene med fargene fra 2 på ikonsett 5 så tror jeg det ville blitt bra.
Men det avhenger jo litt av øvrig design. Er øvrig design noe “tung” kan “symboler i boks” kanskje bli litt for mye. Vil fungere best med et åpent og luftig design synest jeg.
Vi har nå valgt hvilke retning vi ønsker å jobbe videre med, og valget falt på forslag 2. Bak dette forslaget står designkontoret Commando Group.
Takk til alle som har bidratt med kommentarer og synspunkter – det har vært verdifull input til å ta en beslutning. Ideen med å bruke Labs på denne måten er nettopp å få synspunkter og innsikt fra ulike brukere slik at vi forhåpentligvis tar enda bedre beslutninger enn hva vi ville gjort uten deres innspill.
Så litt om hvorfor vi valgte å gå videre med forslag 2: Det vi har presentert i dette blogginnlegget er et utdrag fra designbriefen som gikk til de ulike kontorene, samt tre ulike ikoner som de forskjellige kontorene ga oss. Det vi ikke fikk presentert i denne artikkelen var presentasjonen og alt arbeidet de ulike kontorene hadde lagt i innsalget. Det var tre veldig gode konsepter som ble presentert, men vi falt for sjarmen i forslaget fra Commando Group.
Det som har vært viktige for oss når vi velger ikoner er å tenke på hvordan FINN skal utvikle seg videre. Som brukere vil dere oppleve at vi gjør en dreining mot et mer modul- og gridbasert design, noe som i praksis fører til flere firkanter og færre avrundede hjørner. I denne sammenheng var det viktig å velge ikoner som “myker” opp og bidrar til å skape spill og variasjon i sidene, altså at ikonene spiller en grafisk rolle i tillegg til den rent funksjonelle. Det at Commando Group hadde valgt å benytte 2 elementer i hvert ikon gir oss også fleksibilitet når vi skal illustrere komplekse og sammensatte markeder, slik som for eksempel Torget og Næringsmarked.
Men igjen, takk for alle innspill!!
Mvh
Fredrik Schjold
Leder Brukeropplevelse i FINN.no
hm. ser ikke helt fleksibiliteten “ved to elementer”, i forhold til de andre forslagene. Da synes jeg heller at finn fargene myker opp i mye større grad. identitetsmessig sterkere konsept, spesielt siden finn går mer og mer bort i fra et “design”, og mer i grid-baner. jeg må, som flere, slenge meg på 4. men det blir spennende å følge med på dette!
Selv synes jeg ingen av disse nye settene kommuniserer budskapet like bra som de eksisterende ikonene. Samtidig ser jeg at dagens ikoner visuellt ikke når opp til forslagene vist i artikkelen.
Uten hjelp fra forklarende tekst, “Torget”, “Eiendom”, “Jobb” osv. ville jeg ikke uten videre forstått hva ikonene førte til.
Med det sagt, vil jeg si at stil 4 var den lekreste.
[...] versjon av nye ikoner! Vi jobber fortsatt med å produsere nye ikoner for hele FINN.no, se http://labs.finn.no/blog/nye-ikoner-pa-finn-no. For å nærme oss et nytt visuelt uttrykk, har vi i dagens versjon av forsiden satt inn [...]
Forslag 2, 3 og 5 gror sammen til en blå tåke. Ikonene er pene nok, men forslag 5 sliter med den lukkede formen (del av Finn-logo) som hindrer ikonet i å spille på “white-space” rundt, noe som forværrer tydeligheten.
Enig med Erlend at farger vil forsterke gjenkjenning for hvert enkelt ikon og bedre funksjonaliteten inne på Finn, men det er vel kanskje ikke helt usansynlig at disse ikonene skal brukes frittstående utenfor Finn også? Det er i hvertfall en mulighet, og da gir de to profilfargene i forslag 4 den beste forståelse og profilering.
Heia forslag 4.
t:
[...] Nye ikoner på FINN.no: [...]
Jeg fant selvfølgelig veien til denne siden etter at dere har implementert nye ikoner, så det er lett å kommentere i etterpåklokskapens ånd.
Men jeg tror dere har valgt feil retning. Av grunner nevnt av flere her, så framstår alt. 4 som det beste. Det å hente opp begge profilfargene ville få ikonene til fremstå som mer “intergrert” ift helheten. Alt 4 har dessuten en mer 2-dimensjonal look og er fri for den utsrakte bruken av refleks på bilder og ikoner, som preger (web)design om dagen.
Kudos for at dere spør hva vi synes. Produktutvikling i Google-ånd er fremdeles mangelvare her på berget!
@Ivar: Takk for innspill, det er aldri for sent. Vi er tidvis breiale, men ikke mer breiale enn at vi innser at en side aldri er ferdig :)
Her er Fredrik Schjold sin begrunnelse for valget brukeropplevelses-gjengen tok: http://labs.finn.no/nye-ikoner-pa-finn-no/comment-page-1/#comment-740