Už nestačí jednoduše ujistit se, že váš webový obsah se hodí na malou obrazovku. Google tento precedens posílil aktualizace jeho algoritmu zdůraznit důležitost pečlivě plánovaných a dobře provedených reakcí na mobilních telefonech.

A to má smysl: Vaši diváci nepotřebují veškeré funkce plochy na mobilním zařízení. Ve skutečnosti mohou chtít odstranit nějaký obsah a funkčnost, když jsou na menší obrazovce. Koneckonců nikdo nechce třídit stránky obsahu pouze proto, aby našel telefonní číslo vaší společnosti. To je chybějící stavební kámen ve spoustě firemních nadací pro tvorbu webových stránek: skutečná adaptivita.

Jednoduché zablokování vašeho webu do verze, která odpovídá mobilnímu zařízení, nestačí. Je třeba pečlivě zkontrolovat kompletní uživatelský zážitek a jak by měl být změněn tak, aby se přizpůsobil různým prostředím, ve kterých se nachází.

Problém s citlivým designem

57% uživatelů mobilních zařízení nedoporučuje podnikům se špatným designem mobilních webů a 48% říká že podniky s mobilními weby, které nefungují správně, vypadají, že nejsou pečující.

Existuje několik problémových oblastí, se kterými se většina společností setkává s citlivými webovými stránkami:

Umístění obrázku

Dřívější procesy návrhu diktují, že klient schválí statické snímky a screenshoty před vývojovou fází. Dnes je design více zaměřen na přeskupení prvků pro různé rozměry zařízení a mnohem méně zaměřené na umístění statických obrazů.

Squeeze obrazovky

Zobrazování dat na malé obrazovce často ztěžuje vidět nebo číst obsah, zejména tabulky informací. The W3C skutečně povzbuzuje značky, aby zvolily jinou metodu než tabulky a karty k prezentaci dat; složité uživatelské rozhraní jednoduše obsahují příliš mnoho informací pro manipulaci s mobilními zařízeními.

Perspektivní posun

Především problém s citlivým designem je prostě záležitostí perspektiv zákazníků a perspektiv společností. Bohužel, většina firem se obvykle ptá sami sebe, co chtějí říct svým zákazníkům, než jakým způsobem chtějí jejich zákazníci nahlížet a komunikovat s těmito informacemi.

Například, zatímco registrační pracovní postupy jsou obecně nejdůležitějším aspektem webového návrhu, jsou často nízkou prioritou. Je to proto, že podniky myslí více na funkčnost, kterou chtějí zákazníci vidět, než logický vstupní bod a primární pracovní postup, který zákazníci hledají.

Jednoduše řečeno, reagující design není konečným řešením pro to, aby uživatelé poskytovali co potřebují z webových stránek; stále zůstává hodně žádoucí.

Aktualizovat odpověď nebo upgradovat na adaptivní?

Pokud jde o návrh webových stránek, klíčové konverzace značek musí mít vřele do konceptu reagující vs. adaptivní webové stránky.

Odpovídající přístup přebírá aktuální stránky a přizpůsobuje je různým velikostem obrazovky, zatímco adaptivní přístup ve skutečnosti mění obsah a funguje na základě velikosti obrazovky.

Odpovědný návrh webových stránek předpokládá, že váš obsah a funkce by měly být stejné ve všech zařízeních - ale to nemusí být pravda

Obecně se obraciám na více adaptivní metody návrhu webových stránek, na rozdíl od jednoduše stohování obsahu, z jednoho důležitého důvodu: Odpovědný webový design předpokládá, že váš obsah a funkčnost by měly být stejné ve všech zařízeních - ale to nemusí být nutně pravda. Klíčem je přizpůsobit se obsahu obsahu případu použití a kontextu, ve kterém se uživatelé dívají na vaše webové stránky.

Například řekněme, že navrhujete odpovědíhodné místo pro značku ve spotřebitelském baleném zboží nebo dárkovém průmyslu. Propagace a nabídky stránek pro tyto typy webů obecně obdrží nejvíce online provoz. Lidé se zřídka dívají na detaily o výrobku, ale když to udělají, skvělý způsob, jak zvýraznit tyto podrobnosti, je ukázat, jak se porovnávají s ostatními položkami. S ohledem na to byste měli na produktových stránkách umístit vizualizaci produktu a vzdělávací obsah, abyste mohli spotřebitelům pomoci pochopit, jak používat a zabývat se vaším produktem.

V případě spotřebitelského baleného zboží se chcete seznámit se svými zákazníky a určit, zda jsou před, v nebo po skladování. Budete muset vytvořit jinou zkušenost v závislosti na tom, kde je zákazník na cestě k nákupu.

Zde je krátký rozpis každé cesty:

  1. Před obchodem: lidé, kteří jsou před obchodem, se pravděpodobně dostanou na stránky prostřednictvím sociálních médií nebo reklamy a pravděpodobně budou hledat kupony, nabídky nebo recepty (v případě jídla).
  2. V obchodech: Jakmile jsou v obchodech, pravděpodobně hledají kupony, recenze nebo srovnání cen s jinými prodejci.
  3. Post-store: Když jsou po uložení, pravděpodobně hledají značkový obsah.

Vědět, kde jsou zákazníci na cestě k nákupu, vám umožní navrhnout stránky způsobem, který splňuje tyto potřeby a další.

Přizpůsobivý design umožňuje zákazníkovi mít vlastní zkušenosti ... založené na zařízení, které používá

Především se musíte dostat do bot zákazníků. Například obchoduji s obchodníkem Joe každý týden. Bylo by hezké, kdybych mohl předem naplánovat své jídlo z notebooku a propojit tento plán s mým nákupním zážitkem. Jinými slovy, mohu místu říct, co chci udělat pro snídani, oběd nebo večeři. Místo by mi pak řeklo všechny výrobky, které bych potřeboval, abych si připravil ty pokrmy a vytvořil pro mě mapovaný seznam, takže bych věděl, jaké uličky se dostanou do obchodu. Jediné, co musím udělat, je vytáhnout telefon.

Přizpůsobivý design umožňuje zákazníkovi přizpůsobený zážitek, například na základě zařízení, které používá.

Optimalizujte zážitek zákazníků tím, že přizpůsobíte návrh a informace zařízení. Pokud například váš zákazník hledá na smartphonu, zadejte své telefonní číslo prominentní a interaktivní, aby mohl snadno volat. Je spotřebitel na notebooku? Možná je spíše důležité předvést informace o produktech. Zjistěte, jaká je vaše potřeby zákazníka na základě použitého zařízení a poskytněte tak zkušenost.

Musíte se podívat na své stránky z pohledu uživatelů - bez ohledu na to, na které zařízení se to setká. Pokud vaši zákazníci vytáhnou své telefony, aby vyhledali vaše podnikání, měli byste být připraveni jim pomoci najít to, co potřebují, s co nejlepším designem a funkčností. Pokud to neučiníte jednoduchým a bezproblémovým, podniknou se jen někde jinde.

Doporučený obrázek, mobilní obraz UX přes Shutterstock.