Jak přizpůsobit UX pro mobily

Takže co s tím má psychologie? Pokud jde o zkušenosti uživatelů, téměř všechno.

Díky tolika typům a velikostem zařízení a mnoha různým způsobům, jak vytvářet webové stránky pro tato zařízení, uživatelský zážitek, který návrhář vytvoří, je to, co určuje celkový úspěch webu a zda se uživatel vrátí.

Co je uživatelská psychologie?

Uživatelská psychologie je věda, za kterou lidé chtějí a potřebují, když navštíví webovou stránku nebo mobilní aplikaci. Psychologie je zakořeněna ve všem, od toho, zda uživatel důvěřuje vaší značce, jak se cítí ve zprávě, kterou se snažíte předat.

A design je velkou součástí toho. Vše od barev, po obrázky až po vzory, jak funguje web může mít dopad tyto pocity a emocionální spojení.

Každý z těchto prvků by měl v konečném důsledku vést k akci uživatele. Většina psychologických učebnic odkazuje na triggery, které způsobují, že lidé jedná a reagují. Tyto spouštěče se vztahují také na návrh webových stránek a dokonce i na mobilní design, kde uživatel téměř vždy musí fyzicky komunikovat s webovými stránkami, aby se něco stalo, jako je například přetahování nebo klepnutí prstů na obrazovce.

Reciprocation: pokud uděláte něco pro uživatele, udělají pro vás něco. (Přihlašují se k odběru bulletinu, dáváte jim zdarma.)
Rámování: uživatelé budou porovnávat věci. (Chci to nebo ono? Většina uživatelů spadá někde uprostřed všech možností.)
Salience: Uživatelé chtějí, co je důležité teď. (To je důvod, proč webové stránky elektronického obchodu přidávají na obrazovce související položky během nákupního zážitku.)
Sociální důkaz: uživatelé se dívají na ostatní, aby viděli, co mají dělat. (Vliv sociálních médií.)
Nedostatek: uživatelé chtějí to, co nemohou mít. (Omezený počet položek.)
Kontrast: Co vyniká v mysli uživatele. (Teorie designu 101.)

Dvě různé uživatelské zkušenosti

Zatímco spouštěče jsou stejné bez ohledu na zařízení, zkušenost uživatele není. Uživatelé si převážně přejí, aby obsah byl stejný bez ohledu na zařízení, ale má různé představy o tom, jak používat a interagovat s tímto obsahem.

Webové stránky pro stolní počítače jsou pro čtení a procházení. Proces čtení a shromažďování informací může vést k akci, ale uživatelé mají často zjevný důvod, proč chodí na web, jako je například práce. Ne všechny tyto zkušenosti jsou založeny na zábavě nebo potěšení a většina z nich nemusí být.

Uživatelé plochy jsou relativně stále ve svých interakcích online. Každá akce se provádí pomocí klávesnice nebo myši. Neexistuje mnoho skutečné fyzické interakce s přístrojem. (Někteří uživatelé se někdy dotýkají obrazovky.)

Uživatelská zkušenost pro mobilní zařízení se výrazně liší. Uživatelé se neustále dotýkají zařízení - krytu a obrazovky. Takže velikost těchto prvků a jejich pocit jsou velmi důležité. Toto použití fyzického dotyku činí navržení prvků na obrazovce obzvláště důležité, protože musí být snadno dotyčné, na rozdíl od verzí desktopů, kde kliknutí myší má vždy stejnou velikost.

Uživatelé mobilních zařízení často přistupují k webům s různými záměry. Zábava nebo dokončení úkolů jsou častější než čtení a výzkumné akce. (Jen si přemýšlejte o tom, jak často vytáhnete telefon, abyste mohli hrát hru v obchodě s potravinami nebo odpovědět na textovou zprávu.)

Fyzické rozdíly také ovlivňují psychologii mobilního designu. Musíte zvážit podmínky osvětlení, velikost zařízení a možnosti dotyku. Jak se budou tyto prvky shromáždit pro skutečného uživatele?

Očekávání uživatelů

Všechno přichází k ústřední otázce: Co chce a očekává mobilní uživatel?

Na rozdíl od webových stránek pro stolní počítače, kde uživatelé očekávají vizuálně dynamickou a poutavou zkušenost, která je poměrně dvojrozměrná, uživatelé mobilů chtějí, aby se všechno cítilo skutečně a žilo v trojrozměrném prostoru.

Uživatelé mobilních zařízení očekávají z rozhraní určité věci:

Každá akce musí být přístupná. (A snadné vidět a klepnout.)
Grafika a obrázky by se měly načíst rychle a nemusí být vůbec součástí mobilního zážitku.
Možnosti musí být kontextové. Uživatelé chtějí vědět, co bude dál a odkud budou moci jít; nepotřebují znát každou možnou možnost.
Webové stránky se musí integrovat se všemi funkcemi mobilních zařízení, jako je mapování, volání a integrace s jinými aplikacemi.
Interakce musí být snadné a musí dodržovat obecně uznávané vzorce. Mobilní uživatelé mají téměř nulovou pozornost. Pokud prvky nefungují poprvé - a bez velkého myšlení nebo vysvětlení - uživatel se ztratí.

Jak jej navrhnout

Vlastní tajemství spočívá v kombinování spouštěčů a očekávání uživatelů; pak navrhněte pro ně. Rozdělíme pár příkladů webů, které to dělají dobře, a jak kombinují spouštěče a očekávání mobilních zařízení za vynikající uživatelskou zkušenost.

Máta

Máta využívá rozhraní typu karty, kde každé pole je prvek, který lze kliknout v návrhu mobilní aplikace, zatímco verze pro stolní počítače obsahuje více odkazů ve stylu kliknutí. Jasná barva a spousta bílého prostoru přispívají k efektivnější mobilní verzi.

