Najboljše prakse za spletne oblikovalce Responsive Layouts ali Native Apps? [Op-Ed]

Ni mogoče zanikati, da je mobilnost prihodnost. Google potrjuje, da je več iskanj opravljenih na mobilnih napravah kot na namizju, zato je povsem jasno, da bi morale vse spletne strani resnično postati mobilne, če še niso..

Vendar pa je zanimiva dihotomija med vsebino brskalnika prek odzivnih postavitev in vsebine v aplikaciji prek domačih aplikacij.

Želel bi raziskati obe področji in kopati do korena vsake izbire. Kdaj mora spletna stran imeti izvirno aplikacijo v odzivni postavitvi? Ali lahko spletno mesto deluje oboje? To so ključna vprašanja, ki jih je treba zastaviti pri vsakem novem ustvarjalnem projektu danes.

Vrednosti Native App

Večina uporabnikov pametnih telefonov se zanaša na domače aplikacije za svoje najljubše programe. Facebook, Twitter, Instagram in drugi izvajajo lastne aplikacije.

Ker domače aplikacije tečejo v lokalnem operacijskem sistemu, so vse skupaj lažje in lažje upravljati z animacijo, oblikovanjem uporabniškega vmesnika in organizacijo vsebin. Native aplikacije sledijo smernicam uporabniškega vmesnika in jim zagotavljajo doslednost in naravno predpostavko. Uporabniki pogosto samo vedo, kako uporabljati drsne menije in tabulatorske vrstice.

Veliko večjih izdajateljev ima aplikacije v Trgovini iOS in Trgovini Google Play, ki zajemajo spletne dnevnike, spletne aplikacije in družbena omrežja. Ampak pošteno je reči velikih mestih kot Facebook in Twitter dobite večjo vrednost od domačih aplikacij kot manjših mest.

V tej razpravi so strokovna mnenja in glavne publikacije, ki ponujajo svoja stališča. To je tema, ki je vroče razpravljana za oblikovalce in kreativne agencije.

Dejstvo pa je, da so domači programi koristni in cenjeni s strani končnih uporabnikov. Edina spremenljivka je odločitev, ali bi vaše spletno mesto lahko delovalo bolje kot mobilna aplikacija, ali če bi uporabniki celo želeli.

Popolnoma odzivne spletne strani: za in proti

V splošnem kontekstu je odzivno oblikovanje spletnih strani vedno dobra stvar. Spletni oblikovalci ne izgubljajo ničesar, ker svoje postavitve popolnoma odzivajo in so prilagodljivi na kateri koli zaslon.

Toda v kontekstu domorodnih aplikacij obstaja nekaj pomislekov. Prvič odzivna spletna mesta so omejena na mehanizem upodabljanja brskalnika. Na pametnih telefonih to pomeni omejeno animacijo, brez Flash-a in odvisnost od brskalnika.

Native aplikacije lahko uporabljajo ključne funkcije pametnega telefona ali tabličnega računalnika. Animacijske knjižnice so mnogo močnejše kot v CSS ali JS v brskalniku.

Enako velja za vhodne elemente v obrazcih, skupaj z prenos podatkov in varnostna vprašanja. Mnogi ljudje raje uporabljajo aplikacijo Pinterest preko spletne strani Pinterest. Enako velja za Flipboard, Dropbox, Feedly, Gmail ali katero koli drugo pomembno spletno storitev.

Ampak naj te spletne strani ne nudijo odzivno postavitev? Obstajajo tri možnosti:

1. Uporabnike mobilnega spleta prisilite, da prenesejo domačo aplikacijo
2. Ponudite mobilno spletno postavitev z neobvezno povezavo do izvirne aplikacije
3. Samo postavite mobilno spletno postavitev ločeno od domače aplikacije

Flipboard se ujema z drugo možnostjo tako, da na vrhu vsake strani postavite pasico. V brskalnik Mobile Safari se lahko prijavite za račun Flipboard. Vendar je aplikacija veliko lažja, hitrejša in bolj intuitivna.

Spletno mesto ZDNet ne omenja svoje mobilne aplikacije med obiskom na Mobile Safariju. Deluje tako kot tipična odzivna postavitev z novicami in objavljenimi objavami.

Razlika v uporabniški izkušnji. Ugotovite, kaj je najbolje za uporabnike in merilnik, od koder prihaja večina prometa.

Zapomni si to mobilne aplikacije potrebujejo čas za načrtovanje in programiranje. Pogosto potrebujejo več dela kot ustvarjanje spletne strani. Če želite aplikacijo za vaše spletno mesto, se prepričajte, da dopolnjuje vašo odzivno postavitev dovolj, da zagotovi resnično vrednost.

Prva namizja ali Mobile-First?

Pri načrtovanju za splet morate začeti z najširšo širino ali najmanjšo širino? To je vprašanje, ki ga pogosto zastavljajo tudi samostojni in velike kreativne agencije.

Zelo priljubljeno mnenje je prvi pristop, ki ga je populariziral knjiga Luka Wroblewskega. Ta metoda upošteva postopno izboljšanje ki se začne z osnovami in povečuje funkcionalnost okolij, ki ga lahko obdelajo.

