Nejlepší postupy pro webové designéry reagovat rozvržení nebo nativní aplikace? [Op-Ed]

Není pochyb, že mobilní telefon je budoucnost. Společnost Google potvrzuje, že více vyhledávání je prováděno na mobilním počítači než na ploše..

Existuje však zajímavá dichotomie mezi obsahem v prohlížeči a citlivým rozvržením a obsahem v aplikaci prostřednictvím nativních aplikací.

Chtěl bych prozkoumat obě oblasti a kopat do kořene každé volby. Kdy by měla webová stránka jít s nativní aplikací přes citlivé rozvržení? Mohl by web běžet oba? To jsou zásadní otázky, které by měly být položeny s každým novým kreativním projektem dnes.

Hodnoty nativní aplikace

Většina uživatelů smartphonů se spoléhá na nativní aplikace pro své oblíbené programy. Facebook, Twitter, Instagram a další provozují vlastní nativní aplikace.

Protože nativní aplikace běží na lokálním operačním systému, jsou to celé hladší a snazší ovládání, pokud jde o animaci, design uživatelského rozhraní a organizaci obsahu. Nativní aplikace následují pokyny UI, které je udržují konzistentní a přirozeně předpokladové. Uživatelé často jen vědí, jak používat posuvné nabídky a panely karet.

Mnozí významní vydavatelé mají aplikace v obchodě iOS Store a v obchodě Google Play, které pokrývají blogy, webové servery a sociální sítě. Ale je fér říct velkých lokalitách jako Facebook a Twitter získat vyšší hodnotu z nativních aplikací než menších stránek.

Tato rozprava má odborné názory a hlavní publikace, které nabízejí jejich názory. Jedná se o hotly diskutované téma jak pro designéry a kreativní agentury.

Faktem však zůstává, že nativní aplikace jsou užitečnými a oceňovanými koncovými uživateli. Jediná proměnná je rozhodování, zda vaše webové stránky mohou fungovat lépe jako mobilní aplikace, nebo pokud by to uživatelé chtěli.

Plně citlivé webové stránky: Klady a zápory

V obecném kontextu je responzivní web design vždy dobrá věc. Weboví designéři neztrácejí nic tím, že jejich rozložení plně reagují a jsou poddajné pro jakoukoliv obrazovku.

Ale v kontextu nativních aplikací existují některé úvahy. Za prvé citlivé webové stránky jsou omezeny na vykreslovací engine prohlížeče. Na smartphonech to znamená omezenou animaci, žádný Flash a spoléhání se na renderovací engine prohlížeče.

Nativní aplikace mohou používat základní funkce smartphonu nebo tabletu. Knihovny animace jsou nativně mocnější než prohlížeč CSS nebo JS.

Totéž platí pro vstupní prvky ve formách, spolu s a bezpečnosti. Mnoho lidí dává přednost aplikaci Pinterest na webových stránkách Pinterestu. Totéž platí pro Flipboard, Dropbox, Feedly, Gmail nebo jiné důležité webové služby.

Ale měly by tyto webové stránky ne nabídnout citlivé rozvržení? Existují tři možnosti:

1. Nutí mobilní uživatele webu stáhnout nativní aplikaci
2. Nabídněte mobilní webové rozložení s volitelným odkazem na nativní aplikaci
3. Stačí spustit mobilní webové rozložení oddělené od nativní aplikace

Flipboard jde s druhou možností umístěním banneru v horní části každé stránky. Můžete se přihlásit k účtu Flipboard přímo v prohlížeči Mobile Safari. Aplikace je však mnohem snazší, rychlejší a intuitivnější.

Zpravodajské stránky ZDNet se ani nezmiňují o své mobilní aplikaci při návštěvě na Mobile Safari. Funguje stejně jako typické rozvržení s novinkami a oblíbenými příspěvky.

Rozdíl spočívá ve zkušenostech uživatelů. Určete, co je pro uživatele a uživatele nejlepší z nichž pochází většina provozu.

Pamatuj si to mobilní aplikace vyžadují čas pro návrh a programování. Oni často vyžadují více práce než budování webových stránek. Pokud chcete aplikaci pro vaše stránky, ujistěte se, že doplňuje vaše citlivé rozložení dostatečně poskytnout skutečnou hodnotu.

Desktop-First nebo Mobile-First?

Při návrhu pro web byste měli začít s nejširší šířkou nebo nejmenší šířkou? Je to otázka, kterou dostanou na svobodu i velké tvůrčí agentury dost často.

Velmi populárním názorem je mobilní přístup, který byl popularizován knihou Lukáše Wroblewského. Tato metoda zvažuje progresivní vylepšení který začíná od základů a zvyšuje funkčnost pro prostředí, která to zvládnou.

