Hvordan skal iPhone-ikonet ditt se ut?

Det finnes over 50 000 av disse små skrivebordsikonene tilgjengelig i App Store i dag. Noen er pixelperfeksjon av høyeste kvalitet, de fleste andre er amatørmessige i sin utforming og idéløse i sitt motivvalg. I denne artikkelen skal jeg prøve å beskrive hva som gjør et godt ikon. Det trenger ikke å være perfekt, men det må vite hva det vil og hvilke oppgaver det står ovenfor.

Ikonets første oppgave er å bli sett i App Store, og gjøre brukeren interessert. Jeg har tidligere beskrevet hvordan jeg velger å installere en applikasjon på grunnlag av ikonet, og jeg er neppe alene. Ikonet må skape en interesse på kort tid, da man fort skummer over mange samtidig.

Vær funksjonell!
Når ikonet først har fått seg et skrivebord å pryde, begynner den egentlige jobben. Oppgaven er å være enkel å finne når brukeren ønsker det, men ellers være tilbakelent og ikke-prangende. Det er kanskje mange som tror at det er viktig å skille seg ut her også, slik at det synes godt, gir god reklame og oftere blir brukt. Men sånn er det ikke. Ikonet skal bare stå til tjeneste når eieren ønsker å finne nettopp det. Det er applikasjonen bak som vil avgjøre hvor ofte det blir brukt.

Her er endel eksempler på ikoner. Noen som fungerer godt og mange som er veldig stilige. Er det noen du synes fungerer dårlig? Noen du synes ødelegger for andre? Eller er vanskelig å finne?

Noen er kanskje finere enn andre, mer spennende. Men hvilke ikoner klarer å fortelle deg hva applikasjonen handler om. Hva den gjør? Det er den viktigste av alle oppgaver, er det ikke? Apple sine egne applikasjoner kan være en god rettesnor. Se på min favoritt: Phone. Det skal godt gjøres å ikke forstå hva det er. Jeg ønsker at ikonene vi i Shortcut lager blir like intuitive. Her er noen eksempler jeg synes er gode:

Jeg har tillatt meg å ta med vårt eget Trafikanten-ikon, da jeg selv opplever dette som veldig funksjonelt i mitt daglige bruk. Dette er uegoistiske ikoner, som bare sørger for å gjøre applikasjonens funksjonalitet synlig, uten å tenke på firmabranding, designfeinschmekkeri eller artige ideer.

Det som kjennetegner disse ikonene er ett universalt, tydelig og ensfarget symbol, oppå én sterk bakgrunnsfarge. Men å lage slike er ikke like enkelt som man skulle tro. Her er noen eksempler jeg synes har et forbedringspotensiale.

Jeg synes de prøver litt for hardt. Tenk hvor mye lettere Google Earth hadde vært å kjenne igjen, om det var vår gjenkjennelige jordklode. Eller om Countries ikke hadde hatt et politisk kart, men tydelig skilt mellom land (kanskje grønt) og vann (kanskje blått). 100 Pushups og MachDice lider av å skulle ha applikasjonsnavnet med i ikonet. Og Units kunne kanskje valgt ut ett målesymbol, ikke tre? Når det gjelder blyanttegneprogrammet No.2 så er det kanskje jeg som er for streng? Det er jo kjempefint, men jeg skulle gjerne sett en versjon med sterkere kontrast mellom trestrukturene.

Bedre er bedre
Heldigvis kan man alltid forbedre ikonet sitt. Man er ikke låst for alltid etter en lansering. Her er to eksempler på applikasjoner som er endret:

Facebook sitt tredje ikon kommer sannsynligvis med neste oppdatering. De begynte med et ikon med to ansikter, en gutt og en jente, for nettopp å illustrere hva de var. Smart. Dessverre konkurrerte det med kontaktlisteprogrammet el., vil jeg tro. De endret det i hvert fall til F-en i logoen sin. Noe som for meg hjalp. Det ble lettere å kjenne igjen. (Og det er litt sårt å innrømme, siden jeg stort sett snakker negativt om å dra inn ens logo i app-ikonet.) Tredje versjon, med F-en mot høyre, er en del av deres stadige designendringer, og vil gjøre det enda lettere å kjenne igjen for Facebooks mange daglige brukere.