Druga možnost je, da se drugi oblikovalci nagibajo k namiznemu pristopu, od katerega niha “mobilni” do “tudi mobilni”.

Ta strategija deluje tako, da najprej načrtujete vse funkcije, ki jih želite na polnem monitorju. Nato s te zamisli postopoma zmanjšate funkcije, določite prekinitvene točke in sčasoma dosežete najmanjšo postavitev pametnih telefonov.

Je tukaj pravilen odgovor? Če se odzivne postavitve začnejo z najmanjšimi zasloni, ali pa je najprej mobilni, zastareli koncept?

Edina slaba stran pri izbiri enega nad drugo je potencialno manjkajoče funkcije. Lahko začnete z mobilnim izpustite funkcije ali jih pozabite dodati pri večjih resolucijah. Začenši z namizjem lahko oblikujete postavitve se počutite preveč natrpanih na mobilnem.

Vendar nobeden ni pravilen ali napačen. Izberite najboljši način dela. Samo ne bojte se, da bi naredili velike spremembe, če bi lahko izboljšali obliko.

Najboljše iz obeh svetov

Izgradnja popolnoma odzivnega spletnega mesta, ki deluje na katerem koli zaslonu, bo verjetno zasitilo večino bralcev. Torej, če že imate odzivno postavitev, bi se sploh trudili z mobilno aplikacijo?

Kot je bilo ugotovljeno v tem velikem delu, ki ga je izvedel Modo Labs, je odgovor na to uporabniško izkušnjo. Ni absolutnega dokončnega odgovora. Gre za to, katera metoda ponuja najboljšo obliko porabe projekt na mobilni napravi. Bi vaši uporabniki želeli mobilno aplikacijo? Ali je spletna stran več kot dovolj?

Tehnološki blog z novicami TechCrunch ima odzivno postavitev in brezplačno mobilno aplikacijo. Njihova spletna stran je pred kratkim zajela zgodbo, ki potrjuje, da ljudje v ZDA preživijo več časa v aplikacijah kot gledanje televizije.

Kaj pa, če nekdo poveže na TechCrunch na Twitterju? Če nekdo klikne to povezavo na svojem iPhone-u, bo odprl Mobile Safari, ker je to povezava HTTP. To je, če odzivno postavitev pride v priročno, ker ne vsak želi vaše aplikacije.

Odobreni, nekateri uporabniki še vedno želijo obiskati vaše spletno mesto in morda želijo obiskati, ne da bi bili prisiljeni prenesti aplikacijo, brezplačno ali kako drugače.

Delo na osnovi vsakega projekta

Najboljši odgovor za odzivno vs domačo razpravo app je, da oceni vsak projekt in odloči, kaj je najbolje za vsak primer posebej.

Po mojih izkušnjah bi to trdil socialne mreže in interaktivne spletne strani najbolj koristijo domače aplikacije. Android in iOS imata velike okvire za izdelavo aplikacij, ki se lahko povežejo v API-je, pošiljajo poizvedbe v bazi podatkov in delujejo čistejše od spletne strani.

Uporabniški uporabniški vmesniki aplikacij se prikazujejo kot programska oprema, zato vam ni treba skrbeti za lastnosti CSS ali omejitve brskalnika. To je za platforme, ki potrebujejo uporabnike, da se prijavijo in izvedejo podrobne interakcije.

Toda splošne poslovne spletne strani, kot so restavracije, običajno najbolje delujejo samo z odzivnimi postavitvami - zlasti glede na obseg dela, potrebnega za izgradnjo domače aplikacije.

Spletni dnevniki in digitalne revije so nekako sivo območje. Native aplikacije delujejo dobro za nekatere, vendar za druge niso potrebne. Na splošno je odvisno od vašega velikosti trga in občinstva (tj. tehnološko zdrave osebe).

Ob uvedbi nove internetne publikacije je treba veliko razmisliti. Če ste šele začeli, priporočam, da najprej zgradite samo spletno mesto. Od tam bo lažje zaključiti, ali bi bila domača aplikacija vredna truda.

Zavijanje

Ne bi smelo reči tega vsak sodobna spletna stran koristi od odzivnosti. Ne glede na to, ali želite izdelati izvirno aplikacijo ali ne, mora biti postavitev vašega spletnega mesta odzivna in prilagodljiva na katero koli velikost zaslona. Ni slabosti in zagotavlja stabilno ciljno stran za mobilne uporabnike, ki so v porastu.

Nekatere spletne strani lahko mobilnim obiskovalcem ponudijo povezavo za prenos aplikacije. Te so lahko produktivne in uporabne za trženje mobilne platforme vašega spletnega mesta. Ampak včasih je vredno ponuditi to namesto mandata.

Če je mogoče, zberite povratne informacije uporabnikov in ocenite mnenja v mobilni aplikaciji. Poskusite izvedeti, kaj vaši obiskovalci dejansko mislijo o domači mobilni aplikaciji in svoje odločitve opirajo na nadaljnje raziskave.