Návrh interakce: Co to je a jak jej můžete použít?
Interakční design může být nejvíce mluvený o konceptu designu roku 2015. Je to něco, na co byste měli myslet a plánovat ve všech vašich digitálních projektech.
Jak ale můžete co nejlépe využít design interakce? Jak můžete navrhnout něco, s čím lidé chtějí komunikovat? Zatímco některé z těchto odpovědí se mění s technologií, jeden prvek zůstává stejný - lidé chtějí používat design, který je intuitivní, funkční a esteticky příjemný.
Prozkoumejte zdroje návrhu
Co je Interaction Design?
V oblasti designu, interakce člověk-počítač a vývoje softwaru je design interakce, často zkrácený IxD, „o utváření digitálních věcí pro potřeby lidí“, střídavě definovaný jako „praxe navrhování interaktivních digitálních produktů, prostředí, systémů a služeb“. - Wikipedia
Jednoduše řečeno, návrh interakce je proces propojení digitálního světa s lidským. Dělá to věci, které jsou založené na obrazovce, vypadají skutečné a fungují v digitální říši, jako by tomu bylo ve fyzickém prostoru. Toto připojení pomáhá lidem používat a pracovat s digitálními produkty a zařízeními, od stolních počítačů, telefonů a hodinek po weby, aplikace a hry. Interakční design je koncept, který kombinuje vše, co víme o designu a funkcích, do jediného nápadu.
IxD je bzučení komunity designu, když se snažíme lépe se naučit, jak navrhovat a replikovat fyzické akce a interakce, aby se digitální produkty nejlépe spojily s uživateli. Myšlenky za designem jsou zakořeněny v principech dobrých vizuálů, zatímco technologie se vyvíjí téměř tak rychle, jak ji můžeme navrhnout.
Otázky, které je třeba zvážit
Jedním z nejlepších průvodců k přemýšlení o návrhu interakce je standard použitelnosti z Usability.gov. Příručka poskytuje řadu otázek (a dokonce i dílčích otázek), které lze použít jako základ pro vytvoření projektu s digitálními interakcemi a „s tímto porozuměním můžete předvídat, jak by někdo mohl interagovat se systémem, řešit problémy brzy, stejně jako vymýšlet nové způsoby, jak dělat věci. “
Zde jsou koncepty, které je třeba nejprve zvážit, najdete všechny dílčí otázky a úvahy z Usability.gov.
- Definujte, jak mohou uživatelé interagovat s rozhraním
- Poskytněte uživatelům vodítka o chování před provedením akcí
- Předvídat a zmírňovat chyby
- Zvažte zpětnou vazbu systému a dobu odezvy
- Strategicky přemýšlet o každém prvku v designu
- Zjednodušte si přehlednost
Mnoho z těchto konceptů by se mělo zdát známé. Koncepty a nápady jsou v souladu s tím, o čem často diskutujeme v komunitě návrhářů, když hovoříme o tom, co dělá a nefunguje esteticky. Zatímco techniky, které používáte k vytvoření zcela interaktivního designu, se mohou lišit, principy dobrého designu jsou relativně stejné.
Hlavní zásady
Většina z toho, co si myslíte o interakci, kombinuje principy designu s principy lidské emoce a interakce. Při určování toho, jak by měl digitální projekt fungovat, přemýšlejte o tom, jak používáte a interagujete s vašimi oblíbenými nástroji. A co tyto nástroje pro vás přitahují? (Je pravděpodobné, že mnoho z nejlepších funkcí jsou věci, o kterých ani nevědomě neuvažujete.)
Při rozhodování o tom, jak se uživatel spojí s vaším designem, přemýšlejte o každém z těchto principů nebo konceptů.
- Pohyb: Když přemýšlíte o návrhu pohybu a interakce, často jsou první mentální obrazy prstem nebo klepnutím, protože to jsou pohyby uživatele, které aktivují prvky v návrhu. Kliknutím na myš nebo otočením obrazovky tabletu získáte určitý efekt, což jsou další běžně používané pohyby. Důležitá je i další estetika spojená s pohybem, jako jsou vizuální narážky na fotografiích, směrový tah z konstrukčních prvků a videa.
- Prostor: S jakým typem prostředí uživatel interaguje? Je design vytvořen ve dvourozměrném nebo trojrozměrném prostoru? Je tento prostor pouze částí obrazovky nebo probíhají akce přes obrazovku do fyzického světa?
- Čas: Čas, který uživatel stráví interakcí, může ovlivnit, zda interakce pokračuje. Křehká rovnováha interakce je přiměřeně poutavá a / nebo příliš dlouhá nebo krátká. Přemýšlejte o cíli interakce a poté o tom, jak dlouho by mělo trvat od začátku do konce.
- Zvuk: Jednou z nejdiskutovanějších částí digitálního designu může být zvuk. Zatímco někteří uživatelé to milují, jiní jsou rychle naštvaní. Při použití zvuku v interakcích vždy účet pro uživatele, kteří tuto funkci deaktivují; návrh musí fungovat stejně efektivně i bez něj.
- Estetika: Zde přichází do hry každý designový prvek. Jak to všechno vypadá? Poskytuje tento vzhled uživateli správnou emoční zprávu. Prostor, barva, typografie, kontrast a čitelnost hrají významnou roli ve vizuální stránce designu interakce.
Koncepty designu
Vraťme se k principům interakce a opravdu přemýšlejme o estetice. (To je jedna z hlavních věcí, o které bychom rádi přemýšleli a diskutovali jako designéři, že?)
Jak všechny věci, které víme o designu, hrají při navrhování interakcí? Z hlediska vzhledu se to opravdu neliší než u jiných typů návrhových projektů. Hlavní - a pravděpodobně první - úvahou je velikost a rozsah. Mnoho interaktivních projektů může být výrazně menší, než jste zvyklí. (Dalo by se soustředit pouze na design telefonu nebo hodinek, ale design by se mohl také překládat na stolní počítače jiným způsobem.)
Když vizuálně uvažujete, začněte s nejmenším plátnem, který bude designovat a budovat. (Pokud se vám podaří, aby to fungovalo malé, je mnohem snazší „rozšířit“ design; odstranění věcí, které již byly navrženy, může být mnohem tvrdší.
- Prostor: I když se někteří mohou snažit zmenšit prostor mezi elementy v malých prostorech, ve skutečnosti musíte elementům dát více prostoru v malém provedení. Ujistěte se, že každý prvek má dostatek prostoru pro jeho identifikaci a provedení správného postupu. (Tlačítka musí být dostatečně velká, aby se dotýkala, aniž by se aktivoval jiný prvek na obrazovce.) Pokud je to nutné, použijte více obrazovek (prostřednictvím akcí přejetím prstem), abyste co nejlépe využili malé mezery.
- Barva: Při používání barev vaší značky je důležité, abyste se ujistili, že barvy poskytují dostatečný kontrast, aby byly vidět v různých prostředích. To by mohlo vyžadovat přidání některých volitelných barev do vaší palety barev pro položky interakce. Zvažte jasné a poutavé odstíny, zejména pro mobilní aplikace a aplikace pro hodinky.
- Typografie: Písmo by mělo být jednoduché a čitelné. Držte se moderního stylu písma (serif nebo sans serif je v pořádku) se střední rovnoměrnou šířkou tahu. Vyvarujte se kondenzovaných, příliš odvážných nebo lehkých verzí nebo stylů s komplikovanými tahy.
- Kontrast: Každý prvek v interaktivním designu by měl žít proti prvkům, které jej obklopují. To může znít tvrdě, pokud jde o design, ale ostrý kontrast může prvky snadno číst a pochopit. Kontrast také rychle upozorní na interakci a pomůže uživatelům určit, co mají dělat. Vytvořte kontrast s barvou, typografií, prostorem a obrázky nebo jazykem.
- Čitelnost: Všechny prvky projektu interakce by měly být snadno „na první pohled“. Navrhněte pro skenování-schopnost a funkce, přičemž mějte na paměti, že můžete mít jen zlomek sekundy přesvědčit uživatele k provedení požadované interakce. Klíčem k tomu je porozumění a čitelnost.
Seznam čtení
K dispozici je tolik dobrých informací o designu interakce. (A spousta názorů na to, co funguje a co nefunguje.)
Pokud se chcete dozvědět více, zde jsou tři skvělé zdroje, které byste měli najít jako cenné, a každý z nich vás přiměje přemýšlet o designu interakce různými způsoby.
- „Tři zákony interakce“ od Diogenes Brito
- „Budoucí rozhraní: Design, aby technologie byla lidská“ od Danielle Reid
- „10 principů interakce“ od Creative Bloq
Závěr
Interakční design je něco, na co musíte myslet. Uživatelé očekávají interakce téměř ve všech aspektech designu. Většina uživatelů přistupuje k webu a dalším projektům digitálního designu prostřednictvím mobilních zařízení s očekáváním, že udělá víc než jen čtení textu.
Plánování a navrhování těchto interakcí s účelem se může zpočátku zdát zastrašující, ale koncepčně se příliš neliší od kteréhokoli jiného aspektu návrhu. Velký rozdíl spočívá v tom, jak zajistit, aby interakce fungovaly, to je místo, kde je důležité mít dobrého vývojáře po vašem boku nebo pokračovat ve zdokonalování svých dovedností pro vývoj webových aplikací.
