Nejlepší postupy pro navigaci na mobilním webu
Způsob, jakým lidé přistupují k informacím online, se vyvíjí. Společnost Google hlásí, že do příštího roku (2013) bude více než polovina návštěv webových stránek pocházet spíše z mobilních zařízení než ze stolních počítačů nebo notebooků.
Nejenže se změní médium pro přístup k síti, ale mění se i potřeby většiny uživatelů mobilních telefonů, kteří jsou online s jejich smartphonem nebo kapesním zařízením; stále více zaměřené a zaměřené na úkoly.
Dnešní majitelé smartphonů používají své telefony k provádění konkrétních úkolů, jako je kontrola umístění destinací, rozvrhy veřejné dopravy a bankovní zůstatky. Zatímco procházení internetu na kapesních zařízeních dochází (zejména když stojíte na opravdu dlouhých linkách nebo čekáte na autobus), mnoho lidí raději surfuje po internetu z pohodlí domova nebo kanceláře.
Prostor na obrazovce je omezen na kapesních zařízeních a mobilní uživatelé jsou zaneprázdněni, často s více úkoly, když vyhledávají informace online jedním palcem nebo prstem.
Z těchto důvodů je navigace na mobilních serverech ještě důležitější než navigace na tradičním webu. Pochopení otázek a potřeb typických návštěvníků stránek, omezení jejich zařízení a co je znemožní, je rozhodující pro efektivní návrh navigace na mobilním webu.
Co se ptají mobilní uživatelé, když se dostanou online?
Compuware Studie z roku 2011 Uživatelé, kteří chtějí z mobilu, zjistili, že 95% uživatelů vyhledává místní informace pomocí svých smartphonů nebo kapesních zařízení. Bylo by proto dobrým příkladem, jak by podniky cihel a malty měly mít přehled o navigaci na svém místě, hodinách a kontaktních informacích na mobilních stránkách.
Dejte se do obuvi typického uživatele webu. Podívejte se na analýzu mobilní komunikace. Zvolte top tři nebo čtyři kategorie, které uživatelé hledají, a vyberte názvy kategorií, které odrážejí nejběžnější vyhledávání.
Pokud se jedná o mobilní stránky pro podnikání s cihly a malty, zobrazte tlačítko pro umístění a kontaktní informace prominentně.
Můžete vždy přidat odkaz na "navštívit naši webovou stránku" a skutečně zainteresovaní se mohou podívat na podrobnější verzi mobilního webu v pohodlí své kanceláře nebo doma s notebookem.
7 Pro celé lidstvo vědí své uživatele.
Navrhování pro jiné prostředí
Kromě parametrů a rozptýlení vnějšího prostředí musí weboví návrháři také při návrhu navigačních prvků vyhodnotit samotná zařízení.
Architekt by nepodporoval přesně stejný návrh budovy pro střední část města, poušť nebo lesy, dobrý webový návrhář zvažuje příležitosti a omezení mobilního prostředí, aby vytvořil nejpoužívanější navigaci pro mobilitu.
Problémem samozřejmě je, že návrhář neví, které zařízení koncový uživatel drží při návštěvě webu, situaci, která může být řešena pomocí reagujících návrhových nástrojů, jako jsou dotazy médií CSS, které řeší problémy týkající se polohy, velikosti a přizpůsobivý obsah. Ať už navrhujete zcela nový mobilní web s použitím citlivého designu nebo přizpůsobením stávajícího webu pro mobilní zařízení, stále existují určité osvědčené postupy, které platí pro navigaci.
Navigační nabídky pro malou obrazovku
Weboví designéři vědí, že mobilní uživatelé se chovají odlišně při přístupu na web na svých smartphonech a kapesních zařízeních než na stolních nebo přenosných počítačích. Nalezení prostoru pro navigaci na malé obrazovce může být složité, ale s trochu pečlivým plánováním je dosažitelná mobilní navigace.
S pouhými čtyřmi navigačními tlačítky a bezkonkurenčně zobrazeným bezplatným rezervačním číslem je mobilní web Loews Hotels uživatelsky přívětivý a snadno navigovatelný.
Nejlepší postup 1: snížení počtu tlačítek nabídky
To může být komplikované při navrhování verze stávajícího webu pro mobilní zařízení, zvláště pak, která má mnoho odkazů v návrhu desktopu. Omezte hlavní navigační tlačítka na pět nebo méně a v případě potřeby přidávejte vnořené nabídky.
Nejlepší postup 2: snížení počtu kohoutků
Udržujte počet činností, které mají být provedeny v mobilním zařízení, na minimum. Čím méně klepnutí a kliknutí zjistíte, co uživatel hledá lépe. Je příliš snadné udělat chybu. Vždy obsahuje tlačítko pro snadné nalezení zpět: nechcete uživateli dále frustrovat.
Osvědčená praxe 3: navigační navigace
Udržujte nejdůležitější navigační prvky nahoře. Mobilní zařízení mají různé velikosti obrazovky, a proto pečlivě zvažte důležitost každé kategorie, protože ty, které jsou dále v seznamu, mohou vyžadovat posouvání na smartphonů s menším počtem obrazovky.
Nejlepší postup 4: stohovatelná tlačítka
Mobilní uživatelé vidí váš web na portrétu místo na šířku, jako na ploše. Přizpůsobte navigaci pro mobilní web tak, že ji budete prezentovat vertikálně. Přečtěte si místo namísto toho. Toto funguje nejlépe pro weby s více než pěti kategoriemi v nabídce a pokud je nepravděpodobné, že budou přidány další kategorie.
Nejlepší postup 5: vnořené menu
Někdy známé jako skládací navigace, je to dobrá volba pro weby, které vyžadují obsah na obrazovce, stejně jako nabídku a ty, které očekávají, že přidá kategorie a položky nabídky.
Optimalizace navigace mobility pro dotykovou obrazovku a drobná tlačítka
Dotykové obrazovky a drobné tlačítka znamenají nové úvahy pro webových designérů. Mobilní uživatelé nemají luxus myší, na kterou lze kliknout, a tak určí malé tlačítko nebo odkaz na nabídku. Jsou na milost svých prstů a palců, což znamená, že směřují k plochám na obrazovce s mnohem menší přesností, než kdyby používali myši, a mohou být snadno frustrovaní, pokud jejich odposlení nedává okamžité výsledky.
Weboví návrháři mohou usnadnit navigaci pro mobilní uživatele přidáním více místa kolem odkazů na nabídky nebo nahrazením odkazů pomocí tlačítek pro kategorie nabídek.
Díky tomu, že je větší, je snazší rychle najít oblast a kliknete na ni malým tlačítkem telefonu, nebo klepnete na ni prstem nebo palcem. Vzhledem k tomu, že průměrný prst vyžaduje oblast, na kterou lze kliknout alespoň 44 x 44 pixelů, může to mít za následek, že tlačítka a navigační oblasti budou zastínit zbytek obsahu na obrazovce. To však může vyhovovat účelu webových stránek a uživatelů, zejména pokud je obsah domovské stránky druhotný k hlavním položkám nabídky.
V ideálním případě by design měl dovolit uživateli dotykové obrazovky, aby v případě potřeby rozšířil navigační tlačítko.
Tipy pro optimalizaci
- Nastavte nabídku v horní nebo dolní části obrazovky v závislosti na hlavním účelu uživatelů webu. Pokud hledají obsah a mohou se posunout, uvedení nabídky dole dává jim další místo, které se dostanete na vaše stránky, místo aby opustily stránky pro vyhledávač nebo konkurenční místo.
- Částečně skryjte nabídku tak, aby obsahovala další obsah na obrazovce, odkrývání celé nabídky, když uživatel klepne. Tím se udržuje menu vpředu a středu, aniž by se odstranil užitečný obsah.
- Umístěte odkaz v horní části obrazovky a přidejte navigační tlačítko dole.
- Vysoká a tenká může být skvělá pro supermodelky, ale v mobilní webové navigaci krátké a široké je krásná. Široká krátká navigace také pomáhá, když máte delší tituly v kategorii - text se hodí lépe.
- Snížení výšky hlavičkových obrázků nebo jejich úplné nahrazení menším logem pro zvýšení navigačního prostoru.
- Udržujte značky a designové problémy konzistentní tím, že věnujete pozornost typografii, barvě a stylu navigačních tlačítek namísto vyčerpání cenného místa s velkou grafikou a obrázky.
- Zkraťte text, zejména na tlačítkách nabídky a názvech kategorií. V některých případech je to extrémně obtížné a vhodnou alternativou je stohovatelné menu s možností více textu na každém řádku.
- Zjednodušte co nejvíce. Odstraňte co nejvíce z domovské stránky, abyste se soustředili pouze na to, že nejčastěji položíte nejčastěji požadované položky.
Mobilní navigační no
Mobilní uživatelé jsou zaneprázdněni, rozrušeni a jsou na cestách. Nechtějí rozmanitost při výběru toho, která tlačítka si vyberou, a nechcete, aby se stali frustrovaní a opustili místo kvůli analýze paralýzy.
Nedávejte jim mnoho možností.
Vyhněte se horizontálnímu rolování a žádnému vznášení se! Posuvná menu mohou být pro mobilní uživatele také frustrující. Ve snaze zjednodušit a zefektivnit navigaci, nemyslete si, že musíte být nudné. Kreativní navigace není špatná věc, ale musí být intuitivní. Uživatel by měl být schopen snadno vidět, kam jít rychle najít informace, které chtějí.
Závěr
Relativní novost mobilních zařízení jako způsobu přístupu na web znamená, že mobilní navigace se neustále vyvíjí, protože různé návrhy jsou vyzkoušeny, vylepšeny nebo zcela vyhozeny.
Co funguje u jedné sady uživatelů na jednom webu, může být katastrofa s jinou stránkou, protože informace, které uživatel hledá, je zcela odlišný. Navíc stejný uživatel přistupuje k různým webům s různými účely: mobilní uživatel, který se dívá na zpravodajské webové stránky na svém telefonu, pravděpodobně chce titulky, nikoliv kontaktní informace; což je přesně to, co chce, když navštíví mobilní web pro svého zubaře nebo kadeřníka.
Zatímco navigační prvky pro mobilní webové stránky se mohou lišit od tradičních webových stránek, účel je stejný: návštěvníci webu mají otázku, když se dostanou online. Kde je obchod? Co se děje ve světě? Jaký je zůstatek bankovního účtu? Skvělá navigace vede uživatele k odpovědím rychle a jednoduše.
Setkáte se s jejich okamžitými potřebami a oni se vrátí, zvyšují návštěvnost webových stránek, učiní vaše klienty spokojenými a vedou k doporučením a více mobilní web design podnikání pro vás.
Jaké přístupy k mobilní navigaci preferujete jako návrháře? Co takhle jako uživatel? Dejte nám vědět v komentářích.
Doporučený snímek / náhled, mobilní internetový obrázek přes Shutterstock.