App Store Icon Size:

Hvad er den rigtige App Store-ikonstørrelse? Hvad skal du afbilde i dit ikon? Hvilken forskel vil det hele gøre? Denne guide til app-ikoner hjælper med at besvare disse vigtige spørgsmål, giver tips og linker til ressourcer.

Hvorfor app-ikoner er vigtige

App Store-ikonstørrelsen er meget lille. Når ikonerne vises på skærmen på din smartphone, fylder de hver især kun en tommelfingerbredde. Men i Apple App Store eller Google Play Store er det design, du pakker ind i denne lille app-butiks-ikonstørrelse, alt afgørende.

Som med bogomslag eller billeder af produktlister på Amazon hjælper ikoner til mobile apps dine potentielle kunder med at foretage en hurtig vurdering på et splitsekund.

Hvor de læser appens titel eller beskrivelse, vil de se ikonet. Dit ikon for mobilappen skal fortælle dem om din app på en tiltalende måde, så de får lyst til at lære mere. Når en person har klikket på dit ikon, er der større sandsynlighed for, at de vil installere din app. Og det er det, du ønsker. I bund og grund er dit app-ikon porten til installationer.

Det er derfor, at det er afgørende at få det rigtigt.

Et app-ikon er ikke et logo

Det kan virke nemmest bare at overføre dit brand-logo til dit app-ikon og kalde det en dag. Det skal du ikke gøre. Et app-ikon er ikke et logo. Et logo repræsenterer brandet bag applikationen, ja, men app-ikonet repræsenterer selve appen.

Som du ikke ville bruge et logo i stedet for et produktbillede på en Amazon-liste, bør du heller ikke smække et logo ind i størrelseskravene til app-butikkens ikonstørrelse og kalde det et ikon. Kun mega-brands som Starbucks eller Target kan slippe af sted med dette.

Hvis du er et rimeligt etableret og velkendt mærke, må du dog gerne tilføje dit logo til dit app-ikon på en eller anden måde, men lad være med at gøre det til det centrale.

I eksemplet nedenfor inkluderer det velkendte rejsebogsforlag Lonely Planet sit logo i appikonet for Guides by Lonely Planet. Men logoet er kun en del af appdesignet. Den beroligende blå kant får det varmt gultonede bylandskab til at springe frem og inviterer beskueren ind i deres næste eventyr.

Taglinen siger, at denne app er en samling af “kuraterede byguider”, og app-ikonet antyder den funktion.

Alle, der elsker at udforske nye byer, og som kører en søgning i butikken efter “rejseguider”, vil blive tiltrukket af dette varme, men spændende app-ikon.

Sammenlign Lonely Planet-appen med en anden app til rejseguider, som du finder under den samme søgning.

mTrip tager M’et fra sit logo, tilføjer en grøn baggrund og giver sig selv en tommelfinger opad for at lægge ikonet op i App Store.

Men ikonet siger intet om, hvad brugeren får, og mTrip er ikke kendt nok til at være genkendelig på et enkelt bogstav. Netflix, nedenfor, tager også det første bogstav fra sit logo og bruger det som app-ikon, men dette brand kan klare det, fordi alle ved, hvad Netflix er, og hvad det gør.

Nu da du kender forskellen mellem et logo og et app-ikon, skal vi se på de vigtige spørgsmål, du skal stille dig selv, før du går i gang med at designe.

App Store-ikonstørrelse: 4 spørgsmål, du skal stille, før du designer et app-ikon

Det er rigtigt, at dit app-ikon skal tiltrække så mange øjne som muligt. Du ønsker, at det skal skille sig ud fra alle de andre app-ikoner omkring det, og i en app-mættet verden er det ikke nogen nem opgave.

Men her er en hemmelighed: Du behøver ikke at få dit app-ikon til at appellere til alle i verden. I stedet skal du fokusere på at få det til at appellere til folk i din målgruppe.

Så her er det første spørgsmål, du skal overveje.

Spørgsmål nr. 1: Hvem er målgruppen for denne app?

