Vezměte UX do další úrovně přidáním 'Delight'
Webové stránky jsou postaveny tak, aby fungovaly a komunikovaly s jejich uživateli. Kromě toho mohou být webové stránky také zajímavé, zábavné a zábavné.
Přidání vizuálního zájmu na web pomáhá udržet naši angažovanost s ním, ať už se jedná o typografii, grafiku nebo fotografii. Domnívám se však, že existuje i potenciál interaktivních prvků, které poskytují vizuální stimulaci a zpětnou vazbu, dokonce potěší uživatele. V tomto článku budeme argumentovat tím, že přidání některých efektů, které mohou uživatelům bavit, překvapit a vzrušit, mohou zlepšit vaše webové stránky a aplikace a udržet uživatele vracející se.
Rozkoš
Návrh webových stránek je často suché téma, které je naloženo jargonem UX a uživatelskými cestami informační architektury. Ale proč by se na cestě neměla nějaká zábava? Přidání potěšení na stránky je skvělý způsob, jak vytvořit stránky nejen lidské, ale i jedinečné.
Chystám se zde omezit definici potěšení tím, že uvedu, že je to doplněk nevyžádané funkce.
Tím myslím, že to není podstatná součást funkce webu. Může však mít výrazný vliv na způsob, jakým je web vnímán a zažil. Ve skutečnosti bych chtěl říci, že to, jak zacházíte s přísně nepotřebnými prvky uživatelského rozhraní, je stejně důležité jako typografie a další vizuální prvky při nastavení tónu webové stránky.
Jedna volná interakce
V jednom článek pro Cooper Journal, Chris Noessel nazývá "Jedna volná interakce" designovým vzorem ", který software dodává humánnějšímu pocitu."
Součástí je poznání, že lidé jsou nestoudní stvoření často náchylní k opakování malých akcí. Tradičně s perem a papírem bychom si doodle nebo neustále stáhli pera. Jsem například stojící podprsenka.
Lidé často přenášejí tuto stížnost na prohlížení webových stránek, často procházením nahoru a dolů, výběrem bity textu nebo opakováním akcí.
Vzor One Free Interaction zahrnuje tuto vrozenou lidskou potřebu hýbat, vytvářením interaktivních prvků, které poskytují nečekané nebo příjemné výsledky. Potřebujete příklad? Zkuste kurzor přes logo Web Designer Depot 'W' v horní části této stránky.
Jak říká Noessel, volné interakce se nacházejí mimo výkonnost úkolů a místo toho sedí mezi mezery. Ale oni jsou mocní při formování naší emoční reakce na weby, které používáme.
Posuňte efekty
Jak již bylo řečeno, jedním z nejběžnějších "fidgetů" je posouvání nahoru a dolů, takže stránky, které přidávají vizuální zájem při rolování jsou často nádherné.
Jednostránková stránka webu Nizo fotografie aplikace z mechaniky obrazových funkcí 'Knolled' kamerové komponenty, které se pohybují při pohybujte dolů a ven při pohybu dolů. Pokud jste jako já, budete trávit spoustu času jenom posunutím nahoru a dolů a hraním s nádherným rozhraním. (Nedržte dech čekající na uvolnění aplikace.)
Použití efektů paralaxy na rolování také přináší potěšení, vytváří iluzi hloubky. miluji chlapče webové stránky, kde efekty rolování dokonale odpovídají tónu a vizuálnímu stylu webu.
Překvapuje mě, že nejsou k dispozici více webových stránek s horizontálními rolovacími efekty, jelikož boční rolování je takovým společným tématem v herním designu. Ale pěkným příkladem je Nintendo Mario Kart který se zabývá historií hry přes 20 let konzol Nintendo.
Polský web Mashup přidává vrstvy grafických prvků, které přecházejí při procházení, špičkový způsob, jak dosáhnout pocitu nízké úrovně náčrtu skici.
Král stránek stránek scroll je pravděpodobně Acko . Prvek hlavičky webu je animovaný objekt 3D graffiti. Je to animované logo převedené na další úroveň - ponořující, interaktivní, hravé. Tam jsou dokonce úspěchy k 'odemknout' na UI - ačkoli gamification je jiný předmět dohromady.
Design pro emoce
Přidání potěšení na vaše stránky pomáhá vytvořit emocionální spojení s uživatelem. Síla emocí v designu je něco, co začínáme chápat pouze, ale vysvětluje, proč si užíváme určité věci a máme s nimi tak silné spojení. To se týká fyzického návrhu výrobku a také interaktivního designu.
Myslím, že silný důvod, proč jsou výrobky Apple tak vysoce ceněny, je to, že uživatelé se k nim emocionálně připojují a existuje mnoho příkladů potěšení jak v hardware, tak v softwaru společnosti Apple. Vím, že mnozí lidé mají rád rolování "pryžových pásů" na iOS mobilních Safari tak, že nebudou mít smysluplný ping to nahoru a dolů.
OK "mnoho lidí" Myslím to já, ale Steve Jobs ho miloval natolik, že ho patentoval, a je součástí soudního sporu Apple proti společnosti Samsung.
Aaron Walter ve své knize Projektování pro emoce, Podívá se na způsob, jakým úspěšné webové stránky zaujmou emoce uživatelů tím, že jim naplní osobnost. Přidání prvků, které potěší uživatele, je velmi účinným způsobem. Jednoduše řečeno, upřednostňujeme nástroje, které nás potěší, takže je také dobré pro podnikání.
Delight není trik
Přidání potěšení neznamená přidání záměrných efektů jako triku. Účinky jsou zde, aby pomohly utvářet osobnost webu. Nemusíte být hraví nebo nevlídní (i když mohou být, pokud je to osobnost, kterou chcete předat), mohou být jemnější a zdrženlivější, pokud se postava lépe hodí. Podívejte se na pictet.com. Miluju způsob, jakým se vyhledávací lišta zmizí po kliknutí na odkaz pro vyhledávání - zastaví vyhledávací textové pole, které je dominantním prvkem, dokud jej nepožádáte. Je to jemné a elegantní a vyhovuje tónu místa - švýcarské společnosti poskytující finanční služby - dokonale.
Někdy jsou efekty tak jemné, že si je ani nevšimnete. Věděli jste například, že ovládání hlasitosti na BBC iPlayer jde až na 11? Je to hezký kývnutí k Spinal Tap.
Nepřehánějte to
Přidání příliš mnoho neočekávaných interakcí může být kontraproduktivní, což vytváří vizuální nadměrný zásah. Pokud se nepokoušíte vytvořit hyperkinetické herní prostředí, příliš mnoho vizuálních efektů, s flip-overs, pop-ups, whizzbangs a quirk bomby všude na místě, bude vážně zhoršovat jakýkoli smysluplný záběr s obsahem. Podívejte se na LEDbow například. Technicky je to skvělé, ale nemyslím si, že efektivně komunikuje. Je toho příliš mnoho.
Zavolejte radost
Mám rád stránky, které považují obrazovku za hledáček nebo za plochu, ne za prohlížeč stránek. Vrstvy pohybující se různými rychlostmi vytvářejí hloubku a zájem. Prvky přemístěné do polohy je na ně upozorňují.
Pohyb dělá zkušenosti poněkud ponořující, ale uvědomte si, že tento druh vzájemné interaktivity pro sebe samozřejmě nesouhlasí s větší angažovaností.
Přidání potěšení dělá místa více lidských a také hmatatelnější, zapojení našeho opičí-mozku potřeba hrát a hrát, zatímco si myslíme a učíme se. Při příštím vytvoření stránky si přemýšlejte o tom, jak můžete vytvořit něco jedinečného, které potěší vaše uživatele.
Máte design pro emoce? Jak přidáte radost na web? Dejte nám vědět v komentářích.