Design Killer Mobile App spletne strani Nasveti in primeri

Mobilna scena se je eksponentno povečala v zadnjih nekaj letih. IOS App Store skupaj z aplikacijami Android v Googlu Play so postali dve vroči točki za navdušence pametnih telefonov. Z naraščanjem števila uporabnikov pametnih telefonov vidimo na stotine razvijalcev mobilnih aplikacij, ki bodo na trg uvedli nove ideje.

Najbolj priljubljene aplikacije spremlja njihova spletna stran. To je lahko koristno pri trženju in pridobivanju vašega imena tam zunaj. Prav tako je veliko lepši spletni URL kot katerikoli od trgovin App. Menim, da vsaka uspešna mobilna aplikacija skoraj zahteva spletno prisotnost.

V tem članku želim iti čez nekaj najpogostejši trendi oblikovanja spletnih mest za mobilne aplikacije. Za gradnjo takšne postavitve ni strogega pravilnika. Namesto tega obstajajo nekatere edinstvene smernice in trendi, ki so jih oblikovalci spletnih strani ugotovili, da dobro delajo pri pridobivanju občinstva. Skupaj z mojim vodnikom za razvoj iOS lahko sestavite fantastično mobilno aplikacijo in zgradite tudi njeno spletno stran.

Oglejte si te koncepte spodaj in poskusite uporabiti nekaj v svojo postavitev spletne strani aplikacije.

Posnetki zaslona naprave

Staple kos za katero koli spletno stran mobilne aplikacije mora biti screenshots vloge. Obiskovalci se zanimajo samo za vašo aplikacijo in kakšen je hitrejši način za prikaz njenega namena kot s posnetki zaslona? Posnetke naprave lahko namestite v vsak slog postavitve, tako da ni omejevalni dejavnik.

Easy Chef je španska aplikacija iOS, ki uporablja številne posnetke naprav. Zgornji del postavitve ima predogled diaprojekcije različnih pogledov. Ko pa se pomaknete navzdol, boste opazili druge diagrame z zasloni iPhone. Te plošče vključujejo podrobne oznake in povečane, povečane prikaze zaslona. Pisal sem o oblikovanju informativne produktne grafike v starejši pošti.

Še ena zanimiva nastavitev najdete na strani galerije Tweetbot. To je zelo priljubljen odjemalec Twitter za iPhone in razvijalci so sestavili drsno predstavitev screenshotov. Če skušate prihraniti prostor v postavitvi, je to lažja rešitev. Obiskovalci se ne bodo morali pomikati navzdol in iskati določen pogled. jQuery je enostaven za izvajanje in lahko hitro sestavite drsni predogled zaslona iPhone. Morda bo težko vključiti dodatne podrobnosti, vendar jih lahko dodate v drugem razdelku.

Značke App Store

Ta tehnika se zdi tudi zelo neumnostna, ko končate z gradnjo aplikacije. Značke so hitro prepoznane kot povezave za prenos na trg aplikacij. Uporabniki brskalnikov Android in iOS lahko pregledujejo aplikacije neposredno iz svojega brskalnika ali pa se bodo preusmerili, če jih boste videli na pametnem telefonu.

Všeč mi je, da uporabim Instagram kot primer, saj je bila spletna stran posodobljena na novejšo postavitev. Imajo priponke, ki podpirajo Android Marketplace (Google Play) in iOS App Store. Obe znački sta zelo preprosti, a ju je mogoče hitro prepoznati. Če iščete bolj zapletene modele, vam priporočam hitro iskanje. Nadarjeni oblikovalci pogosto delijo svoje konceptne priponke za konstrukcijske kritike.

Mobilne socialne mreže

Facebook in Twitter sta se preusmerila na mobilno, vendar to ni preprečilo drugih omrežij, da bi se pojavili. Vidimo, da socialna omrežja uporabljajo mobilne aplikacije, da omogočijo popolnoma novo platformo komunikacije.

Localmind deluje na konceptu, ki je podoben Foursquare, kjer registrirate račun in začnete preverjati na lokalnih krajih. Lahko pustite vprašanja ali odgovorite na vprašanja drugih ljudi. Njihova spletna stran je zelo prijazna in vabi novince. Še posebej mi je všeč zgornji odsek z napisom, ki je izdelan s prilagojenim ozadjem zemljevida. Njihova uporaba prelivov in teksture ozadja daje spletnemu mestu življenje.

Minimalna izmenjava fotografij

Pose je drugo mobilno omrežje s podobnimi ideali za minimalistično oblikovanje. Mobilno aplikacijo lahko prenesete za naprave iOS in Android. Občutek je podoben občutku weheartit, vendar je za ljubitelje mobilne mode. Celotna aplikacija je osredotočena na modo, lase, ličila in glamur.

