Jak přidat vaše kouzla k vašim interakcím
Pokaždé, když uživatel něco udělá s vaším designem, vytvoří se interakce. Některé interakce, jako jsou kliknutí, si uživatel téměř nevšimne. Mezi další interakce patří určitá část magie, díky níž si uživatel chce ještě více hrát s designem.
Existuje úzká hranice mezi interakcí, která má nádech magie, a interakcí, která může být naprosto ohromující. Nej magičtější interakce jsou trochu neočekávané, jednoduché, vytvářejí emocionální reakci a nutí uživatele, aby ji chtěl znovu použít.
Prozkoumejte prvky Envato
Interakce s magií
Kouzlo je „kvalita, díky níž se něco zdá být odstraněno z každodenního života, zejména způsobem, který dává potěšení.“Interakce je skutečně magická, protože předvídá, co bude uživatel dělat dál. Design se téměř pohybuje s vámi ... nebo možná jen o krok napřed před vámi, dělat přesně to, co chcete, jen rozlité vteřiny dříve, než jste se vůbec rozhodli.
Chcete-li navrhnout tento typ interaktivního rozhraní, musíte své uživatele znát mimořádně dobře. Budete muset prozkoumat jejich návyky a vzorce, než začnete přemýšlet o vizuálech nebo interakcích. A jakmile budete mít tato data, pak můžete brainstorming způsoby, jak vytvořit tato připojení.
Co dělá interakci magickou? Jak to definujete? Nejlepší popis pochází z akademické práce Magic Interactions with Information for Visual Reasoning :
Mezi příklady patří:
- Kliknutím a přetažením kresby kreslené postavičky, která pak reaguje „inteligentně“ změnou pozice v přímé reakci na vstup uživatele, pochopením, jak se pohybovat, jako by magií;
- Procházení video dat kliknutím přímo na znaky ve videu, nikoli pomocí posuvníku;
- Nabíjení mobilních zařízení pro přenos souborů; a
- Výběr mraků 3D bodů pouhým nakreslením 2D laso.
Všechny tyto interakce mají „sílu zjevně ovlivňovat průběh událostí pomocí tajemných nebo nadpřirozených sil“ a „kvalitu, díky níž se něco zdá být odstraněno z každodenního života, zejména způsobem, který dává potěšení“ - dvě vlastnosti převzaté přímo z definice slova magie.
Inteligentní animace
Animace jsou všude. Vypadá to, že téměř na každém webu je vloženo něco pohybujícího se, ať už se jedná o videoklip nebo efekt vznášení nebo načítání divotu. Tento pohyb má smysl. Pohyb přirozeně upoutá oko a poskytuje moment zapojení, který může také sloužit jako rozptýlení, zatímco místo se plně načte nebo pracuje na pozadí.
Jedním typem inteligentní interakce může být pohyblivá fotografie nebo film. Tato technika mísí nehybné a živé akce s jemnými pohyby nebo pohyby tak, aby uživatelé chtěli nahlédnout hlouběji do designu. (Další informace o trendu naleznete v našem příspěvku na fotografiích, které ožívají.)
Nejinteligentnější animace jsou více než jednoduché pohyby - uživatel chce něco udělat a zjistí, že je skutečně funkční. K tomuto typu interakce dochází často v případě elektronického obchodování, kde uživatelé chtějí zážitek z vidění nebo „držení“ produktu ze všech úhlů. Qantas Airlines, výše, dělá to samé s designem webových stránek, který umožňuje uživatelům vidět uvnitř jejich letadel a podívat se na možnosti sedadel a další. (Jděte kliknout na tento web, byli byste ohromeni tím, co můžete „vidět“, a je to velmi reálné.)
Přímé kliknutí
Příliš často přistáváte na webových stránkách a prvky, na které kliknete, nedělají nic. S přímějším klikáním jsou další prvky objekty, které vás přivedou k novým prvkům atd. A vytvoří tak síť kliků, odkazů a cest, které může uživatel vzít. Tok má hladkou kvalitu, díky které jsou tyto interakce kliknutí žádoucí.
Tyto interakce ještě nejsou dost, ale když zjistíte, že jsou hodně zábavné. Webové stránky filmu Sing jsou skvělým příkladem. (Musíte kliknout.) Každý prvek je navržen tak, aby web vypadal jako interaktivní rozšíření filmu. Můžete kliknout na cokoli a něco se stane. Zkombinujte to s kresleným aspektem a je to opravdu kouzelné.
Nárazy a haptiky
Zatímco akademici milovali kouzlo „rány“, kouzlo haptiků miluje více uživatelů. Může to usnadnit interakci s vašimi hodinkami - nikdy mi neunikne hovor - hrát hru, která se díky pohybu cítí intuitivnější. Nárazy mohou být skutečné nebo vnímané, například ve hře Konterball, v závislosti na typu zařízení.
V mnoha z těchto případů používá webový design stolního počítače pohyb, který uživatelé vnímají, ale na telefonech, hodinkách nebo zařízeních VR je haptický prvek.
Webový design, který byl v tomto bodě prakticky virtuální, ožívá díky dotykovým interakcím. Očekávejte více rozhraní, kterých se dotknete, a smyčka zpětné vazby je uzavřena fyzickou reakcí zařízení.
Dimenzionální perspektiva
Čáry mezi rozměry začínají rozmazávat. Zatímco obrazovky jsou dvourozměrné krajiny, více návrhů vytváří trojrozměrné světy. Uživatelé však stále jednají s 2D pohyby. Je to podivný a téměř ohromující koncept.
Ale pak neporušený s webovým způsobem tímto způsobem.
Uvidíte kouzlo.
Campo Alle Comete, výše, vypráví příběh, který je magický, v podstatě ale také interaktivní. Přetažením myši po rovině kolem obrazovky uvidíte, jak se svět mění a pohybuje. A zdá se, že neexistují žádná pravidla. Pohyb se děje ve zvoleném směru a rychlosti. Nejlepší část této pohádkové zkušenosti? Pravděpodobně budete klikat a hrát několik minut, než si vůbec uvědomíte, co se web snaží předvést. (Je to na víno.)
Závěr
Co dělá interakci magickou? Musí to být předvídavé a dělat přesně to, co uživatel chce tak, jak chce. Mělo by to být zajímavé a trochu jiné. A musí být dostatečně jednoduché, aby nedošlo k záměně.
Skutečná magie se nakonec stane, když na ni uživatel odpoví s úsměvem nebo pocitem potěšení nebo uspokojení. Kouzlo je lidské pouto, bez pocitu uživatelů, je to jen další designový trik.
