Disecarea Web Design site-ul App

Aplicații web, aplicații Android, aplicații iPhone și iPad și acum, odată cu lansarea aplicațiilor Mac, lumea pare să se ducă la nebunie! Se pare că există o aplicație care să răspundă aproape fiecărei situații? dar pe o piață digitală, cum se promovează aceste aplicații? Cu design web, desigur!

Există zeci de mii de aplicații acolo (și acest număr crește în fiecare zi). Firește, toate aceste aplicații trebuie să folosească diferite metode pentru a se promova și utilizarea unui site web este una dintre cele mai importante strategii. Site-urile de aplicații sunt unele dintre cele mai bine concepute și există multe tendințe care trec prin această nișă specială a site-ului. În acest articol vom examina mai îndeaproape și vom examina unele dintre aceste tehnici utilizate în prezent.


Introducere


Site-ul Angry Birds este înșelător de simplu, folosind ilustrația pentru a furniza în mod eficient spiritul aplicației lor fără a fi nevoie de un design prea stilizat.

"Unde ne-ar fi fără păsări supărat care să ne permită să lăsăm niște aburi prin aruncarea de animale mici, cu pene în jurul locului?"

Unii oameni pur și simplu nu au putut trăi fără Evernote pentru toate nevoile lor de a lua notițe și cum am putea ști unde este toata lumea fără Foursquare? Unde ne-ar fi fără păsări supărat care să ne permită să lăsăm niște abur prin aruncarea de animale mici, cu pene în jurul locului? Aplicațiile au devenit aproape esențiale pentru viața și viața socială a multor oameni.

Popularitatea aplicațiilor a determinat multe mii dintre aceștia să fie difuzați pe diferitele piețe și, pentru ca fiecare dintre acestea să fie observat, trebuie să se distingă de mulțime și un site web bine conceput este o modalitate de a realiza acest lucru.

Site-urile de aplicații trebuie să efectueze eficient mai multe sarcini diferite. Mai întâi de toate, este absolut esențial ca site-urile de aplicații să fie bine concepute, la fel ca orice site care vinde produse online; deoarece percepția potențialului cumpărător asupra valorii și calității produsului va fi influențată de mediul în care este cuprins. Pe lângă aspectul bun, site-urile de aplicații se așteaptă să comercializeze aplicația, să-și comunice scopul, să-și demonstreze capabilitățile și chiar să-l educe pe cumpărător cu privire la modul de utilizare a aplicației. Unii ar putea chiar să integreze funcțiile de comerț electronic dacă aplicația nu este vândută pe o piață.

Inutil să spunem că poate fi o provocare destul de mare pentru a îndeplini toate aceste cerințe, iar designerii trebuie să găsească modalități creative de a face acest lucru. Apoi vom examina în profunzime câteva caracteristici comune găsite printre site-urile de aplicații care contribuie la succesul acestora. Să începem.


tematică

Site-ul EpicWin App imită tema aplicației lor pe site-ul lor? la maxim. Totul, de la texturi de fond la tipografie, accentuează stilul și tonul aplicației.

O mare majoritate a site-urilor de aplicații aleg să imite tema aplicației pe care o promovează. Utilizarea creativă a imaginilor, culorilor, texturilor și a multor alte elemente permite subiectului aplicației să transceapă aplicația în sine și să permită site-ului să devină o extensie a acestuia. Există numeroase exemple ale acestei metode în acțiune, una evidentă ar fi site-ul pentru aplicația Runda de ceai.

Aplicația Runda de ceai, în cuvintele lor; - rezolvă rapid argumentele bazate pe sete prin decizia cine face ceaiul? Este extrem de evident din designul site-ului că scopul aplicației se învârte în jurul ceaiului?

Folosirea imaginilor, cum ar fi ceainicul, paharul cu pahare pe notă și ceașcă în logo-ul, sunt foarte indicative pentru scopul aplicației. Așa cum am menționat mai devreme, aceasta este o utilizare foarte clară a acestei tehnici, dar poate fi utilizată și mai subtilă, cum ar fi pe site-ul de mai jos.

Acesta este site-ul pentru aplicația Get Galleried, care prezintă exemple de designuri de web de înaltă calitate pentru a oferi utilizatorului o inspirație. De la site-ul în sine - Am pre-populate site-uri de inspirație de la galeriile de design selectate manual pentru tine într-o interfață rapidă, cu gresie ?. Observați modul în care site-ul web utilizează un model de gresie pentru fundalul său - sugerând galeria cu gresie prezentată de aplicație.

Această tehnică de extindere a temei aplicației pe site este o modalitate excelentă de comunicare a naturii aplicației în sine. Sigur, în timp ce va fi totuși necesar să oferiți o explicație a modului în care funcționează exact aplicația, această metodă oferă instantaneu utilizatorului o simțire generală a scopului.

