Dimensiunea pictogramelor din App Store: Cerințe privind fișierele, sfaturi de proiectare și cele mai bune practici

Care este dimensiunea corectă a pictogramei App Store? Ce ar trebui să reprezentați în pictograma dumneavoastră? Ce diferență va face totul? Acest ghid pentru pictogramele aplicațiilor vă va ajuta să răspundeți la aceste întrebări importante, vă va oferi sfaturi și va face legături către resurse.

De ce contează pictogramele aplicațiilor

Dimensiunea pictogramei App Store este mică. Atunci când pictogramele apar pe ecranul smartphone-ului dumneavoastră, fiecare dintre ele ocupă doar o lățime de degetul mare de spațiu. Dar în Apple App Store sau în Google Play Store, designul pe care îl împachetezi în această dimensiune mică a pictogramei magazinului de aplicații este totul.

Ca și în cazul coperților de cărți sau al imaginilor de listare a produselor pe Amazon, pictogramele aplicațiilor mobile îi ajută pe potențialii dvs. clienți să facă o judecată rapidă într-o fracțiune de secundă.

Înainte de a citi titlul sau descrierea aplicației, ei vor vedea pictograma. Pictograma aplicației dvs. mobile trebuie să le vorbească despre aplicația dvs. într-un mod atrăgător, determinându-i să afle mai multe. Odată ce cineva a făcut clic pe pictograma dvs., este mai probabil ca acesta să vă instaleze aplicația. Și asta este ceea ce vă doriți. Practic, pictograma aplicației dvs. este poarta de acces către instalări.

De aceea este crucial să o faceți bine.

O pictogramă de aplicație nu este un logo

S-ar putea părea cel mai simplu să transferați pur și simplu logo-ul mărcii dvs. pe pictograma aplicației dvs. și să o numiți o zi. Nu o faceți. O pictogramă de aplicație nu este un logo. Un logo reprezintă marca din spatele aplicației, da, dar pictograma aplicației reprezintă aplicația în sine.

La fel cum nu ați folosi un logo în locul imaginii unui produs pe o listă Amazon, nu ar trebui să plesniți un logo în cerințele de dimensiune a pictogramei magazinului de aplicații și să o numiți pictogramă. Doar mega-brandurile precum Starbucks sau Target pot scăpa cu asta.

Dacă sunteți un brand decent stabilit și bine-cunoscut, totuși, nu ezitați să adăugați logo-ul dvs. la pictograma aplicației dvs. într-un anumit fel, dar nu îl faceți să fie în centrul atenției.

În exemplul de mai jos, binecunoscuta editură de cărți de călătorie Lonely Planet își include logo-ul în pictograma aplicației pentru Guides by Lonely Planet. Dar logo-ul este doar o piesă din designul aplicației. Marginea albastră liniștitoare face ca peisajul urban în tonuri calde de galben să iasă în evidență, invitând privitorul la următoarea aventură.

Legenda spune că această aplicație este o compilație de „ghiduri curatoriale ale orașelor”, iar pictograma aplicației face aluzie la această funcție.

Toată lumea care iubește să exploreze orașe noi și care execută o căutare în magazin pentru „ghiduri de călătorie” va fi atrasă de această pictogramă de aplicație caldă, dar interesantă.

Comparați aplicația Lonely Planet cu o altă aplicație de ghiduri de călătorie pe care o veți găsi în cadrul aceleiași căutări.

mTrip preia M-ul din logo-ul său, adaugă un fundal verde și își dă singur un „thumbs-up” pentru a posta pictograma în App Store.

Dar pictograma nu spune nimic despre ceea ce primește utilizatorul, iar mTrip nu este suficient de cunoscută pentru a fi recunoscută după o singură literă. Netflix, mai jos, ia, de asemenea, prima literă din logo-ul său și o folosește ca pictogramă a aplicației, dar acest brand poate reuși, deoarece toată lumea știe ce este Netflix și ce face.

Acum că știți care este diferența dintre un logo și o pictogramă de aplicație, haideți să aruncăm o privire la întrebările importante pe care trebuie să vi le puneți înainte de a începe proiectarea.

Dimensiunea pictogramei App Store: 4 întrebări pe care trebuie să vi le puneți înainte de a crea o pictogramă de aplicație

Este adevărat că pictograma aplicației dvs. trebuie să atragă cât mai multe priviri. Vrei ca aceasta să iasă în evidență dintre toate pictogramele de aplicații din jurul ei, iar într-o lume saturată de aplicații, acest lucru nu este o sarcină ușoară.

Dar iată un secret: nu trebuie să faceți ca pictograma aplicației dvs. să atragă pe toată lumea din lume. În schimb, concentrați-vă pe a o face atractivă pentru persoanele din publicul dvs. țintă.