Uporabniki lahko fotografirajo svojo obleko, oblačila ali dodatke in jih delijo po omrežju. Ena stvar, ki jo morate opaziti, je, kako hitro lahko brskate po spletni strani. To je enostavno najti blog podjetja, kontaktne podatke, itd. Druge spletne strani aplikacij pogosto spregledajo te korporacijske funkcije, ki so lahko občutljive teme.

Če želite pritegniti pozornost medijev, je pomembno, da vaše spletno mesto izgleda in se počuti kot pravi izdelek za socialno mreženje. Niste samo poskušali prodati aplikacijo (z oglasi ali plačano naročnino), ampak tudi prodajati omrežje. Družabne aplikacije so vsekakor bolj zahtevne kot oblikovanje rednih spletnih mest aplikacij. Vendar pa so tudi pritegnejo veliko več prenosov od uporabnikov in to je razburljivo novo področje za mobilne naprave.

Od skromnih začetkov

Spletni oblikovalci niso vedno sposobni sestaviti nezaslišane grafike in ikone. Na srečo spletne strani aplikacij niso kritične do tega, koliko ste se trudili za Adobe Photoshop. Pravzaprav menim, da lahko minimalizem bolje deluje za ta slog postavitve.

Leef App je na novo izdan Forrst odjemalec za iPhone. Njihova spletna stran vključuje čudovit screenshot aplikacije skupaj z velikim gumbom za prenos. Celotno besedilo strani je poenostavljeno na podoben način kot pisave Apple in barvne sheme.

Kaj naredi spletno stran Leef veliko je iskrena narava vsakega elementa strani. To je očitno in vnaprej z nič skrite ali potisnjene vstran. Priporočam, da poskusite ta slog kot prvo spletno mesto za mobilno aplikacijo, če je kaj za prakso. Veliko se lahko naučite tako, da zmanjšate manjše malenkosti in se osredotočite na to, kaj pritegne pozornost.

Lovely Whitespace

Prav tako briljantno preprosta je spletna stran Wood Camera App. Njihova postavitev ne vsebuje nič drugega kot čisto belo ozadje in osredotočeno vsebino. Ta vsebina vključuje nekatere privzete posnetke zaslona, značko trgovine s programi in nekatere dodatne ključne funkcije.

Če se počutite kot minimalizem in beli prostor sta pomembni za vašo postavitev, potem se držite tega! Lesna kamera ni posebej zapletena spletna stran, vendar je zelo preprosta za navigacijo. Njihova spletna stran ne povezuje niti druge nadomestne vsebine, razen uradne strani razvijalca. To se osredotoča na aplikacijo in na to, kaj lahko ponudi, kar je veliko bolj pomembno kot neokusna grafika. Čeprav to ne pomeni, da je bleščeče umetniško delo slaba ideja - le zahteva pravilno izvajanje.

Pisane ilustracije

Nasprotno minimalističnemu pristopu je delo z edinstvenimi ilustracijami, ki jih popolnoma obožujem. Pogosto bo ta dodatna podrobnost popolnoma prodala aplikacijo. Eden od primerov, ki jih lahko povem, je aplikacija Barista za iPhone. Njihova glava je prepletena z malo vektorskih kapučin in espresso pijač.

Toda opazite, da med premikanjem po strani ni nobenih drugih slik. Ta celoten zgornji del je bil zasnovan posebej za aplikacijo iPhone, podobno a Ciljna stran. Vektorji ujeti oči takoj in tudi namig, da kaj približno app.

Kitchenator je podobna aplikacija iOS, ki pretvarja merske enote za kuhanje in peko. Njihova postavitev glave uporablja bogate lesene teksture, kromiran prt in mini žlice vode. Te podobe namigujejo na namen te aplikacije, še preden jo celo preberete.

Ta stil design dejansko prežema skozi celotno postavitev. Področje noge se ujema s podobnim lesenim ozadjem in veliko enakimi izbirami pisav. To je primer zelo preproste postavitve spletne strani z zelo zmogljivo grafiko.

Spletne strani aplikacij: Premium Showcase

Kateri članek bi bil popoln brez malo sladkarij? Skupaj z zgoraj navedenimi tehnikami sem sestavil tudi to lepo galerijo spletnih mest za mobilne aplikacije; opazite logotip in navigacijske sheme ter URL-je domene. Z učenjem strokovnjakov lahko razumete trende oblikovanja in jih uporabite v svojih projektih.

Bosquet App