Není překvapením, že nedávná zpráva agentury OSN, Mezinárodní unie pro telekomunikace , předpovídal, že na planetě bude více mobilních odběrů než lidé v příštích 9 měsících. "Revoluce smartphonů" je rozhodně na nás a jako takový mobilní webový design explodoval v posledních letech.
To znamená, že weboví vývojáři se museli seznámit s designem mobilních webů, pokud chtějí konkurovat a dokázat jejich podnikání v budoucnu. S ohledem na tuto skutečnost jsem přišel s nejlepším tipům, které by vývojářům umožnily být výchozím bodem, s tím, že je třeba mít na paměti některé věci.
Rychlý pohled na to, do jaké míry přicházejí mobilní zařízení od představení iPadu, potvrdí, že mobilní technologie jsou rychle se měnící a neustále se měnící průmysl a z tohoto důvodu je moudré zvážit, jak můžete v budoucnu navrhnout design.
To znamená, že udržení krok s nejnovějšími trendy je životně důležité, pokud máte nějakým způsobem zajistit, že stránky budou životaschopné za pár let. Odpovědný design je samozřejmě v pořádku a je pravděpodobné, že to bude součástí vašeho plánu.
I když je jisté, že většina návštěvníků bude mít smartphony, stojí za to zvážit, že ne všichni, a tak budete muset pracovat v designu. Vyhodnoťte cílové publikum ve fázi plánování, abyste se seznámili s běžnými používanými zařízeními a chováním uživatelů.
Mobilní weboví návštěvníci nemusí mít přístup k webovým stránkám na cestách, a to je něco, na co myslet. Často je prohlížení mobilních telefonů prováděno při čekání; ve vlaku, v autě nebo dokonce na pohovce doma.
To znamená, že odstranění návrhu tak, aby bylo příliš zjednodušené, mohlo být kontraproduktivní. Máte-li stránky s holými kosami, které nemají nic společného s obsahem, mohlo by to být mimo publikum, neboť vaše stránky neposkytují nic opravdového využití a nemohou být považovány za nic víc než nadrozměrná bannerová reklama.
Tyto mobilní telefony se v těchto dnech používají stejně jako ploše pro prohlížení internetu stejně tak, že je to nutné vzít v úvahu během procesu návrhu a zajistit, aby vaše stránky byly snadno použitelné a přitom obsahově bohaté.
Optimalizace mobilních webových stránek je také důležitá, zejména pro vstupní stránky, protože to jsou vstupní body na webové stránky. To znamená, že mobilní webové stránky by měly být optimalizovány s ohledem na uživatele, stejně jako vyhledávač, aby poskytli jednoduchou navigaci, jasný text, jednoduché formuláře s jedním kliknutím a relevantní meta informace a jiné tagy.
Velikost souborů by měla být zvážena z hlediska váhy a na vstupních stránkách by měla být zahrnuta silná výzva k akci. Pokud budete muset používat formuláře, udržujte je co nejjednodušší, s co možná nejmenším vstupním polem, aby se uživatel nestal frustrovaný a odešel.
Totéž platí pro akce; udržovat je jednoduché a používat pouze v případě potřeby. Zatímco by bylo hezké mít fantazijní navigační systém, pokud je to nepoužitelné, očekávejte vysokou míru odchodů.
Pokud je třeba použít tlačítka, ujistěte se, že projdou "testem palec", což znamená, že byste měli pohodlně stisknout tlačítko palcem, aniž byste udeřili jiný obsah, který vás může přivodit k nežádoucí stránce.
Optimalizace je něco, co je třeba vzít v úvahu i při budování citlivého webu. Mnoho diskusí se nedávno zuřilo o tom, jak reagující design zpomaluje web a zda to bude v podstatě znamenat zánik reaktivních stránek. Existují však techniky podmíněného načítání, které mohou pomoci urychlit stránky, aby zajistily, že zařízení nebudou automaticky automaticky stahovat plnou verzi webu.
Prostředky CSS a JavaScript by měly být komprimovány a k dispozici je spousta open source softwaru. Například, UglifyJS lze použít s jazykem JavaScript ke kompresi kódu a Kompas mohou být použity k vytvoření čistšího značkování, stejně jako křižovatky a rozšíření bez přílišného úsilí a tvrdé práce.
Při použití citlivé konstrukce je jedním z klíčových věcí, které je třeba na začátku definovat, mřížka a vaše hraniční body. Opět existuje mnoho online nástroje které vám pomohou definovat sloupce a jejich šířku a okapy.
Někteří vývojáři rádi nastavují hranice na základě rozlišení, ale to není opravdu to nejlepší řešení, protože na trhu je tolik mobilních zařízení a rozlišení se časem mění.
To znamená, že hraniční body by měly být založeny na návrhu a obsahu, nikoli na rozlišení. Chcete-li otestovat zarážky a mřížky, můžete během návrhu projektu použít okno prohlížeče a zjistit, jak se chová při změně velikosti obsahu.
V ideálním případě by měl proudit přirozeně a můžete použít tolik zarážky, kolik potřebujete k dosažení tohoto cíle.
Ne všechny mobilní operační systémy jsou vytvořeny stejně, jak víte, takže stojí za to se podívat na pokyny, pokud jde o budování pro Android a iOS, například a prohlížeče, které mohou být použity na nich.
Mějte na paměti, že uživatelé budou procházet různými operačními systémy a někteří budou starší verze, takže je užitečné zajistit, aby byly stránky pro mobily zpětně kompatibilní. Zde je vhodné podívat se na analytiku pro hlavní stránky, pokud je to možné, protože budete schopni zjistit, které zařízení vaše publikum přistupuje k danému webu.
Samozřejmě, při pohledu na analytiku po dokončení stránky vám také pomohou provést potřebné změny a učit se pro budoucnost.
Jak všichni víme, obsah je opět králem internetu, a proto je důležitý plánovací modul. Chování obsahových modulů bude muset být definováno, aby se zajistilo, že se budou zobrazovat tak, jak by měl uživatel navigovat a provádět akce.
To znamená, že se musíte podívat na to, jak se zobrazuje obsah při přepínání mezi obrazovkou počítače a mobilním zařízením, abyste zjistili, jak se moduly budou sbalit a znovu uspořádat.
V tomto ohledu je často mnohem snazší, aby se to ve skutečnosti dostalo do fáze plánování. Vytvořte náčrtek, jak předpokládat zobrazování obsahu a pak se pokuste dosáhnout toho, jak to lze dosáhnout.
Snažte se však, abyste se příliš nezavěšovali na definování všeho. Zatímco vaše hlavní stránky budou potřebovat wireframes, to nemusí nutně znamenat, že každá stránka bude. Vytvoření hlavní sady pro velikost a orientaci obrazovky by mělo stačit.
Postavte nejprve prototyp a důkladně otestujte a ujistěte se, že všechny aspekty fungují, když jedete. Je také moudré udržovat uživatele pevně na paměti při testování a zajistit, aby navigace byla jednoduchá a nejlépe maximálně tři vrstvy. Snažte se najít někoho, kdo není technologicky smýšlející, ale používá různé zařízení, aby otestoval stránky.
Mobilní návrh webových stránek je nezbytnou výzvou, jak se s projektorem seznámit s cílem nabídnout klientovi kompletní služby. Stejně jako mnoho věcí v životě je plánován jeden z nejdůležitějších aspektů, abyste měli jasnou představu o tom, jak jít vpřed.
Účinné plánování a udržování uživatele v mysli pomůže překonat většinu překážek, které pravděpodobně narazíte, a důkladné testování zvedne zbytek. Myslete na rychlé, rychlé a jednoduché, s vynikajícím užitečným obsahem a nemůžete jít příliš daleko.
Doporučený snímek / náhled, mobilní webový obrázek přes Shutterstock.