Atunci, iată prima întrebare pe care trebuie să o luați în considerare.

Întrebarea nr. 1: Care este publicul țintă pentru această aplicație?

Aplicația dvs. se adresează persoanelor cărora le place să gătească? Părinților cu copii mici? Iubitorilor de jocuri precum Candy Crush și Angry Birds? Călători? Muzicieni în devenire?

Din moment ce ați construit deja aplicația, ar trebui să știți răspunsul la această întrebare. Dar faceți-l să fie și punctul central al designului pictogramei aplicației dumneavoastră.

Cercetați o frază simplă care să vă definească publicul țintă.

Să spunem, de exemplu, că aplicația dvs. îi învață pe oameni cum să cânte la pian. O căutare pentru „învață pianul” în magazinul Google Play scoate la iveală aceste aplicații de top.

Dintre cele patru pictograme de aplicații, pe care ați face clic pentru a afla mai multe?

Pentru mine, un fost pianist care ar dori să reînvăț ceea ce am știut odată, aceasta câștigă. Cu mâinile în jos.

Icoana aplicației Flowkey nu mi se pare deloc atrăgătoare pentru că nu-mi spune nimic despre cum să cânt la pian. (Din nou, este practic un logo și nimic mai mult). Celelalte două prezintă clape de pian în interiorul pictogramei – așteptat, poate, dar total în regulă.

Pentru mine, Real Piano Teacher câștigă pentru că arată mâini care cântă la pian pe clape etichetate, cu o foaie de muzică în fața persoanei care cântă.

Nu poți învăța să cânți la pian fără să înveți notele, iar a învăța să citești notele muzicale poate fi la fel de dificil ca și a învăța să citești o limbă scrisă. Numai prin pictograma sa de aplicație, această aplicație promite să-i ajute pe utilizatori să învețe să citească notele, grăbindu-i să se apropie mai repede de realizarea visului lor de a cânta singuri melodii frumoase.

Acum, iată care este șmecheria: tu, în calitate de creator de aplicații, trebuie să te întrebi: cum pot face pictograma aplicației mele să fie chiar mai bună decât cea care îmi place cel mai mult (Real Piano Teacher’s)?

Proiectează-ți pictograma aplicației tale pentru a se ridica deasupra tuturor opțiunilor tale competitive de top.

Întrebarea nr. 2: Ce standarde actuale de design ar trebui să urmez?

Tendințele de design se schimbă tot timpul. Sunt pe aici de suficient de mult timp pentru a-mi amintesc cea mai recentă schimbare a logo-ului Starbucks în 2011. M-am simțit puțin trist că sirena se schimba, dar, în cele din urmă, designul a devenit din nou sinonim cu cafeneaua mea preferată și nu mi-am putut imagina revenirea la designul anterior.

Desigur, unii oameni găsesc noul logo prea sobru și glumesc că, în cele din urmă, nu va fi decât un punct verde.

Lăsând gluma la o parte, este important să urmăriți tendințele actuale de design și modul în care acestea se referă la designul aplicației dumneavoastră. Atât Google Play Store, cât și App Store publică orientări de ultimă oră pe care le puteți (și ar trebui) să le urmați.

Aceste orientări vă ajută să creați o pictogramă de aplicație cu o senzație cât mai modernă și mai accesibilă.

Google’s Material Design oferă un set complet de linii directoare care acoperă următoarele subiecte:

• Principii de proiectare, inclusiv expresia mărcii și abordarea de proiectare
• Forme de grilă și de linie cheie
• Specs – o defalcare detaliată a anatomiei pictogramei aplicației și a specificațiilor de iluminare
• Tratamentele pictogramei: informații despre culoarea aplicației, strat, scoring, suprapunere, acordeon și distorsionare

Material Design își propune să vă ajute să creați o pictogramă de aplicație cu o senzație tactilă prin intermediul pixelilor. Este o chestie complexă, dar merită studiată.

Apple’s Human Interface Guidelines se citește într-un mod mai prietenos care este, de asemenea, ușor de urmărit. Oferă zece sfaturi, cum ar fi „Îmbrățișează simplitatea” și „Testează-ți pictograma cu diferite imagini de fundal”, împreună cu instrucțiuni despre cum să le urmezi.

După aceasta, Apple oferă informații despre cum să:

• Formați atributele pictogramei aplicației
• Realizați pictograma aplicației în mai multe mărimi diferite

• Produceți pictograme selectabile de către utilizator
• Creați pictograme pentru spotlight, setări și notificări pentru iOS

În timp ce Ghidul privind interfața umană este mai scurt și, în multe privințe, mai simplu decât ghidul Material Design de la Google, acesta din urmă oferă mai multe sfaturi de proiectare.

Întrebarea nr. 3: Cum pot face aluzie la scopul aplicației mele?

