7 způsobů, jak upravit obsah pro lepší mobilní UX

Začátek skvělého designu začíná obsahem. Aby bylo možné využít hvězdného mobilního UX, může být nutné, aby se jeho obsah podrobil několika úpravám a změnám.

Ale kde začít? Jak by měl být obsah upraven tak, aby hladce fungoval na mobilních zařízeních? Začíná to přemýšlením o tom, jak uživatelé interagují s menšími obrazovkami a jak to ovlivní to, co (a kolik!) Budou chtít přečíst.

1. Jedna myšlenka na obrazovku

Při kolapsu obsahu pro mobilní zařízení se pokuste naplánovat prvky tak, aby na jedné obrazovce existoval jeden. I když se zdá, že telefony opět směřují k větším rozměrům, nemějte v pokušení nahromadit na obrazovce spoustu informací!

Stačí jedna myšlenka na obrazovku. Ještě více a riskujete ohromující uživatele.

Uživatelé mobilních zařízení jsou většinou multi-taskeri. Dívají se na váš web, zatímco mluví s přítelem, zatímco se účastní hry baseballu. Udržováním jednoduchého a přímého sdělení a obsahu máte větší šanci na komunikaci jedné myšlenky.

Ale jak to vypadá? Jedná se o blok textu, obrázků a činných prvků, které jsou spolu svázány. Skupina obsahu by měla požádat uživatele, aby si vybrali jednu možnost: chcete to udělat?

2. Prioritizujte navigaci

Při návštěvě mobilní (responzivní) verze vašeho webu by mělo existovat několik věcí, které uživatelé obvykle dělají nebo které chcete, aby udělali. Ujistěte se, že existuje snadná navigace, která uživatele rychle přivede k těmto prvkům.

Přestože na vašem počítači může fungovat nabídka deseti možností navigace s více úrovněmi, uživatelé mobilních telefonů jsou často více časově stisknutí. Nemají v úmyslu strkat kolem místa, dokud něco nenajdou.

Navigace musí být jednoduchá a efektivní. Pokud si nejste jisti, kde začít, podívejte se na analýzu mobilních uživatelů. Jaké jsou první tři nebo čtyři navštívené stránky? Spadají tyto stránky v souladu s tím, co očekáváte? Našli jste klíčové navigační prvky, abyste mohli odpovídajícím způsobem upravovat mobilní obsah.

3. Mysli jako vyhledávač

Nehrajte algoritmus. Vytvářejte kvalitní obsah, který uživatelé chtějí číst.

Ať už dostanete deset zobrazení stránky denně, nebo miliony, chcete myslet jako vyhledávač, pokud jde o obsah na mobilních zařízeních. Každé slovo, obrázek a kousek obsahu musí být rychlé a prohledatelné. Ale nehrajte algoritmus. Vytvářejte kvalitní obsah, který uživatelé chtějí číst.

Pokud jde o mobil, může to znamenat rozebrání některých prvků obsahu. Například na domovské stránce si vyberte více než tři obrázky, vyberte jednu nejdůležitější fotografii. Nezvažujte svůj mobilní web; rychlosti webu a Wi-Fi se neustále zlepšují, ale někteří uživatelé budou mít problémy s připojením a váš web musí být stále přístupný.

Rychlost mobilních stránek můžete zkontrolovat pomocí tohoto šikovného nástroje od Googlu, který vám pomůže udržet vše v optimálním stavu.

4. Zvětšete text

Menší obrazovky by neměly znamenat menší text . Ve skutečnosti byste měli zvýšit velikost bodů, abyste obsah snáze přečetli a strávili. Prohlédněte si kopii svého těla a rozhodněte se pro velikost, která umožňuje 30 až 40 znaků na řádek. (Toto je asi polovina z toho, co se doporučuje pro plochy.)

Existují i ​​další triky, jak text lépe číst i na malých obrazovkách. Najdete je v předchozím článku Design Shack o tipech pro navrhování lepší mobilní typografie.

5. Napište významnou mikroskopii

Skvělá mikrokopie - text uvnitř prvků, jako jsou tlačítka, může vytvořit nebo rozbít design. Mikroskopie může k designu přidat osobnost a jiskru. Poskytuje také velké množství informací a pomáhá uživatelům najít cestu kolem návrhu.

Zejména v mobilních zařízeních zvažte, zda je mikroskopie trochu větší, než je obvyklé, a vždy ji používejte ve formě, která uživatelům pomůže přesně vědět, co mají dělat.

Přemýšlejte například o běžných problémech, s nimiž se setkáte při platbě za něco v telefonu. Formulář se může rozkládat na více obrazovkách nebo svitcích; vodící mikroskopie může usnadnit vyplnění všeho správně poprvé. (Klíčový komponent při převodu akcí z mobilních uživatelů.)

6. Odstraňte zbytečné efekty pro mobily

Odstraňte vše, co pro mobilní návrhy nepotřebujete.

Spinningové animace a funkce posouvání paralaxy vypadají úžasně na webových stránkách pro počítače, ale mohou zablokovat mobilní verze. Odstraňte vše, co pro mobilní návrhy nepotřebujete. Chcete, aby se vše načítalo rychle a hladce; animace, které mohou nebo nemusí fungovat, se okamžitě ztrácejí v kontaktu s uživatelem.

Další efekt, který můžete odstranit? Efekty přechodu. Neexistuje nic jako stav vznášení pro dotykové akce.

Zjednodušte uživatelské prostředí mobilního telefonu pomocí snadno srozumitelné funkce klepnutí (pro nahrazení kliknutí), která má evidentní zpětnou vazbu. Nechcete, aby se uživatelé ptali, zda došlo k nějaké akci; mělo by to být vždy zřejmé.

7. Přizpůsobte se měřítku

Nic není frustrující než přistání na mobilním responzivním webu, kde je vše malé. Smyslem mobilního designu je zpřístupnit web uživatelům na menších zařízeních. Musíte přizpůsobit obsah této stupnici.

Někdy je přizpůsobení obsahu pouhým přeskupením součástí.

  • Krabice, které byly uspořádány na obrazovce na ploše, mohou být na mobilním zařízení umístěny svisle.
  • Fotografie jsou oříznuty více čtverce nebo svisle na základě dominantní orientace mobilního využití (vertikální).
  • Text je upravován a upraven pro stručnost.
  • Navigace je znovu umístěna a umístěna na jiném místě.
  • Výzvy k akci se dělí na větší prvky téměř velikosti obrazovky.
  • Všechna tlačítka a prvky klepnutí jsou umístěny na snadno přístupných místech podle toho, jak uživatelé drží své telefony.

Závěr

Jste připraveni přehodnotit některé části svého webu? Pokud jste vytvořili citlivý web a předpokládali jste, že vše převede mobilní uživatele, je na čase vyhodnotit mobilní část návrhu. Pravděpodobně existuje prostor pro malé změny obsahu, které mohou skutečně změnit způsob, jakým uživatelé interagují s designem.

Toto je zásadní součást procesu navrhování. Podívejte se na svou analytiku. Jaké procento vaší uživatelské základny přistupuje k návrhu na mobilním zařízení? Pokud neděláte úpravy, aby vyhovovaly jejich potřebám, můžete odcizit velký segment své uživatelské základny, aniž byste je museli urazit.

© Copyright 2024 | computer06.com