Er din app for folk, der elsker at lave mad? Forældre med små børn? Elskere af spil som Candy Crush og Angry Birds? Rejsende? Musikere i gang?

Da du allerede har udviklet appen, bør du kende svaret på dette spørgsmål. Men gør det også til et fokuspunkt i dit appikon-design.

Søg efter en simpel sætning, der definerer din målgruppe.

Lad os f.eks. sige, at din app lærer folk at spille klaver. En søgning på “lær klaveret” i Google Play-butikken viser disse top-apps.

Af de fire app-ikoner, hvilken af dem ville du klikke på for at lære mere?

For mig, en tidligere pianist, der gerne vil lære det, jeg engang kunne, igen, vinder denne app. Helt klart.

Jeg synes slet ikke, at Flowkey’s app-ikon er tiltalende, fordi det ikke fortæller mig noget om at spille klaver. (Igen, det er i bund og grund et logo og intet andet). De to andre har klavertangenter inde i ikonet – måske forventet, men helt fint.

For mig vinder Real Piano Teacher, fordi den viser hænder, der spiller på klaveret på mærkede tangenter med et nodeark foran den person, der spiller.

Du kan ikke lære at spille klaver uden at lære noder, og at lære at læse noder kan være lige så udfordrende som at lære at læse et skriftsprog. Alene med sit app-ikon lover denne app at hjælpe brugerne med at lære at læse noder, hvilket bringer dem hurtigere tættere på at opfylde deres drøm om at spille smukke melodier på egen hånd.

Nu er fangsten her: Du, som app-skaber, må spørge dig selv: Hvordan kan jeg gøre mit app-ikon endnu bedre end det, jeg bedst kan lide (Real Piano Teacher’s)?

Design dit app-ikon, så det hæver sig over alle dine bedste konkurrerende valg.

Spørgsmål nr. 2: Hvilke aktuelle designstandarder skal jeg følge?

Designtrends ændrer sig hele tiden. Jeg har været med længe nok til at huske den seneste ændring af Starbucks’ logo i 2011. Jeg var lidt ked af, at sirenen skiftede, men i sidste ende blev designet igen synonymt med min yndlingscafé, og jeg kunne ikke forestille mig, at det skulle vende tilbage til sit tidligere design.

Naturligvis synes nogle mennesker, at det nye logo er for sparsomt og spøger med, at det til sidst ikke vil være andet end en grøn prik.

Spøg til side, det er vigtigt at holde øje med de aktuelle designtrends, og hvordan de relaterer sig til dit app-design. Både Google Play Store og App Store offentliggør ajourførte retningslinjer, som du kan (og bør) følge.

Disse retningslinjer hjælper dig med at skabe et app-ikon med den mest moderne, tilgængelige følelse.

Google’s Material Design tilbyder et grundigt sæt retningslinjer, der dækker følgende emner:

• Designprincipper, herunder brandudtryk og designtilgang
• Grid- og keylineformer
• Specifikationer – en detaljeret oversigt over app-ikonets anatomi og belysningsspecifikationer
• Ikonbehandlinger: oplysninger om app-farve, lag, scoring, overlapning, harmonika og forvrængning

Material Design har til formål at hjælpe dig med at skabe et app-ikon med en taktil fornemmelse ved hjælp af pixels. Det er komplekse ting, men det er værd at studere.

Apples retningslinjer for menneskelige grænseflader læses på en mere venlig måde, som også er let at følge. Den giver ti tips, såsom “Embrace simplicity” og “Test dit ikon mod forskellige baggrunde” sammen med instruktioner om, hvordan du skal følge dem.

Efter dette tilbyder Apple oplysninger om, hvordan man:

• Formaterer app-ikonets attributter
• Producerer app-ikonet i flere forskellige størrelser

• Fremstille ikoner, der kan vælges af brugeren
• Oprettelse af spotlight-, indstillings- og notifikationsikoner til iOS

Mens retningslinjerne for menneskelige grænseflader er kortere og på mange måder enklere end Googles retningslinjer for Material Design, tilbyder sidstnævnte flere designtips.

Spørgsmål 3: Hvordan kan jeg antyde min apps formål?