Așa cum am văzut în cazul aplicațiilor de învățat să cânte la pian, comunicarea scopului aplicației dvs. către publicul dvs. este extrem de importantă.

Să ne uităm la un alt exemplu. Să spunem că proiectați o pictogramă pentru o aplicație care ajută scriitorii să-și organizeze gândurile și ideile. Poate că aplicația dvs. stabilește, de asemenea, obiective de numărare a cuvintelor și permite utilizatorilor să urmărească timpul zilnic de scriere. Mai mult decât atât, poate că aplicația dvs. oferă citate care să îi facă pe scriitori să scrie.

Atunci cine este publicul dvs.?

Scriitorii, desigur. Scriitori începători. Romancierii. Liber-profesioniști. Jurnaliști. Fiecare scriitor ar putea folosi aplicația ta!

Acum aruncați o privire la concurența dumneavoastră.

În App Store, căutați „aplicații pentru scriitori” și veți obține o serie de aplicații organizaționale.

Concentrează-te pe pictogramele aplicațiilor de aici. În primul rând, există o mustață cu un fundal roșu. Dacă nu ați vedea titlul, nu ați ști că această aplicație se adresează chiar scriitorilor. Chiar și așa, nu este clar ce face aplicația, mai exact, pentru a-i ajuta pe scriitori să scrie.

Următoarea pictogramă a aplicației prezintă un fundal alb cu un… avion de hârtie roșu? Vârful unui stilou? Cap de somon? Nu este super clar.

Ultima pictogramă de aplicație din micul nostru studiu prezintă un stilou cu bec pe un fundal negru. Doar uitându-vă la pictogramă, aveți senzația că această aplicație îi va ajuta pe scriitori să își formeze idei și să păstreze acea inspirație până când se transformă într-o carte, articol sau poezie.

Emulați această pictogramă, nu primele două. Faceți aluzie la funcționalitatea pe care o oferă aplicația dumneavoastră.

Rețineți că aluzia la funcționalitate ar trebui să arate diferit pentru diferite tipuri de aplicații.

Dacă ați creat o aplicație utilitară, de exemplu – cum ar fi un calculator de bacșișuri sau o lanternă – pictograma aplicației ar trebui să facă persoana care navighează să se simtă ca și cum ar folosi deja aplicația înainte chiar de a face clic pe pictogramă.

Icoana aplicației de mai jos nu atinge acest obiectiv și, în plus, este aglomerată și greu de citit.

În schimb, pictograma aplicației de mai jos te face să simți că ai putea accesa rapid acest calculator de bacșiș pentru că practic este deja deschis.

Icoanele pentru jocurile mobile au nevoie, de asemenea, de un tratament special. Scopul dvs. într-o pictogramă pentru o aplicație de joc este de a face privitorul să se simtă ca și cum ar fi deja imersat în lumea jocului. Tot ce trebuie să facă este să dea clic pe pictograma aplicației și vor avea parte de adrenalina dopaminei de a juca ceva nou, interesant și satisfăcător.

Iată un exemplu excelent de pictogramă de aplicație care reușește acest lucru:

Puteți simți aproape adrenalina de a coborî un deal accidentat doar uitându-vă la această pictogramă de aplicație. Este o senzație delicioasă, totuși, una care te face să vrei să joci jocul.

Un exemplu nu prea grozav? Această pictogramă de aplicație pentru un joc de baschet.

Ai impresia că… te uiți fix la o minge de baschet. Nu jucând un joc. Plictisitor!

Întrebare nr. 4: Care este aspectul aplicației mele?

Deși este o idee bună să dai dovadă de creativitate în timp ce proiectezi o pictogramă de aplicație, nu vrei ca interfața aplicației și pictograma aplicației tale să aibă texturi diferite. Ele ar trebui să lucreze împreună într-un sistem de design fără cusur.

Iată două jocuri de tip „word-block” ale căror pictograme se potrivesc cu aspectul și senzația jocurilor pe care le reprezintă.

Icoana lui Word Stacks are aceleași culori apus de soare și blocuri de cuvinte voluminoase ca și jocul în sine.

Icoana aplicației Wood Block Puzzle este la fel de lemnoasă ca și jocul în sine.

Nu vreți să vă faceți publicul să creadă că aplicația dvs. este un joc de tip blocuri lemnoase, dar apoi să dezvăluiți în schimb un joc de blocuri de cuvinte spumoase, de culoarea apusului de soare. Un branding inconsecvent este un design prost.

Cum scrie un blogger pe 99designs, „Dacă designul aplicației dvs. este plat, pictograma dvs. ar trebui să fie, de asemenea, plată. Dacă aplicația dvs. conține skeuomorfism, pictograma dvs. ar trebui să aibă, de asemenea, cel puțin un element de skeuomorfism”.

