Kdysi dávno, když jste řekli slovo „design“, byla drtivá pravděpodobnost, že mluvíte o grafickém designu. V dnešní době je však digitální svět stále složitější a objevuje se spousta nových pracovních pozic, což vede ke zmatení lidí mimo obor designu nebo nováčků v tomto oboru. Zde je stručný přehled čtyř různých základních forem designu, který vám pomůže pochopit, co znamenají.
image by:
Jak se dočtete na Wikipedii: „User experience design (UXD, UED nebo XD) je proces zvyšování spokojenosti uživatelů prostřednictvím zlepšování použitelnosti, přístupnosti a potěšení poskytovaného při interakci mezi uživatelem a produktem. User experience design zahrnuje tradiční design interakce člověka s počítačem (HCI) a rozšiřuje jej o řešení všech aspektů produktu nebo služby tak, jak je vnímají uživatelé.“
UX designér je osoba, která má na starosti vytváření „logiky“ produktů pomocí wireframů a prototypů prostřednictvím softwaru jako Axure, JustInMind, Mockplus atd. Komunikace je jednou z klíčových dovedností designérů UX. Provádějí také výzkum, analýzu konkurence na začátku i testování použitelnosti a A/B testování po spuštění projektu. Návrháři UX se zabývají především tím, jak produkt působí. Pokud se vaše webové stránky nebo aplikace špatně používají, uživatelé budou pravděpodobně frustrovaní a přejdou k něčemu jinému. Pokud budou mít skvělou zkušenost, je pravděpodobnější, že se vrátí a řeknou svým přátelům, jak je vaše aplikace skvělá.
Dodávky: Wireframy, prototypy, storyboardy, mapa stránek, písemné specifikace.
Nástroje pro práci: Sketch, Axure, Mockplus, Fireworks, UXPin
UI Design (návrh uživatelského rozhraní)
obrázek od: Jesse James Garrett, autor a zakladatel společnosti Adaptive Path, která se zabývá poradenstvím v oblasti uživatelského prostředí, definuje návrh rozhraní jako výběr správných prvků rozhraní – jako je text, tlačítka, textová pole, barevně odlišené seznamy atd. – pro úkol, který se uživatel snaží splnit, a jejich uspořádání na obrazovce tak, aby byly snadno pochopitelné a snadno použitelné. Cílem je, aby interakce uživatele byla co nejefektivnější a nejjednodušší.
Mezi prvky rozhraní patří mimo jiné:
Vstupní ovládací prvky: tlačítka, textová pole, zaškrtávací políčka, přepínací tlačítka, rozevírací seznamy, seznamová pole, přepínače, datumové pole
Navigační komponenty: Drobečková navigace, posuvník, vyhledávací pole, stránkování, posuvník, značky, ikony
Informační komponenty: popisky nástrojů, ikony, ukazatel průběhu, oznámení, pole zpráv, modální okna
Kontejnery: akordeon
Nástroje pro práci: Photoshop, Sketch, Illustrator, Fireworks, InVision
IA (informační architektura)
imgae by: ga-core.s3.amazonaws.com
Informační architektura (IA) zahrnuje způsob, jakým jsou webové stránky/aplikace strukturovány a jak je uspořádán jejich obsah. Cílem je pomoci uživatelům najít informace a dokončit úkoly. „Jinými slovy, informační architektura je vytvoření struktury webu, aplikace nebo jiného projektu, která nám umožní pochopit, kde se jako uživatelé nacházíme a kde jsou požadované informace vzhledem k naší pozici. Výsledkem informační architektury je vytvoření mapy webu, hierarchie, kategorizace, navigace a metadat. Když obsahový stratég začne oddělovat obsah a rozdělovat ho do kategorií, praktikuje informační architekturu. Když designér načrtne menu nejvyšší úrovně, aby pomohl uživatelům pochopit, kde se na webu nacházejí, také praktikuje informační architekturu.“ – z webu uxbooth.com
Několik kvalifikací pro IA:
1. V případě, že se uživatelé na webu nacházejí, je nutné, aby se věnovali informační architektuře. Zkušenosti s dokumentací komplexních digitálních vlastností (webové stránky, mobilní aplikace, produkty a systémové služby)
2. Extrémně podrobná dokumentace, schopnost najít nesrovnalosti, trhliny apod. mezi komplexní dokumentací webu
3. Zkušenosti s dokumentací komplexních digitálních vlastností. Znalost práce s programy Axure, OmniGraffle, Keynote, jakož i Visio a dalšími programy přímo souvisejícími s IA
4. Analýza dostupných informací a zdrojů pro posouzení optimálního přístupu k IA
Silné komunikační dovednosti (písemné i ústní) a schopnost efektivně prezentovat pracovníkům agentury a klienta
5. Znalost práce s informacemi, které jsou k dispozici. Musí být analytický, pracovitý, kreativní, zvídavý a zajímat se o lidi a nápady
6. Musí být sebevědomý a motivovaný selfstarter
IxD (Interaction Design)
Definice IxD: „Interaction Design (IxD) definuje strukturu a chování interaktivních systémů. Interakční designéři se snaží vytvářet smysluplné vztahy mezi lidmi a produkty a službami, které používají, od počítačů přes mobilní zařízení až po spotřebiče a další. Naše postupy se vyvíjejí spolu se světem.“ – z ixda.org
Designér IxD jsou lidé, kteří mají na starosti pohyblivé prvky webových stránek/aplikací &interakcí. Pokud jste na webové stránce nebo v aplikaci viděli parádní animaci, u které jste si řekli wow nebo která je opravdu skvělá, tak to jsou věci, které motion designéři dělají.
Náplň práce designéra IxD ve společnosti Google:
Na pozici designéra interakcí budete řešit složité úkoly a přetvářet je v intuitivní, přístupné a snadno použitelné návrhy pro miliardy lidí po celém světě – od začínajících uživatelů až po sofistikované experty. Dosažení tohoto cíle vyžaduje spolupráci s týmy designérů, výzkumníků, inženýrů a produktových manažerů v celém procesu návrhu – od vytváření uživatelských toků a wireframů až po tvorbu maket uživatelského rozhraní a prototypů. V každé fázi budete předvídat, co naši uživatelé potřebují, zastávat se jich a zajišťovat, aby je výsledný produkt překvapil a potěšil.
Takže v příliš zjednodušené a uživatelsky přívětivé zkratce: UX Design je to, jak se uživatel v aplikacích cítí, UI Design je to, co, kde a jak v aplikacích funguje, Information Architecture je to, jak je aplikace uspořádána, a Interaction Design je to, jak se uživatel a aplikace vzájemně chovají a reagují na sebe.
V neposlední řadě jsou hranice mezi jednotlivými rolemi designu velmi pohyblivé. IxD se svým přístupem dost podobá designu UX, protože je součástí cyklu designu UX, takže v některých případech se tyto role mohou hodně překrývat.