Som vi så i tilfældet med apps til at lære at spille klaver, er det afgørende vigtigt at kommunikere din apps formål til din målgruppe.

Lad os tage et kig på et andet eksempel. Lad os sige, at du er ved at designe et app-ikon til en app, der hjælper forfattere med at organisere deres tanker og idéer. Måske sætter din app også mål for antal ord og giver brugerne mulighed for at spore den daglige skrivetid. Derudover giver din app måske også citater, der kan give forfatterne et spark i røven og få dem til at skrive.

Så hvem er din målgruppe?

Forfattere, selvfølgelig. Begyndende forfattere. Romanforfattere. Freelancere. Journalister. Alle forfattere kan bruge din app!

Se nu på dine konkurrenter.

Søg på App Store efter “apps til forfattere”, og du vil få et væld af organisatoriske apps.

Fokuser på app-ikonerne her. Først er der et overskæg med en rød baggrund. Hvis du ikke så titlen, ville du ikke vide, at denne app overhovedet er rettet mod forfattere. Selv da er det uklart, hvad appen præcist gør for at hjælpe forfattere med at skrive.

Det næste app-ikon har en hvid baggrund med en rød … papirflyver? Pennespids? Laksehoved? Det er ikke superklart.

Det sidste app-ikon i vores lille undersøgelse har et pæreformet penneikon på en sort baggrund. Bare ved at se på ikonet får man en fornemmelse af, at denne app vil hjælpe forfattere med at danne ideer og holde inspirationen i gang, indtil den bliver til en bog, en artikel eller et digt.

Forestil dig dette ikon, ikke de to første. Giv et hint om den funktionalitet, som din app tilbyder.

Bemærk, at antydningen af funktionalitet skal se forskelligt ud for forskellige typer apps.

Hvis du f.eks. har lavet en hjælpeapp – som en tipberegner eller en lommelygte – skal app-ikonet få den person, der browser, til at føle, at han/hun allerede bruger appen, før han/hun overhovedet klikker på ikonet.

App-ikonet nedenfor opfylder ikke dette mål, og desuden er det overfyldt og svært at læse.

Det nedenstående app-ikon giver derimod en følelse af, at man hurtigt kan få adgang til denne tipskalkulator, fordi den praktisk talt allerede er åben.

Ikoner til mobilspil har også brug for en særlig behandling. Dit mål med et ikon i en spilapp er at få beskueren til at føle sig som om, at han/hun allerede er fordybet i spillets verden. Alt, hvad de skal gøre, er at klikke på app-ikonet, og så får de dopaminruset ved at spille noget nyt, spændende og givende.

Her er et godt eksempel på et app-ikon, der opnår dette:

Du kan næsten mærke suset ved at køre ned ad en ujævn bakke bare ved at se på dette app-ikon. Det er dog et lækkert spændingsmoment, som giver dig lyst til at spille spillet.

Et ikke helt så godt eksempel? Dette app-ikon til et basketballspil.

Du føler, at du … stirrer på en basketball. Ikke spiller et spil. KEDELIGT!

Spørgsmål #4: Hvordan skal min app se ud og føles?

Selv om det er en god idé at udøve kreativitet, mens du designer et app-ikon, ønsker du ikke, at din app-grænseflade og dit app-ikon skal have forskellige teksturer. De skal arbejde sammen i et sømløst designsystem.

Her er to ordblokspil, hvis ikoner passer til udseendet og fornemmelsen af de spil, de repræsenterer.

Word Stacks’ ikon har de samme solnedgangsfarver og klumpede ordblokke som selve spillet.

Woody Block Pusles app-ikon er lige så træagtigt som selve spillet.

Du ønsker ikke at få dit publikum til at tro, at din app er et spil af typen woody block-spil, men så afslører du i stedet et solskinsfarvet, skummende ordklodsspil i stedet. Inkonsistent branding er dårligt design.

Som en blogger skriver på 99designs: “Hvis dit appdesign er fladt, bør dit ikon også være fladt. Hvis din app indeholder skeuomorphisme, bør dit ikon også have mindst et element af skeuomorphisme.”