Faceți ca pictograma aplicației dvs. să reflecte cât mai mult posibil culorile, texturile și senzația aplicației dvs.

Tipuri de care trebuie să țineți cont în timp ce vă proiectați pictograma aplicației

Acum că ați răspuns la cele patru întrebări esențiale pentru proiectarea aplicațiilor, este timpul să începeți să creați mai multe variante sau propuneri de design pentru pictograma aplicației dvs. Începeți cu o schiță de design de bază și apoi experimentați cu diferite culori, margini și grafice.

Iată câteva sfaturi pentru a vă ghida:

• Sprijiniți-vă pe doar două sau trei culori. Mai mult de trei și pictograma aplicației dvs. începe să pară prea încărcată.
• Evitați să folosiți o fotografie reală. Totuși, puteți oricând să transformați o fotografie într-o ilustrație/imagine vectorială.
• Gândiți la scară mică. Pictograma aplicației dvs. s-ar putea să vi se pară mare în timp ce o proiectați, dar este minusculă pe un ecran de iPhone sau Android. Asigurați-vă că fiecare element este clar chiar și în cea mai mică formă a pictogramei.
• Păstrați cuvintele pentru titlu și slogan. O pictogramă de aplicație este menită să aibă un impact vizual. Puteți spune ceea ce trebuie să spuneți în cuvinte în titlu, tagline și descrierea aplicației.
• Respectați întotdeauna cerințele și liniile directoare privind dimensiunea pictogramelor din magazinele de aplicații Apple și Google. Puteți găsi cerințele de dimensiune ale Google Play aici, iar cele ale Apple App Store aici. Țineți cont de faptul că va trebui să creați mai multe versiuni ale pictogramei aplicației dvs. pentru fiecare magazin. De asemenea, rețineți că, deși App Store de pe iPhone are colțuri rotunjite, trebuie să trimiteți toate fișierele aplicației dvs. în formă pătrată. Sistemul Apple va rotunji colțurile pentru dvs.

După ce ați obținut două sau trei potențiale pictograme de aplicații din care să alegeți, este timpul pentru cel mai important pas al călătoriei dvs. de creare a pictogramelor de aplicații: testarea divizată a pictogramelor dvs. pentru a afla ce crede publicul țintă.

Dincolo de dimensiunea pictogramei App Store: testarea divizată a pictogramelor de aplicații pe PickFu

Cel mai bun mod de a ști ce crede publicul țintă despre pictograma aplicației dvs. este să o testați divizat pe PickFu înainte de a publica efectiv listarea aplicației dvs. în Google Play Store sau App Store. Desigur, ați putea face un test A/B în aplicație și să rulați mai multe variante pe magazinul propriu-zis, dar acesta este un proces lent care vă poate absorbi timpul și banii.

Prin testarea divizată pe un grup de respondenți pe PickFu înainte de a publica live pictograma aplicației dvs., obțineți feedback-ul de care aveți nevoie fără a pierde bani în acest proces.

Este nevoie doar de câteva minute pentru a configura un sondaj pe PickFu. Vă amintiți că am spus că targetarea audienței este crucială? PickFu face acest lucru ușor pentru tine. Puteți targeta membrii publicului în funcție de dispozitivul iOS sau Android, dacă sunt jucători de jocuri mobile și cât de mult au cheltuit în App Store, printre multe alte trăsături utile.

Un dezvoltator de aplicații a apelat recent la PickFu pentru a testa între două pictograme pentru o aplicație de dating.

Prima pictogramă prezintă profilul roz al unei femei care ține în mână un telefon, titlul aplicației în două culori diferite și un fundal roșiatic și portocaliu. În total, această pictogramă a aplicației prezintă aproximativ șase culori diferite.

A doua opțiune elimină femeia, păstrează un fundal roșu-portocaliu mai raționalizat și lasă cuvintele, dar în alb, cu o inimioară ascunsă în colțul literei M. Această pictogramă a aplicației prezintă doar trei culori.

Repondenții au votat în mod covârșitor în favoarea opțiunii B, mai simplă și mai curată. Spre deosebire de un test A/B live tradițional, respondenții PickFu vă oferă un feedback detaliat în scris. Așadar, putem vedea exact de ce a câștigat Opțiunea B.

În primul rând, respondenții au apreciat aspectul mai simplu și mai profesional al Opțiunii B, spunând lucruri precum: „Îmi place simplitatea acesteia și nu evidențiază un singur gen pentru utilizare” și „Nu-mi place deloc coloritul violet/roz strălucitor din Opțiunea A – este foarte greu de privit.”

Sperăm că dezvoltatorul aplicației a optat pentru cea de-a doua pictogramă a aplicației, care este mult mai probabil să atragă potențiali utilizatori decât Opțiunea A.

.