Alternativně se ostatní designéři naklánějí k desktopovému přístupu, který osciluje z “mobilní” na “mobilní”.

Tato strategie funguje tak, že nejprve naplánujete všechny funkce, které chcete na stolním monitoru plné velikosti. Pak se z této myšlenky postupně zmenšíte funkce, definujete zarážky a nakonec se dostanete do nejmenšího rozvržení pro smartphony.

Je tady správná odpověď? Měli by reagovat rozložení s nejmenšími obrazovkami, nebo je to pojetí zastaralé?

Jediná nevýhoda výběru jeden přes druhého je potenciálně chybějící funkce. Můžete začít s mobilním telefonem vynechat funkce nebo zapomenout přidat je ve větších rozlišeních. Počínaje pracovní plochou můžete navrhnout rozvržení, která cítit se příliš mobilní na mobil.

Ani jeden však není správný nebo špatný. Vyberte si pracovní postup, který vám nejlépe vyhovuje. Jen se nebojte udělat velké změny, pokud by mohly vylepšit design.

Nejlepší z obou světů

Budování plně citlivé webové stránky, která běží na libovolné obrazovce bude pravděpodobně uspokojit většinu čtenářů. Takže pokud již máte citlivé rozvržení, měli byste se obtěžovat s mobilní aplikací?

Jak se v tomto skvělém díle objevilo v Modo Labs, odpověď zní uživatelská zkušenost. Neexistuje absolutní definitivní odpověď. Je to o tom, která metoda nabízí nejlepší formu spotřeby projektu na mobilním zařízení. Chtěli by vaši uživatelé mobilní aplikaci? Nebo je web více než dost?

Tech novinky blog TechCrunch má citlivé rozvržení a mobilní aplikace zdarma, a to jak z dobrého důvodu. Jejich stránky nedávno pokryly příběh potvrzující, že lidé v USA tráví více času v aplikacích než sledování televize.

Ale co když někdo odkazy na TechCrunch na Twitteru? Pokud někdo klikne, že odkaz na jejich iPhone se chystá otevřít Mobile Safari, protože je to HTTP odkaz. To je místo, kde citlivé rozložení přichází vhod, protože ne každý chce vaši aplikaci.

Je pravda, že někteří uživatelé stále chtějí navštívit vaše stránky a mohou dávat přednost návštěvě, aniž by byli nuceni stahovat aplikaci zdarma nebo jinak.

Práce na základě projektu

Nejlepší odpovědí pro responzivní vs nativní debatu o aplikaci je každého projektu a rozhodnout, co je nejlepší v jednotlivých případech.

Z mé zkušenosti bych to tvrdil sociální sítě a interaktivní webové stránky těží z nativních aplikací. Android i iOS mají velké rámce pro vytváření aplikací, které se mohou připojit do rozhraní API, odesílat databázové dotazy a čistit funkce než webová stránka..

A nativní uživatelské aplikace se vykreslují jako software, takže se nemusíte starat o vlastnosti CSS nebo omezení prohlížeče. Tohle je pro platformy, které potřebují uživatele k přihlášení a provádění podrobných interakcí.

Obecné obchodní webové stránky, jako jsou restaurace, však obvykle fungují nejlépe jen s citlivým rozvržením - zejména s ohledem na množství práce, kterou je třeba k vytvoření nativní aplikace..

Blogy a digitální časopisy jsou poněkud šedé oblasti. Nativní aplikace fungují dobře pro některé, ale nejsou potřebné pro ostatní. Obecně záleží na vašem trhu a publika (tj. tech-důvtipní lidé).

Při spuštění nové internetové publikace je třeba zvážit. Pokud právě začínáte, doporučil bych nejprve vytvořit webovou stránku. Odtud to bude snazší uzavřít, zda nativní aplikace stojí za námahu.

Balení

Mělo by to jít bez povšimnutí každý moderní webové stránky těží z vnímavosti. Ať už chcete vytvořit nativní aplikaci nebo ne, rozvržení stránek by mělo být citlivé a poddajné pro libovolnou velikost obrazovky. Neexistuje žádná nevýhoda a poskytuje stabilní vstupní stránku pro mobilní uživatele, kteří jsou na vzestupu.

Některé webové stránky mohou nabídnout odkaz ke stažení aplikací pro mobilní návštěvníky. Ty mohou být produktivní a užitečné pro marketing mobilní webové stránky vašeho webu. Ale někdy to stojí za to nabídnout spíše než jako mandát.

Shromážděte zpětnou vazbu uživatelů, pokud je to možné, a změřte názory na mobilní aplikaci. Pokuste se zjistit, co si vaši návštěvníci skutečně myslí o nativní mobilní aplikaci a své rozhodnutí založte na dalším výzkumu.