Spouštěče: Klíčovým spouštěčům jsou rámování a výstřižky, protože jako bezplatná služba mincovna vás požádá, abyste se přihlásili na časově omezené nabídky založené na věcech, které pravděpodobně myslíte nebo potřebujete, od kreditních karet po pojištění.

Mobilní očekávání: Mincovna se nakládá výjimečně rychle s aktuálním uživatelským datem. Mobilní aplikace snižuje mnoho těžších obrázků, které se objevují na pracovním místě počítače a používá pro jednoduché sledování informací jednoduchý svislý vzorec. Zahrnuje také některé pěkné nástroje UX, jako je například přístup k otisky prstů na iPhone a intuitivní ovládání gestiky pro pohyb mezi prvky.

Destilátor

Destilátor používá citlivý rámec tak, aby obsah vypadal a cítil téměř přesně stejný jak v desktopových, tak v mobilních verzích. Co však dělá web, je maximalizovat potenciál mobilního formátu, s jedinečnými způsoby navigace obsahu.

Spouštěče: Můžete snadno vidět způsob, jakým tyto stránky používají kontrast, aby se vytvořila angažovanost uživatelů. Použití barevného a bílého prostoru v obou variantách webových stránek je navrženo tak, aby vytvářelo vzrušení a podporovalo výzvy k akci. (Stačí se podívat na pestrobarevné knoflíky a prominentní umístění.)

Mobilní očekávání: Distiller využívá spoustu běžně přijímaných vzorů, díky nimž se uživatelé mohou zapojit, s několika jemnými podněty jen v případě, že uživatel potřebuje pomoc. Podívejte se na druhou mobilní obrazovku, například: Elementy ve stylu karty (které jsou každý jedinečný odkaz) lze přetáčet dozadu a dopředu, aby se zobrazil další obsah, a lišta s dotykovým stypem slouží k zobrazení uživatelům, kolik prvků je ponecháno. Navigace je také výrazně zjednodušená a skrytá v ikoně hamburgeru, takže uživatelé nejsou přeplněni volbami a mohou se volně pohybovat na mobilním webu.

Kanál počasí

Kanál počasí poskytuje přesně stejný obsah na svém desktopu a mobilní aplikaci, ale zkušenosti jsou drasticky odlišné. Místo pro stolní počítače má více informací pro čtení a prohlížení, zatímco aplikace se zaměřuje na to, co uživatel potřebuje vědět.

Spouštěče: Salience (uvedené výše) a sociální důkaz jsou velkou součástí toho, co dělá mobilní aplikace Weather Channel odlišná. Otvírací obrazovka je počasí, kdy uživatel v tuto chvíli stojí. S prstem mohou uživatelé hlásit podmínky, podělit se o sociální média a stát se součástí povědomí o povědomí známých značek.

Mobilní očekávání: Aplikace používá moderní, plochý design ve stylu karet, který umožňuje snadné ovládání všech prvků. Neexistuje žádné menu, o němž bychom mluvili, protože celý předpoklad je kontextový a vede uživatele z jednoho prvku k druhému podle jejich možností.

Domino je Pizza

Domino je Pizza udělal velkou, veřejnou dohodu o tom, jak snadné je objednat. A mají pravdu. Zatímco desktop má velmi tradiční pocit, aplikace využívá spoustu nástrojů specifického uživatelského rozhraní pro mobilní zařízení, jako je např. Hlasové uspořádání, pro usnadnění procesu.

Trigery: Reciprocation a rámování jsou klíče k nákupní zkušenosti, s množstvím nabídek a možností z čeho vybírat. Navíc mobilní verze si pamatuje předvolby uživatele, aby proces mnohem jednodušší.

Mobilní očekávání: Zatímco Domino používá některé funkce, které nejsou mezi těmito typy aplikací běžné, vysvětluje se dobře (například ikona pro uspořádání hlasu). Navigace je kontextově sestavena a aplikace je navržena s velkým kontrastem a malými obrázky, které se rychle načítají.

Dnešní show

Dnešní show je určen pro zábavu uživatelů v různých zařízeních. Desktop a citlivé stránky, stejně jako aplikace, vypadají a fungují podobně. Mobilní možnosti jsou zjednodušeny vertikálními hierarchiemi a prvky je snadné sledovat.

Triggery: Stejně jako u mnoha dalších zábavních míst, to je to, co lidi vracejí. Chcete být v poznání s tím, co je horké a trendové a toto je místo, kde je najdete.

Mobilní očekávání: Jedním z nejkrásnějších triků na mobilním webu je to, že se nejprve zeptá uživatele, zda chtějí aplikaci, jako by chtěli říci, "chcete nejlepší zkušenost, kterou nabízíme?" To je skvělý nástroj, který uživatelé očekávají. Aplikaci je snadné najít, protože je to jen jeden klepnutí a uživatelé nemusí jít hledat nic; je to všechno v pořádku před nimi.

Závěr

Většina uživatelů chce a očekává, že nalezne stejný obsah webových stránek bez ohledu na zařízení, ale často chtějí, aby uživatelský zážitek byl přizpůsoben zařízení, které používá.

Toto specifické uživatelské prostředí pomůže zvýšit loajalitu uživatelů a dobré pocity, které většina vlastníků webových stránek doufá, že se o nich uživatelé budou cítit. Jednoduše řečeno, důležitá je dobrá pracovní plocha a zkušenosti a dobrá mobilní zkušenost uživatelů. nemusí to být totéž.

Návrh pro uživatele optimalizací, jak se cítí, používají a komunikují se svými zařízeními.

typografie