De asemenea, un avantaj suplimentar de a folosi aceleași texturi, culori și elemente de design atât pentru site, cât și pentru aplicație este acela că creează continuitate între cele două platforme, ceea ce va permite utilizatorului să se familiarizeze cu marca și să se simtă mai confortabil utilizând aplicația.


Icoane și butoane

Veți observa că, precum și site-urile web create în jurul temelor, ele sunt, de asemenea, concepute să arate ca o aplicație în sine. Elementele care se găsesc frecvent în aplicații, cum ar fi icoane și butoane, sunt, de asemenea, adesea folosite în proiectarea site-urilor web.

Există două beneficii principale pentru proiectarea site-ului în stilul unei aplicații. Primul beneficiu se referă la punctul de vedere făcut anterior, prin faptul că ajută la crearea unei continuități între site și aplicație. În al doilea rând, este sensibil să credem că o bună parte a vizitatorilor acestor site-uri vor folosi dispozitive sensibile la atingere, cum ar fi iPhone și iPad.

Aplicațiile folosesc elemente de interfață mari și vizuale, cum ar fi pictogramele și butoanele, deoarece acestea sunt mult mai ușor de interacționat atunci când se utilizează dispozitive sensibile la atingere, deci este o practică bună să utilizați asemenea caracteristici și pe site.


Imagini de dispozitiv și imagini

Puteți să discutați cu aplicația dvs. tot ce doriți, să folosiți fiecare superlativ în dicționar și să afirmați că va rezolva toate problemele vieții, dar dacă oamenii nu văd de fapt ce cumpără, vor fi foarte reticenți în a se angaja în orice. Este una dintre multele probleme pe care le au unele persoane atunci când achiziționează produse prin Internet, în special pentru informații electronice cum ar fi cărțile electronice și muzica digitală.

Pentru a rezolva această problemă, imaginile sunt folosite pentru a ajuta cumpărătorul să vizualizeze ceea ce cumpără, cum ar fi imaginile de acoperire a albumelor pe iTunes sau cărți electronice reprezentate ca cărți reale. Este la fel cu aplicațiile; site-urile web vor afișa adesea capturi de ecran ale aplicației afișate pe dispozitive precum iPhones, iPads și monitoare de calculator. Această tehnică nu numai că permite utilizatorului să se familiarizeze cu modul în care va arăta aplicația, ci și că îi va ajuta să vizualizeze aplicația pe propriul dispozitiv, ceea ce ar putea influența decizia lor de cumpărare.

Dacă afirmația "o imagine merită o mie de cuvinte" este adevărată, atunci un videoclip ar trebui să comunice mai multe informații despre produsul dvs. decât ați putea folosi textul. Multe site-uri web ale aplicațiilor au făcut apel la utilizarea unui videoclip pentru a demonstra aplicația și capacitățile sale potențialilor cumpărători.

Demonstrația video pentru aplicația Concentrate este un exemplu excelent. Videoclipul este capabil să demonstreze pe deplin toate caracteristicile aplicației într-un timp relativ scurt. Cu adăugarea de muzică de fundal plăcută și titluri secțiunii scurte; videoclipul este mai distractiv și informațiile sunt mult mai ușor de digerat decât numeroasele linii de text pe care le-ar cere pentru a comunica aceleași informații.


schemă

După cum am discutat, site-urile de aplicații au multe obiective pe care trebuie să le îndeplinească, dar scopul lor principal este de a atrage vizitatorii să cumpere aplicația în sine. Toate site-urile web vor include o formă de link pentru a vă permite să descărcați aplicația, fie prin intermediul unui magazin de aplicații, fie direct de pe site-ul în sine.

Pentru a ajuta site-ul în acest sens, designerii vor crea adesea un aspect simplu, dar eficient, care va ghida utilizatorul prin punctele cheie ale site-ului și, în cele din urmă, la elementul de apel la acțiune (link-ul de descărcare). Mulți aleg să folosească aspectul "Z". Webdesign + editorul Brandon Jones a discutat în prealabil în detaliu aspectul "Z" - este un articol excelent și vă va ajuta să înțelegeți mai bine punctele pe care le discutăm aici.

Să aruncăm o privire asupra modului în care un astfel de aspect este implementat pe un site web pentru aplicații. Vom folosi site-ul pentru aplicația Prospect. Încă o dată, există un tutorial excelent despre Webdesign + privind modul în care sa realizat acest design special. O formă necorespunzătoare "Z" a fost suprapusă pe site pentru a ne ajuta să demonstrăm în continuare punctele noastre.

Veți observa că forma "Z" acoperă diferite puncte de pe site în următoarea ordine:

  • Imagini ale dispozitivului iPhone cu capturi de ecran ale aplicației
  • Sigla / numele aplicației
  • O scurtă descriere a aplicației
  • Butonul de descărcare