AP News var tidlig ute med sin applikasjon, og syntes nok dette var så spennende at de døpte seg om til Mobile News og la logoen sin inn som et pressekort i hatten. Heldigvis har de skjønt at iPhone-eierne vet at det er en mobil de holder i hånden. Og at det er AP-logoen de ser etter ikke en cowboylignende hatt.

Ikke ødelegg for andre!
La du merke til det ene ikonet som skilte seg mest ut i det store bildet innledningsvis? Scroll gjerne opp og ta en ny titt på dem, det er nemlig ett som er helt annerledes. Ett som går sine egne veier, på bekostning av de andre, og på bekostning av iPhone-eieren selv. I hvert fall er det noen som mener det. I artikkelen Your Icon is Wrong kan du lese og se mye klokt om hvorfor man ikke skal bryte med å være en firkant med runde hjørner.

Det er Guitar Toolkits plekter som gjør det i første eksempel. Og pressehatten til AP News i siste eksempel. De har maskert ut symbolet sitt mot svart, slik at det får sin helt egne, unike form. Noe som ser veldig fint ut for seg selv, men som ødelegger helhetsopplevelsen. Verdens verste argument blir gyldig her: «Hva hvis alle skulle gjort det, det ville ikke gått.» Det ville i hvert fall ikke blitt særlig oversiktlig.

Våre egne
Det er alltid lett å komme med meninger om andres arbeider. Vanskeligere er det å lage noe selv. Vi i Shortcut legger alltid lista veldig høyt på våre produkter, og går gjerne flere runder før vi blir fornøyde. I tillegg har vi kunder med egne, reflekterte meninger, gode ideer og spesiell kjærlighet til sin designprofil. Det kan fort bli mange kokker bak et lite ikon, men heldigvis ender det alltid godt, bare man tar oppgaven seriøst.

Her kan du se et lite utdrag av skissene til våre to lanserte ikoner, Trafikanten og MatPrat:

Vi ønsket både å ha med profilen til MatPrat og et symbol som viste at dette handlet om mat. Og etter noen runder ble vi enige om det kjente kniv og gaffel-symbolet. Deretter prøvde vi oss frem med designprofilen og endte med å beholde den røde streken fra logoen. Det har blitt et fint symbol synes jeg, og jeg håper det er noe MatPrat kan bruke i andre sammenhenger også.

Da jeg begynte arbeidet på Trafikantens ikon hadde jeg fått et ganske strengt og vanskelig krav: Trafikanten-tusenbeinet skulle med! Jeg prøvde og prøvde, men det var helt umulig å ha et fargerikt tusenbein samtidig som det skulle se nyttig og informativt ut. Det skulle ikke ligne et pekespill for barn under fire år.

Senest for bare noen dager siden blusset den diskusjonen opp igjen hos teamet som jobber med Trafikanten på iPhone. Og heldigvis blir bussen værende.

Hvorfor buss? Jeg skulle gjerne hatt en trikk. Jeg synes trikk er litt mer spesielt og litt stiligere. Men over 90% av stoppestedene Trafikanten dekker er busstopp. Så da ble det et enkelt valg. (For vi kunne vel ikke valgt flere symbolder vel?) Når jeg nå står på en bussholdeplass og ser opp på lysskiltet vet jeg at vi valgte rett.

Ikke bare for applikasjoner
Det første året iPhone var ute (i USA) fantes ikke App Store, og det var ikke mulig å skrive egne applikasjoner for iPhone. Man kunne bare lage nettapplikasjoner, kompliserte nettsider. Men man kunne lage like fine ikoner som bokmerker til nettstedene. Og fortsatt er det slik.

Derfor ser jeg ingen grunn til at ikke ethvert nettsted tar seg bryet med å lage et slikt ikon. Her er et lite knippe jeg liker godt. Legg merke til 37Signals’ Campfire, de har gjort en ekstrainnsats for å blende inn sammen med Apples egne ikoner, noe jeg har skrevet om tidligere.

Mine favoritter
Som designer som sitter dagevis med pixeljusteringer kan jeg ikke la være å bli imponert over det gode håndverket som har blitt lagt ned i noen av disse ikonene. Når jeg ikke tar hensyn til funksjonalitet, eller applikasjonen eller avsenderen eller noe annet enn de 57×57 pixlene, er dette mine favoritter:

Har du noen du liker, legg gjerne inn en link i kommentarfeltet under. Og trenger du hjelp med ditt ikon, ta kontakt så hjelper vi alt vi kan.