První mobilní návrh: Proč je skvělý a proč to naštve

Historicky většina webových designérů a jejich klienti přistoupili nejprve k desktopové straně jakéhokoli projektu, zatímco mobilní část byla ponechána jako sekundární cíl, který bude splněn později. Dokonce se vzestupem responzivního designu, mnozí z nás začínají webem „plné velikosti“ a pracujeme na cestě dolů.

V tomto odvětví však stále roste trend převrátit tento pracovní postup na jeho hlavu a ve skutečnosti začít s mobilními úvahami a poté zpracovat větší verzi pro stolní počítače.

Proč byste někdy přistupovali k projektu tímto způsobem? Jaké jsou výhody a nevýhody této strategie? Čtěte dál a zjistěte to!

Mobilní webový design není nika

Pokud stále máte v hlavě, že mobilní webový design a vývoj aplikací je specializovaným odvětvím, musíte změnit způsob myšlení. Mobil není trend, ani to není budoucnost, je to přítomnost. Nevěříš mi? Zde je několik bláznivých statistik, které byste měli zvážit z Mobithinking:

• Na celém světě existuje přes 1, 2 miliardy uživatelů mobilních webových stránek
• V USA je 25% uživatelů mobilního webu pouze mobilních (k přístupu na web jen zřídka používá plochu)
• Mobilní aplikace byly staženy 10, 9 miliardkrát
• Prodej mobilních zařízení narůstá plošně s více než 85 procenty nových telefonů schopných přístupu k mobilnímu webu

Jedním z nejúčinnějších faktů je druhá položka, která upozorňuje na to, že mnoho uživatelů pravděpodobně uvidí pouze mobilní verzi vašeho webu. To je ohromující odhalení, že?

Více než kdykoli předtím je web něco, co nosíme v našich kapsách, ne něco, co se jen pověsí u stolu nebo dokonce v našich domovech. Jedná se o celosvětový trend, který bude růst jen v následujících letech. Jsi pripraven? Zahrnuje vaše sada profesionálních dovedností vývoj webových aplikací pro všechny důležité platformy nebo pouze pro stolní počítače?

Proč Mobile First?

Kurzy nejsou žádní z lidí, kteří to čtou, až do tohoto bodu se nenaučili nic nového. 500 $ + telefony v kapsách každého, koho znáte, jsou vše, co potřebujete, aby se web vymanil ze svého počítače ve tvaru krabice.

Skutečnost, že mobilní přístup k internetu je populární, mě však téměř nepřesvědčí, že musím prosazovat strategii, která dává mobilní první přednost. Druhou stranou 25% mobilních uživatelů, kteří jsou mobilní, je to, že 75% z nich není! Plocha je stále důležitým médiem, na které nesmíme zapomenout nebo ještě tlačit na zadní hořák. Proč tedy vůbec uvažujeme o cestě první mobilní sítí?

Jedním z hlavních katalyzátorů vzestupu web-prvního designu pro mobilní zařízení bylo oznámení od Erica Schmidta v roce 2010, že Google od nynějška přijme tento přístup a povede: „Myslím, že je to nyní společný projekt všichni z nás učinili z mobilu odpověď na téměř všechno “(zdroj). Proč tato drastická změna v přístupu?

Půvabná degradace vs. progresivní vylepšení

Toto jsou některá hlavní slova z minulých let, která stále ještě umožňují nahlédnout do pojmu mobilní web-první design a proč je důležité zvážit tento koncept.

Půvabná degradace vznikla z potřeby mít konstrukční funkci na co největším počtu prohlížečů a platforem. Designéři a vývojáři chtěli využít nové technologie bez vyloučení uživatelů s nastavením, která neměla podporu. Obecným závěrem bylo vytvořit a posloužit co nejlepšímu zážitku a poté zohlednit každou možnou degradaci a zajistit, aby navzdory jakýmkoli nedostatkům zůstala stránka funkční.

Pokud jde o návrh mobilního webu, znamenalo to, že by se standardní standardní web zmenšil a postupně odstranil obsah a funkce, protože se zmenšil výřez a systém se zjednodušil (bez podpory Flash atd.).

Z tohoto trendu vyvstala nová silná myšlenka: postupné zdokonalování. V této verzi příběhu vystrčíte svou nejlepší nohu vpřed na mobilní platformu a poskytnete uživatelům minimální realitu obrazovky, výpočetní výkon a pluginy třetích stran úžasný zážitek, který vypadá skvěle a funguje perfektně. Jak se objeví potřeba, může být web postupně „vylepšen“ a dokonce i zcela přepracován pro větší platformy s menším omezením.

Proč vyhrává progresivní vylepšení

Na první pohled se tyto dvě metodiky zdají zhruba rovnocenné. Koho zajímá, kde zahájíte proces návrhu, pokud to bude hotovo, že?

Realita situace je však o něco složitější. Když začnete s platformou pro stolní počítače, budete chtít využít všeho, co platforma nabízí. Vytváříte úžasný produkt, který využívá spoustu skvělých technologií, jen aby si uvědomil, že nic z toho se moc nezmění na mobil. To může a vede k vážně oslabeným mobilním produktům, které se cítí spíše jako dodatečná myšlenka než leštěný hotový produkt. Stává se to u každého projektu? Možná ne, ale příběh je pravděpodobně mnohem běžnější, než byste chtěli uvěřit.

Pokud prozkoumáme pracovní postup progresivního vylepšení, výsledkem je spíše jiný příběh. Tady začínáme s projektem, který je super štíhlý a docela působivý. Vzali jste veškerou tuto počáteční energii a vložili ji do vytvoření produktu, který vypadá dobře a funguje dobře i přes mnoho omezení, kterým jste čelili.