Designerul a ales în mod deliberat să plaseze aceste puncte pe calea pe care intenționează să o urmeze utilizatorul. În cazul în care vizitatorul site-ului urma să urmeze într-adevăr calea dorită, acesta va primi mai întâi o indicație timpurie cu privire la scopul site-ului prin utilizarea imaginilor iPhone cu capturi de ecran ale aplicației. Utilizatorul va observa apoi sigla aplicației urmată rapid de un paragraf care descrie pe scurt ceea ce face aplicația.

Acum, că utilizatorul a fost educat cu privire la numeroasele beneficii ale aplicației, împreună cu imaginile atrăgătoare, ajung la un buton convenabil (alături de un preț tentant de scăzut) care le va permite să cumpere aplicația pentru ele însele.

Există o cantitate incredibilă de aplicații disponibile și este o piață foarte competitivă, deci este esențial să vă atrageți atenția utilizatorilor, să vă poziționați beneficiile aplicației și să le ușurați să le cumpere într-un timp scurt , iar aspectul "Z" este perfect pentru acest lucru. Evident, este imposibil să se potrivească toate informațiile din acest spațiu, astfel încât veți găsi adesea că site-urile care implementează acest aspect vor primi mai multe detalii despre modul în care funcționează aplicația mai jos în pagină.

Layout-ul "Z" nu este în niciun caz singurul aspect utilizat de site-urile de aplicații, deoarece există multe altele pentru a alege, dar este foarte eficient atunci când este utilizat corect. Iata cateva exemple de layout "Z" in actiune.

Ia Galleried

Evernote


Pași și puncte bullet

Piața aplicațiilor este saturată și dacă un potențial cumpărător nu este convins rapid de aplicația dvs., puteți garanta că vor putea găsi ceva care se va afla în altă parte. Prin urmare, este esențial să puteți comunica modul în care funcționează aplicația dvs. și beneficiile pe care le va oferi în mod clar și concis.

Utilizarea punctelor cu bullet și a pașilor numerotați reprezintă o metodă eficientă de rupere a informațiilor, deoarece utilizatorii ar putea să nu fie dispuși să citească întreaga paragraf de informații despre cum funcționează.

Site-ul web pentru aplicația Gallerytopia utilizează atât puncte de bullet cât și pași numerotați pentru a comunica informații despre aplicație. Toate beneficiile sunt sintetizate folosind o cantitate mică de puncte de glonț scurte și ușor digerabile. Beneficiile enumerate de aceste puncte se îmbunătățesc și mai mult prin utilizarea simbolurilor vizuale "bifați", aproape ca și când acestea verifică lista cerințelor.

În josul paginii, instrucțiunile despre modul de utilizare a aplicației sunt împărțite în trei etape numerotate. Este foarte frecvent ca site-urile de aplicații să împartă informații despre cum funcționează aplicația sau cum să o folosească într-o cantitate mică de pași numerotați. Acești pași comunică faptul că aplicația este foarte simplă și ușor de folosit, deoarece nimeni nu vrea să cumpere ceva care este complicat?


Mai multe exemple de site-uri de aplicații excelente

Acum, când am văzut câteva dintre caracteristicile site-urilor de aplicații implementate, permiteți să aruncați o privire asupra modului în care unele dintre cele mai bune site-uri web ale aplicațiilor se referă la acest lucru. Mai jos sunt câteva exemple minunate de site-uri de aplicații frumos concepute.

Caleidoscop

Bancnote

bord

concentra

Curier

Evernote

Lucrurile

straturi

Epic Win App


Concluzie

Am discutat multe caracteristici și tehnici diferite găsite în mod frecvent printre site-urile de aplicații și există un obiectiv comun în comparație cu multe dintre aceste caracteristici; și care este de a comunica informații rapid și eficient. A fost recent anunțat că magazinul de aplicații Apple a lovit zece miliarde de descărcări, iar piața crește tot timpul. Site-ul web al oricărei aplicații trebuie să capteze atenția utilizatorului, să comunice beneficiile și să îl facă ușor disponibil într-un interval scurt de timp; în caz contrar există o mulțime de alte opțiuni pentru un cumpărător de aplicații de a alege de la.

În cele din urmă, este demn de menționat faptul că, deși aceste site-uri folosesc multe tehnici pentru a-și atinge obiectivele, aceste caracteristici nu ar fi aproape eficiente dacă nu ar fi fost incluse în astfel de desene frumoase.

Acest articol a discutat câteva caracteristici și tehnici care fac ca site-urile de aplicații să fie eficiente. Există alte caracteristici pe care le-ați observat printre aceste tipuri de site-uri web? Există un site despre aplicații deosebit de bun pe care îl cunoașteți? Vă rugăm să împărtășiți gândurile și comentariile de mai jos!