Få dit app-ikon til at afspejle appens farver, teksturer og følelse så meget som muligt.

Tips til at huske på, mens du designer dit app-ikon

Nu, hvor du har besvaret de fire essentielle spørgsmål om app-design, er det tid til at begynde at skabe flere variationer eller designforslag til dit app-ikon. Start med en grundlæggende designskitse, og eksperimentér derefter med forskellige farver, rammer og grafik.

Her er et par tips, der kan vejlede dig:

• Sats på kun to eller tre farver. Mere end tre, og dit app-ikon begynder at se for travlt ud.
• Undgå at bruge et rigtigt fotografi. Du kan dog altid lave et fotografi om til et illustration/vectorbillede.
• Tænk småt. Dit app-ikon ser måske stort ud for dig, mens du designer det, men det er lille på en iPhone- eller Android-skærm. Sørg for, at hvert element er tydeligt, selv i ikonets mindste form.
• Spar på ordene til titlen og taglinen. Et app-ikon skal have en visuel virkning. Du kan sige det, du har brug for at sige, med ord i titlen, taglinen og appbeskrivelsen.
• Følg altid Apples og Googles krav til ikonstørrelse og retningslinjer for appstore-ikoner. Du kan finde Google Play’s krav til størrelsen her og Apple App Store’s krav til størrelsen her. Husk på, at du skal oprette flere versioner af dit app-ikon til hver enkelt butik. Bemærk også, at selv om App Store på iPhone har afrundede hjørner, skal du indsende alle dine app-filer i firkantet form. Apples system vil afrunde hjørnerne for dig.

Når du har to eller tre potentielle app-ikoner at vælge imellem, er det tid til det vigtigste skridt i din rejse til at skabe app-ikoner: split-test af dine ikoner for at finde ud af, hvad din målgruppe synes.

Beyond App Store icon size: split-testing af app-ikoner på PickFu

Den bedste måde at vide, hvad din målgruppe synes om dit app-ikon, er at split-teste det på PickFu, før du faktisk offentliggør din app-liste i Google Play Store eller App Store. Selvfølgelig kan du lave en A/B-test i appen og køre flere variationer i selve butikken, men det er en langsom proces, der kan suge din tid og dine penge.

Gennem at split-teste til en pulje af respondenter på PickFu, før du offentliggør dit app-ikon live, får du den feedback, du har brug for, uden at miste penge i processen.

Det tager kun et par minutter at oprette en afstemning på PickFu. Kan du huske, at jeg sagde, at målgruppen målretning er afgørende? PickFu gør det nemt for dig. Du kan målrette målgruppen efter iOS- eller Android-enhed, om de er mobile gamer, og hvor meget de har brugt i App Store, blandt mange andre nyttige egenskaber.

En app-udvikler tog for nylig PickFu i brug for at teste mellem to ikoner til en dating-app.

Det første ikon viser den lyserøde profil af en kvinde med en telefon i hånden, app-titlen i to forskellige farver og en rødlig og orange baggrund. I alt har dette app-ikon omkring seks forskellige farver.

Den anden mulighed eliminerer kvinden, beholder en mere strømlinet orange-rød baggrund og lader ordene stå, men i hvidt med et lille hjerte gemt i bøjningen af bogstavet M. Dette app-ikon har kun tre farver.

Respondenterne stemte med overvældende flertal for den enklere og renere mulighed B. I modsætning til en traditionel live A/B-test giver PickFu-respondenterne dig detaljeret skriftlig feedback. Så vi kan se præcis, hvorfor valgmulighed B vandt.

Først og fremmest satte respondenterne pris på Mulighed B’s enklere, mere professionelle udseende og sagde ting som: “Jeg kan bare godt lide enkeltheden i denne, og den udpeger ikke et enkelt køn til brug” og “Jeg kan virkelig ikke lide den lyse lilla/rosa farve i Mulighed A – det er virkelig hårdt for øjnene.”

Håbentlig valgte app-udvikleren det andet app-ikon, som er meget mere tilbøjeligt til at tiltrække potentielle brugere end Mulighed A.