Poučení z mobilního webového designu
Vývoj mobilních telefonů je všechnu zuřivost a interaktivní průmysl je ve velkém otřesu, protože na trh přicházejí nespočet tablet a smartphonů.
Vývoj mobilních aplikací získává většinu pozornosti, zatímco mobilní web se poněkud tiše plížil. Ale mobilní web dosahuje pokroku každý den, protože stále více a více vývojářů uvádí na trh mobilní optimalizovaná rozhraní.
Skvělá věc na mobilním webu je to, že je zásadně vybudován všemi stejnými nástroji používanými v tradičním návrhu a vývoji webových stránek.
Díky tomu je mnohem přístupnější než vývoj aplikací. Také mnoho uživatelů bude chtít navštívit webovou stránku společnosti na cestách, aniž by bylo nutně nutné používat plnohodnotnou aplikaci.
Vytváření webových stránek optimalizovaných pro mobilní zařízení je natolik podobné, přesto se liší od návrhu na pracovní plochu. Některé faktory přebírají mnohem významnější roli. Například variace velikosti obrazovky, rozpětí pozornosti uživatelů a problémy s použitelností jsou mnohem kritičtější než kdy jindy.
Stejné problémy se někdy vyskytují na ploše, ale někdy je snadnější přehlédnout. Zde se podíváme na některé lekce, které se dozvíme z optimalizace, která se děje na mobilním webu. Výuka může přímo informovat, jak navrhneme a jak si myslíme o tradičním designu webových stránek a architektuře webových stránek.
Zjednodušená navigace na mobilních webových stránkách
Jedna z prvních věcí, která se objevuje při kopání do mobilních webových stránek, je extrémní zjednodušení navigace. Navigace se nejen stane velmi prominentní a ústřední na mobilních webových stránkách, ale je také docela často často zdobena, aby se soustředila pouze na nejkritičtější prvky.
Zdá se mi úžasné, jak lze navigaci nejvyšší úrovně na většině mobilních webových stránek přenést na dvě až čtyři položky. Samozřejmě, uznávám, že obsah na mobilních webových stránkách je poměrně často optimalizován pro zamýšlené publikum. Například, Pravá církev má šest možností ve své hlavní navigaci, z nichž pouze jeden z nich se dostal do navigace pro mobilní verze ; a ten, který to udělal ("Kontakt"), je zaměřen na celou domovskou stránku.
Obsah, který se do verze pro mobilní zařízení nevyskytl, je ovšem stále zcela relevantní. Mobilní rozhraní je určeno k zachycení lidí, kteří se pokoušejí najít církev, nebo si prohlédnou dobu služby, nebo je jednoduše kontaktovat. To jsou nejpravděpodobnější cíle mobilního surfaře. Ti, kteří zasáhnou celou webovou stránku na stolním počítači, mají pravděpodobné, že budou chtít ty věci, protože chtějí prozkoumat církev, aby zjistili, zda je to místo, kam by chtěli navštívit.
Takže, jaká je lekce? Nevyžadují tato dvě rozhraní zcela odlišné publikum a mají naprosto odlišné účely? Možná, ale z extrémního zaměření mobilního rozhraní se můžeme hodně naučit. Všimněte si, jak je všechno možné, co můžete podniknout? Kostel odstranil všechny navigační prvky, které se cítí jako krabice, aby se zkontrolovaly.
Jedním zajímavým prvkem je volba Navigace "O" na celé webové stránce. Mobilní webové stránky mohou být optimalizovány pro lidi, kteří jsou na cestách, ale není důvod předpokládat, že by neměli zájem o čtení o církvi a jejích přesvědčeních. Někdo mluvil o kostelu s vámi, a tak vás vyzval, abyste se na něj podívali.
Možnost navigace pro tento prvek by měla být změněna. Co když, místo toho, sdělil něco jako: "Co byste o nás měli vědět"? Zatímco trochu dlouhý, odráží užitnější postoj. Obecný "O" kbelíku se cítí jako místo, kde se nacházejí všechny informace, které nikdo nečíst. "Návštěvník průvodce naší církvi" se cítí mnohem užitečnější a cílenější.
Jednoduchost a zaměření mobilního rozhraní ukazuje, že všechno musí mít za cíl získat místo na internetových stránkách. Pokud by se to týkalo i celé webové stránky, nebyli bychom méně náchylní k tomu, abychom ji zaplnili zdánlivě důležitým obsahem a více se snažili zajistit, aby všechno mělo jasnou funkci.
To odráží mentalitu orientovanou na úkoly. Každá možnost vyzývá uživatele, aby podnikl nějaký aktivní krok. Je to, jako by každá pasivní volba byla vyčištěna a omezena na aktivační položky na mobilním webu. To nás vede k další lekci: je velmi orientované na úkoly.
Mobilní webové stránky jsou orientovány na úkoly
S nápadem orientovaným na úkol přehodnoťme celou webovou stránku. Zatímco domovská stránka je krásně navržena, výzva k akci je mnohem méně patrná. Obsah je plný informací, které vás čekají, abyste se rozhodli zajímat.
Například velký banner upozorňující na nadcházející událost mi nedovolí, abych se obrátil na nějaký druh akce; velmi pasivní. S mentalitou orientovanou na úkoly bychom mohli výrazně zlepšit výzvu k akci "Přečtěte si více". To by mohlo být tak jednoduché, jako by se výzva k akci mnohem výraznější; například velké tlačítko v kontrastním oranžové barvě. Navíc může být hovor změněn na možnost "Další informace a registrace".
Dalším příkladem je uvítací zpráva. Oceňuji záměr a poselství, které jsou zde sděleny. Zpráva ukazuje, že skuteční lidé stojí za webovou stránkou a snaží se udělat stránku jako osobní. Ale zase tohle řekneme mentalitou orientovanou na úkoly. Velkým přístupem k tomuto úvodu by byla jasná výzva k akci, která by povzbudila návštěvníky k dalšímu kroku. Koneckonců, jediní lidé, kteří budou číst toto, jsou nově příchozí. Současní členové přeskočí přes to na věci, jako je kalendář událostí. Takže nabídněte uživatelům konverzní bod, jako je "Zeptejte se nás na tvrdou otázku" nebo "Co očekávat, když navštívíte".
Naopak box "Zvláštní host" je fantastický. Řeší klíčové problémy a přiměje lidi, aby kopali hlouběji. Jen se ptám, jestli to může být prominentnějším prvkem stránky. Členové se opět dostanou tam, kam potřebují. takže soustředění na ty, kteří jsou na webových stránkách a v kostele nové, by šlo dlouhou cestu k maximalizaci této příležitosti.
Vím, že tuto webovou stránku skutečně překonávám, ale není to proto, že se jí nelíbí nebo si myslím, že neslouží její funkci. Mým cílem je pouze napadnout naše myšlení a naše předsudky o tom, jak by internetová stránka měla vypadat a co dělat. Já skutečně chválím tuto církev za to, že mám krásnou a funkční webovou stránku s mobilním rozšířením na boot!
Mobilní webové stránky výrazně zmenšují jejich obsah
Dalším zřejmým poučením, které se týkalo posouzení navigace, je to, že mobilní webové stránky neustále zmenšují obsah. Nejen, že je počet možností omezen na hlavní funkce a účel webových stránek, ale kopie je také výrazně snížena.
V některých případech je většina kopie zcela vyloučena! To vyvolává otázku, je tento obsah nutný na plném webu, pokud mobilní verze dobře funguje bez něj? Divi Aruba je to skvělý příklad. Lákavé marketingové mluvy položené nahoře na fotku mohou vypadat jako nutný prvek pro domovskou stránku, ale to bylo nucené na micro mobilní webové stránky .
V mobilní verzi je logo umístěno na vrcholu stejného obrázku, a přesto to ještě přináší přesně stejnou zprávu: pokud chcete jít na nějaké místo jako toto, přečtěte si. Proč nepoužít toto prominentní místo k tomu, aby člověk přivedl k požadované akci? Určitě návrháři vědí, co je nejdůležitějším prvkem pro konverzi návštěvníků na zákazníky. Dejte tyto informace do práce a přimějte lidi k nim s prominentním výzvou k akci, místo toho, aby se na trhu hovořilo načechraný marketing.
Všechno dobré věci, bez chlupů
To nás vede k další lekci: ztratit chmýří. Dalším příkladem je pozitivní důkaz toho. Cestování Tex je cestovní informační stránka pro stav Texasu. Má na mysli jasný účel a publikum. Naštěstí si designéři plně osvojili myšlenku bez chmýří.
Nejen, že mini mobilní webové stránky zaměřit se výhradně na téma v ruce a na klíčové akční body, ale stejně tak plné webové stránky! Jakou úlevu vidíte téměř bez chmýří. Zahrnutí něčeho strašného jako historie Texasu by bylo příliš lákavé. Pokud by lidé chtěli dějiny z historie, nepřijeli by na tomto webu. Budete těžké nalézt obsah, který není relevantní pro jedinečný účel tohoto webu.
Vezměte si zvyk zpochybňovat vše. To je jediný způsob, jak skutečně vařit webové stránky až k jeho kritickým prvkům, což je přesně to, co se děje na dobrém mobilním webu. Jsou provedeny těžké volby a jinak je cenný obsah snížen, aby se zjednodušil web. Zavolejte chmýří za to, co je a nuke to!
Branding je králem na mobilním webu
Jsem o kreativitě na webu. Ve skutečnosti mnohé z největších změn v průmyslu vznikly v důsledku odmítnutí zachovat status quo. Ale je tu čas a místo pro všechno. Tolik designérů používá své úkoly jako záminku k uvolnění svých tvůrčích džusů pro žádný jiný účel než k tomu, aby udělali něco kreativního. To změní webové stránky na návrh pro návrháře, ne pro klienta a jeho potřeby. To je jedna věc, kterou mobilní web varuje spíše odvážně.
Branding je neuvěřitelně konzistentní na mobilním webu a jedním z nejdůslednějších částí je umístění loga. Na mobilních internetových stránkách nenajdete v dolní části žádné bláznivé loga s pevnými póry. Funkce je králem a loga se vždy objevují nahoře. Dokážete si představit, že narazíte na mobilní webové stránky a okamžitě nevidíte logo? Přesto je to samozřejmost na mnoha plných webových stránkách.
Zde je několik webových stránek, které mají minimální a bezvýznamný styl, jsou bohaté na značku, kterou nelze vynechat.
Tato lekce může mít hluboký dopad na to, jak přistupujete k vaší práci a k zásadní hodnotě, kterou přinášíte svým klientům. Pro každého návrháře, který si uvědomuje, že potřeby klienta by měly být jejich celkovým účelem pro projekt, existuje další, kdo chce ukázat světu, jak jsou kreativní a originální.
Stejně jako někdo jiný, kdo se podílí na tvorbě webových stránek, měl by webový designér jednat v poskytování služeb zákazníkům, pomáhat jim v podnikání a zdokonalovat se. S každým prvkem, který umístíte na mobilní webové stránky, se uvažuje o jeho úloze a přínosu, který přinese. Použijte tuto mentalitu ke všemu, co děláte, a brzy se u svého klienta objeví silný spojenec.
Čím více přijímáme potřeby klienta a děláme vše, co je v našich silách, abychom přinesli hodnotu na své webové stránky, tím více se ukáže zásadní posun v naší práci. Půjdeme z budování "skvělých věcí", abychom se podívali na vše z pohledu klienta. Má tato funkce zvýšit svůj zisk? Jak lze návrh změnit, aby se zlepšila jejich podnikání? Pokud je vedlejší produkt vaší práce pro zákazníka více peněz, pak všude najdete příležitost.
Webové stránky bez triků
Jedním z největších úspěchů mobilního webu je úplný nedostatek triků. Abyste byli spravedliví, je čas a místo pro triky na webu. Ve skutečnosti jsem jim věnoval celé části knih. Ale nedostatek triků na mobilních internetových stránkách ukazuje, že tyto zdánlivě skvělé myšlenky nemají žádný skutečný účel.
Všechno, co se děje na mobilních webových stránkách, by mělo projít několika filtry. Je obsah relevantní a naprosto užitečný? Je obsah kritický a slouží k hlavnímu účelu webových stránek? Je internetová stránka snadná a srozumitelná? Je navigace nekonvenční? Pokud ano, je pro funkci webových stránek rozhodující? Odpověď může být ano, ale častěji to bude rozhodující ne.
Některé triky, které jsou v mobilním vývoji zřetelně nepřítomné, jsou úvodní obrazovky, neobvyklá navigace, bezvýznamná animace a interakce, inline rolovací oblasti, zvláštní rozložení a rozvržení s pevnou šířkou. Účinnost mobilního webu je úžasná.
Závěr
Jak můžete vidět, máme z výuky mobilního webu řadu poznatků; zejména jeho schopnost odhalit zbytečné prvky webové stránky. Stejně jako u mnoha věcí v životě, mírná změna perspektivy často otevírá naše oči na skutečnou hodnotu věcí, které jsme již dávno považovali za samozřejmé.
Nenavrhuji, že jsme ztratili z pohledu účelu webu. Spíše navrhuji, abychom přijali mnohem strategičtější mentalitu.
Patrick McNeil je spisovatel, vývojář a designér na volné noze. Zejména se mu líbí psát o designu webu, školení lidí o vývoji webových stránek a vytváření webových stránek. Patrickův nejnovější knižní projekt je Webová příručka designéra ; zahrnuje řadu témat v souladu s tímto článkem. Více o tom můžete zjistit TheWebDesignersIdeaBook.com . Sledujte Patrika na Twitteru @designmeltdown .
Tento příspěvek vám přinesl DudaMobile, a mobilní webové stránky zakládající společnost.
Jaké aspekty mobilního návrhu se pokoušíte přeložit na pracovní plochu? Vidíte v mobilním webu jednoduchost a rychlost?