Ještě důležitější je, že jste již prošli problémem oříznutí obsahu na jeho nejdůležitější prvky. Nyní, když je čas přenést tento design na plochu, namísto toho, abyste se museli rozhodovat, co snížit a jak zalévat váš produkt, místo toho se rozhodnete, jak jej ještě vylepšit!

Webový obsah: nejlépe se zobrazuje selektivně

Výše uvedený argument na vás přichází z čistě filosofického hlediska, přičemž konečným závěrem je, že výsledek bývá lepší, pokud se přistupuje k mobilnímu přístupu. Pokud chcete za argumentem s trochu více pozorovatelnou podstatou, nehledejte nic jiného, ​​než jak obsloužíte svůj obsah.

Vezmeme-li půvabné hledisko degradace, veškerý obsah (text, obrázky, video, zvuk atd.) Se podává současně s tím, co se považuje za největší platformu. Odtud se účtují mobilní verze, které jednoduše ignorují nebo odstraní většinu tohoto obsahu ze stránky. Problém je však v tom, že již bylo načteno, zda daná platforma to potřebuje nebo ne. Nacházíme se, že obsluhujeme více obsahu, než je nutné na platformě, která je často spojena s nejpomalejšími rychlostmi stahování. Vidíte s tím něco špatného?

Z pohledu mobilního pohledu začínáme načítáním absolutních holých náležitostí na menších platformách. To vede k ušlechtilejšímu zážitku, který zabraňuje zbytečnému zpoždění. Další zdroje jsou striktně načteny podle potřeby na platformy, které s nimi dobře zvládnou.

A co responzivní design?

Jak to všechno zapadá do responzivního designu, dalšího trendu, který přebírá web? Dobrou zprávou je, že tyto dvě strategie nejsou konkurenceschopné. Dalo by se říci, že byly vytvořeny pro sebe.

Citlivý design je založen na konceptu mediálních dotazů, které cílí na konkrétní zařízení a velikosti výřezů. S ohledem na to můžete kódovat svůj počáteční CSS s ohledem na mobilní perspektivu a pak pomocí mediálních dotazů můžete selektivně obsluhovat další styling se zvyšující se velikostí výřezu.

Toto je pravděpodobně opak metody, kterou obvykle používáte s responzivním designem: začněte s velkým a potom snižte. Vzhledem k výše uvedeným argumentům je však za strukturou mediálních dotazů spousta logiky.

Velká tlustá nevýhoda

Hurá pro mobilní web-první web design. Je to největší věc, jak zasáhnout web od The Oatmeal. Tak proč na to nejsem nadšený? Proč, i když se vrhnu na responzivní design, často jsem se naprosto nevyhýbal tématu web-mobilního designu webu?

Hned jsem konfrontován s menší obrazovkou, méně zdroji a spoustou dalších bolestí hlavy.

Odpověď je jednoduchá: není ani zábavná, ani snadná. Jistě reagující design je ošidný, ale umožňuje mi ohnout svaly rozvržení a využít mnoho vestavěných funkcí prohlížeče k provedení několika skvělých výkonů. Díky responzivnímu designu je moje krabička na hračky větší, ne menší.

S prvním mobilním designem jsem však zasažen přes hlavu s omezeními v prvním kroku. To není vůbec žádná zábava! Hned jsem konfrontován s menší obrazovkou, méně zdroji a spoustou dalších bolestí hlavy. Dále to prostě není pohodlné území. Většinu své kariéry v oblasti webdesignu jsem strávil v prostoru na ploše, budoval jsem zkušenosti s pohybem myši a klikáním, nikoliv hroty prstů. Odvedl jsem spoustu mobilní práce, ale nenazval bych to svým silným oblekem.

A co je nejdůležitější, z hlediska přísného designu je pro mě velmi obtížné ponořit se do designu, pokud začínám s mobilem a pracuji na cestě nahoru. Zmínil jsem se o tom v nedávném článku o spoustě „huzzahů“ v komentářích a dokonce jsem slyšel, jak přední melodie zpívají podobnou melodii.

Rising To The Challenge

Pojďme se na chvilku podívat na mé argumenty pro a proti přístupu mobilního designu. V kategorii „pro“ máme přímé a logické argumenty, které je obtížné bagatelizovat. V kategorii „proti“ mám hodně kňučení a osobní váhání. Která strana si myslíte, že vyhraje tuto bitvu?

Musím se vzdát trochu pohodlí ve jménu toho, že jsem lepší designér.

Možná máte nějaké lepší argumenty proti mobilu než já, ale pokud se na to podívám z objektivního hlediska, je zřejmé, že přístup mobilní první je silnějším uchazečem.

To znamená, že se pravděpodobně musím překonat a postavit se výzvě začínajících projektů s mobilním hlediskem. Pokud nejsem pohodlný návrh pro mobilní zařízení, nejprve dobrý, znamená to, že mám prostor pro růst a techniky, které bych se měl učit.

Nakonec, pokud jsou moje důvody pro přijetí přístupu založeného na mobilních zařízeních zaměřené na uživatele a moje důvody proti němu jsou osobní, pak se musím vzdát trochu pohodlí ve jménu toho, že jsem lepší designér.

Co vás drží zpátky?

Nyní víte vše o tom, jak skvělý webový design pro mobilní zařízení je pro vaše uživatele skvělý. Víte, že velké společnosti, jako je Google, přistupují k tomuto přístupu a můžete vidět výhody pracovního postupu prvního mobilního telefonu. Co tě drží zpátky?

Sdílíte můj názor, že mobilní-první je obtížná implementace strategie a souhlasíte s tím, že stačí udělat skok? Nebo vás něco podstatnějšího drží zpátky?