UI je sedlo, třmeny a panování.

UX je pocit, že jste schopni jezdit na koni a přenášet svůj dobytek.

Aspoň to bylo to, co říkali v dávných dobách. Spíše jsem si přál, aby to řekli. Navzdory tomu, že to znělo jednoduše, existuje mnoho komplikací a nedorozumění, pokud jde o rozdíly mezi designem UI a UX, a způsobují, že projektantská komunita se při každém vychování docela rozruší.

Zajímavou poznámkou je, že jsem našel lidi, kteří pracují na pracovištích s tituly, jako je Interaction Designer, aby byli placeni spíše prostě proto, že vědí a reagují na rozdíly mezi těmito dvěma poli (obvykle využíváním obojího). A ve skutečnosti si myslím, že lidé v pozadí těchto rolí mají více rozdílů než myšlenky za designem UI a UX.

Pojďme rovnou do standardizované definice, kterou se budeme snažit metaforicky zpracovat. Velmi jednoduše definovaný návrh uživatelského rozhraní je částí produktu, který stojí před uživatelem, když se dívá na stránku, a uživatelské zkušenosti je, jak se cítí, když se dívají na web, aka široký rozsah.

Důrazněji, dobrá zkušenost uživatelů je umění vrtáku procházejícího dřevem nebo surfování bez námahy. Cítění, která ti dávají, jsou bezkonkurenční, protože prostě fungují, prosté. Přesto, naopak, tvar této desky, který jí pomáhá dělat to, že se otáčí na vlně, je dobré UI a surfový vosk nahoře, takže nevyklouznete, je také dobrý UI. Stručně řečeno, balíčkem ENTIRE je to, co dělá to dobré UX, zatímco dobré uživatelské rozhraní je vždy velmi důležitým vnitřním prvkem toho.

Než budeme pokračovat, rád bych jen řekl, že tento článek vychází z mého názoru sám a v žádném případě se nesnaží dělat velké grandiózní prohlášení o tom, jak by mělo být něco. Budu se snažit vychovávat čtenáře o různých prvcích každého oboru na základě svých vlastních minulých zkušeností, ale znovu se nijak nepokusím bránit vašim osobním názorům, pokud se liší od těch, které jsou uvedeny v tomto článku. Všechny metafory jsou věci, o kterých si myslím, že se týkají, a pokud si myslíte, že nemají pocit, že by mi to v komentáři dali vědět, nezapomeňte si také dát své vlastní. Vždy pomáhá čtenáři, pokud mají více zdrojů, které poskytují informace o tématu.

Pojďme to rozdělit

Dan Saffer byl natolik laskavý, abychom nám umožnili používat jeho obraz. Díky, Dan!


Obecnosti

Podívejte se pouze na tento obrázek; to je tak nádherné ilustrace přesně, kolik je začleněno do návrhu uživatelské zkušenosti. Nyní můžete říci, proč lidé v těchto rolích musí být schopni kriticky a kreativně myslet téměř na konstantním základě. Ačkoli jste se trochu zmatený, nemusíte být vyhozeni, protože jsme skutečně souvisejí především s UX a UI designem s fyzickými produkty, jako je surfovací prkno nebo zvířata jako koně.

Důvodem je, že je to samozřejmě trochu zmatené téma a je to hlavně proto, že je silně zlomené. To znamená, že malé kusy jednoho tvoří větší pohled na druhou a to může být trochu matoucí nebo náročné pro mnoho lidí. Ale dokonce i designéři mají s tím těžký čas, takže se necítíte pustit.

Představme si, že převádíme ty myšlenky, o kterých jsme již mluvili, do webových nebo mobilních prostor. Uživatelské rozhraní by bylo sérii tlačítek a jak vypadají a UX by řekl, že tlačítko by mělo fyzicky stisknout, když na něj kliknete. Odpověď na to, že jste klikli, a poté, co jste stiskli tlačítko na 2D stránkách, je to tak uspokojivé, jak by to mohl návrhář udělat? No, stane se to po celou dobu a myslím, že se nám to líbí.

Byl jsem například na mnoha místech, která mají krásná velká krásná tlačítka se stíny pod nimi, jako by se jen zdálo, že je třeba kliknout, a pak když to uděláte, nevloží se do stránky. Žádná citlivá animace a vše, co vím, je to, že se mi v designu nebo designéři tohoto produktu cítím zklamaně.

Nyní nevěřím, že to je proto, že jsem nějaké podivné tlačítko elitářské, ale místo toho si myslím, že je to proto, že to je, jak moc silné uživatelské zkušenosti jsou. Věřím, že když se dostaneme do kontaktu s uživatelským zážitkem, který je tak přes vrchol, a tak úžasný (jako tlačítka, které jsou vloženy z nějakého důvodu), pak doslova cítíme, že všechny věci by měly být tak úžasné. Samozřejmě bych nehodnotil celý výrobek, protože některé knoflíky netisknou dolů, ale to je velká část toho, jak se cítím v daném okamžiku, když stisknu toto tlačítko.

Existuje mnoho vnějších faktorů, které ovlivňují, jak se cítíme na webové stránce v daném okamžiku, a musíme udělat vše, co je v našich silách, abychom se ujistili, že se webové stránky prezentují tak, že omezujeme všechny vnější vlivy na to, jako vnitřní vlivy našeho UX. Obecně vždy považujte UX za deštník, který obsahuje všechny body, které tvoří váš produkt, v budoucnosti (i když je to nějaká strategie) a v minulosti.

Bylo to opakovaně argumentováno, na základě všech těchto diskusí o UX a interakci, je to, jak někdo cítí na 2D webové stránce skutečně vůbec důležité? No, pokud se snažíte získat konverze, je to; pokud se snažíte přimět lidi, aby vás fascinovali váš produkt nebo blog, je to; pokud se snažíte přimět lidi, aby tě pochopili, je to; pokud se snažíte přimět lidi, aby vás poslouchali, je to tak; pokud se snažíte přimět lidi, aby šířili vaši zprávu, je to; pokud se snažíte přimět lidi, aby dělali skoro nic, pak ano, je to velmi důležité.

Jsem si jistý, že to dokážete sami, ale důvodem, proč máme tuto zdánlivě nepotřebnou rozpravu, je to, že návrháři, kteří jsou v jedné oblasti, opravdu nevědí, jak se definovat. A z dobrého důvodu. Návrháři často skončí dělat řadu různých pracovních míst v oblasti designu a proto je skutečně ještě důležitější najít někoho, kdo přesně ví, co dělá nejlépe a jak se vejde do týmu - pokud samozřejmě hledáte jack všech obchodů.

UX: navrhování pro emoce

Mimo návrhářského průmyslu se člověk skutečně emocionálně věnuje designu. Který z nich dělá to nemyslitelný, když si uvědomíte, jak důležitá je skutečně dílo designéra. Oni dělají více než jen dát docela hezkou atmosféru na věci. Mohou doslovně vytvořit celou emoci kolem vašeho produktu, a měli byste to .

Návrhář je jedním z nejdůležitějších osob ve vašem týmu a měl by být považován za takového. Jako související příklad Mark Zuckerburg drží desky vedoucích designérů Facebooku několik metrů od stolu, když je v práci. Inženýři jsou důležití, ale jsou to, co uživatelé nevidí. Jejich důsledky jsou implicitní, jako je rychlost a databázová architektura, ale návrhář se velmi vyjadřuje nad celým svým produktem - a pro to je něco, co by bylo řečeno.

Jeden z lidí, na něž se mnoho návrhářů podívá, je Aaron Walters, který dělá různé rozhovory a knihy, ale stejně důležitá je jeho práce jako vedoucí UX Designer na MailChimp . Nyní mluvte o úžasném produktu. Ani o něm nic nevíte, ani o čem mluví nebo o něm píše, stačí jít na místo nebo se podívat na obrázek výše a řekněte mi, jestli to nevyvolává emoční odpověď od vás. No, já vím, že to dělá, takže můžeme jen prořezat do pronásledování.

On je vše o tom, co se nazývá Design for Emotion , a mluví o tom poměrně často. Chcete, aby se váš návrh zaměřil na pocity a emoce uživatele, když přijde na vaše stránky. Ne jen to, co se cítí zvenčí (více o tom později), ale jaké emoci, které chcete, aby vaše stránky předali mu a / nebo aby ho cítili.

To je velmi zřejmé, když používáte službu MailChimp, nebo když právě prohlížíte své produktové stránky. Okamžitě uvidíte, že je to jeden z nejlépe navržených webových stránek a jednoduchost vytváření poměrně složité podoby je ohromující. Procházejí vás všechno s průvodci, barevně a krok za krokem a nikdy jste nezůstávali sami ve tmě. Produkt kompletně zaokrouhlují tak, že vám zašle příklady a tipy, jak zlepšit vaše formy nebo formu chování nebo jak zachytit další oblasti produktu pro nejlepší využití po jeho použití. A nedělají to jen tím, že vám dávají obrovské modální okna, která zabrání vašemu odchodu z webu, když se přihlásíte, ale místo toho vám dávají krásné připomínky.

Protože si pamatuj, je to všechno důležité. Celý produkt je UX, v samostatné části je uživatelské rozhraní. Radost házení baseballu je zkušenost uživatele, šití a sférický tvar je UI.

UX a uživatelské rozhraní: v rámci týmu

Podle mého názoru, když pracujete na webovém nebo mobilním projektu, je návrhář UX efektivně kreativní ředitel. Ačkoli, často ve formální týmové struktuře, tvůrčí režisér je někdo, kdo úzce spolupracuje s zakládajícím týmem, aby identifikoval tvůrčí vizi, které mají, a pak ho vytlačuje skrze jeho tvůrčí směřování a předává ho na návrháře UX, který pak udělá které se na webu objevují s pomocí týmu UI a vedou ho.

Domnívám se však, že v prostředí vývojového scrumu může být kreativní ředitel pouze nahrazen vedením UX, pokud je s tímto druhem odpovědnosti v pořádku. Jednoduše proto, že dělají hodně ze stejných věcí a mají hodně stejné zkušenosti z mé POV. I když je to opět můj názor.

Ve skutečnosti byste je měli instalovat tam, kde se domníváte, že by se na projekt měli hodit, ale v ideálním případě by nebyli společnými UI / UX osobami, pokud by nebyli mimořádně talentovaní. Ráda bych věděla, co komentátoři o tom zvlášť myslí. Mnozí z vás čtenářů jsou pravděpodobně designéři nebo aspirační designéři, můžete si sami sebe jako UX a UI návrháře? Nebo myslíte, že by měla existovat oddělení obou?

Pokud jde o skutečný projekt, projektant UX by měl být od počátku až po dokončení. Je rozhodující v životním cyklu projektu. Projekty bez nich se často projevují jako Google Video bez emocí.

Případně projekty, které mají UX osobu / tým na pohotovosti, se jako celek podobají ZenDesk , prostě naprosto krásná a nakonec je radost používat. Postranní poznámka: přejděte na stránku společnosti ZenDesk a klikněte na tlačítko "Vyzkoušejte zdarma" vpravo nahoře. Takto by mělo být tlačítko interagováno. Stejně jako další boční poznámka, zřejmě jsem posedlý tlačítky.

Další věc, kterou si musíte pamatovat, je, že uživatelské rozhraní je účinným nástrojem, který budete používat, a lidé, kteří na něm pracují, jsou stejně výkonní jako vrtačka nebo kladivo, které mají stavební úkol. Vždy nezapomeňte zvolit vhodného návrháře pro danou práci, i když věříte, že UX je důležitější. Měli byste mít na paměti, že jde o fraktální podnik a že citlivost jedné větve ovlivňuje všechny ostatní.

Základní tábor je dalším příkladem skvělého UX, a ve skutečnosti mají skvělý inženýrský tým, který má také velký zájem o UX. Inženýři obvykle nevědí, jak dělat skvělý UX, * kašel * Google * kašel *, ale v tomto případě inženýrský tým 37signálů spolu s jejich skvělými designéry dělají absolutně úžasnou práci koordinovat myšlenky, aby vytvořily jen ty nejsilnější a úžasné aplikace pro spolupráci v projektech. Nový Basecamp musí být jedním z nejméně odolných aplikací, které jsem kdy použil (vstáváte a jdete tak rychle).

UX: co to znamená pro vaše uživatele a vy

Dotýkali jsme se k tomu trochu v celém článku tak daleko, je však dost důležité věnovat jeho vlastní podsekci. Jednoduše a přímočaře řečeno, pokud nemáte na svém webu emocí, čtenáři se k němu budou cítit nesmyslně a lhostejně. Čím více se vaše čtenáři dostanou z pocitu vašeho webu nebo produktu, tím více jsou zapojeni do mozkové úrovně a tím více ho budou chtít využít, vrátit se, povzbudit přátele nebo prostě nadměrně potěšit komplimenty o vašem služeb / produktů / stránek.

Věc je však, že je to často scénář chyby-22. Budeme stavět v pixelech, přechody, lesk a umělou hloubku, a to může často způsobit, že se budeme spokojeni, pokud jde o "pocit" vůči našim produktům. Trh se softwarem as-a-service opravdu pomohl zlepšit tuto situaci a předtím byl obzvláště hit nebo miss.

Nyní však začíná být více otřesivé, když služba vám nepomůže cítit něco pro to. To je chyba - 22: i když je to svět plný pixelů, ve kterých pracujeme, kde nikdy nedokážeme fyzicky dotýkat toho, co budeme budovat (stále), stále bychom měli cítit, že je to součástí nás a naše rozšíření. Designéři dali tolik emocí do toho, co dělají každý den, dobře to dělají, a je to opravdu zřejmé. To bude obzvláště důležité, protože web bude nadále růst a zraje se v příštích několika letech.

Ve skutečnosti vidím web, kde jsou všechny stránky a produkty navrženy tak nádherným a emocionálním způsobem, že se doslova mohou stát časopisy minulých let. Web 2.0 se zdálo, že je to všechno o tom, že na logách svítí a že sociální interakce online jako experiment - ale budoucnost webu je mnohem důležitější a kritická. Za pár let bude splatnost webu vyžadovat pouze splatnost ze všech produktů a stránek, které na něm žijí, a to oprávněně. Tímto způsobem budou stránky nebo produkty sub-par vyříznuty velmi rychle. Vybíráte intranetu vaší společnosti, seznam úkolů, tvůrce formulářů a další nástroje, které potřebujete, na základě pocitů, které vám poskytnou, a tím i jejich funkčnosti.

Takže, počkej chvíli, jestli je to všechno o pocitu, že to nevede k funkcionalitě? Měla bych ty dvě věci souviset? Podle mého názoru ano, měl bych, protože jsou neuvěřitelně závislí. Vzhledem k tomu, že se zvětšuje splatnost webu a tím se zvětšuje robustní zralost konstrukce výrobku, zvyšuje se zralost funkčnosti produktu. Je to organický a vzájemně závislý deštníkový efekt.

Nikdo z nás nechce zasáhnout naše střechy, tak co když ta střecha neexistovala? Co kdyby bylo na 10 000 stopách? No, můžete udělat cokoli - ve světě pixelů, kde gravitace neexistuje. Vzhledem k tomu, že vše zpět k UX vs UI návrhářům je opravdu důležité, protože oni budou pushhers tohoto zralého webu.

Ano, samozřejmě protokoly, databázová architektura a inženýři budou stejně, ale nakonec lidé, kteří vytvářejí věci, které jsou tak neuvěřitelně zralé, vypadají dobře, jsou to lidé, kteří přitahují zákazníky z celého světa.

A nejde jen o obrázky nebo design a CSS, ale také o copywriting. Podívejte se na kopii ve výše uvedeném obrázku MailChimp. Je to jednoduché, čisté, elegantní a nemá žádné BS. Taková kopie by měla být, a bude, když to bude vyžadovat. Mohli byste být jedním z těch lidí, kteří nám pomáhají po cestě tím, že to vyžadují.

UI: čára a její křivky

Uživatelské rozhraní je fascinující koncept a ten, který skutečně revoluci na webu dosáhl, jak jsme ho poznali v síti Web 2.0. Jak jste to nepochybně řekli, udělal jsem hodně chvály UX v průběhu tohoto článku, ale musím říct, že bez základních nástrojů UI by to vlastně nic neznamenalo. Pamatujte, jak fungují fraktály z vědecké třídy? Jak by se mohl vytvořit krystal, aniž by se nejdříve vytvořila první středová část?

Když se všichni rozhodli, že opravdová krása online znamená hodně, opravdu nás to dostalo panování (koně znovu, já vím), ale vlastně to bylo. Všichni jsme si všimli, že jsme všichni začali být posedlí těmito produkty, které byly navrženy s těmito úžasnými malými UI aspekty, které se již dostaly docela opotřebované. jQuery má vliv, citlivé mediální dotazy v CSS měly účinek, tak i skutečný design.

Myslím, že jedna z věcí o nás jako o lidech spočívá v tom, že opravdu vážně nepřijímáme věci, dokud nebudou plně vyleštěny. A jo, to se může vztahovat k předchozímu odstavci o zralosti webu, ale také se týká ještě více toho, jak se UI vyvíjel.

Například jsme nikdy nezačali používat internet jako komunikační metodu, dokud nebudeme mít profesionální e-mailové a IM klienty. Nikdy jsme nebrali auta vážně, dokud Henry Ford nepřijel s výrobní linkou. Nikdy jsme začali brát zmrzlinu vážně až do Cold Stone. Dobře, možná ten poslední byl úsek - ale dostanete to.

Vychutnáváme zralost, a pokud jde o uživatelské rozhraní, nic skutečně nevyrostlo, když uživatel čelí (front-end) webu více na to, co dnes, v současnosti , než design UI. Nyní přebíráme web vážněji, než jsme kdy měli, a to se bezpochyby bude i nadále zvyšovat. Zvažte, kolik nyní děláme online. Spravujeme naše úkoly, setkáváme, sledujeme video, komunikujeme prostřednictvím sítí, hraní a doslova děláme všechno, co můžeme online. Nejen, že je lepší na přírodních zdrojích, je to jeden z více zábavných způsobů, jak dělat věci. Zeptejte se sami sebe, proč je to tak zábavné a odpověď, na kterou se vždycky vrátíte, je, že je často tak krásná.

Jsme omezeni v našem každodenním offline životě s prostředky, které máme jako dřevo, plyn, olej, papír atd. - ale on-line jsme zcela zdarma. Jsme omezeni jen kreativitou návrhářů a programátorů. Pohybujeme se do nové vlny on-line přístupu a věcí, které v nich děláme a myslím, že bychom měli dát kolektivním "Děkuju" návrhářům UI za to (a také inženýři! Neopustím vás, ale tento článek je o designérech).

UI a UX: důkaz je v pudingu

Nejsem jedním z těch, kteří mají rádi pokračování v banteru, který se týká těchto dvou oblastí, ale ve skutečnosti jsou tyto pojmy zcela odlišné. Nenechávejte zveřejnění úlohy, nebo nikdo neříká, že uživatelské rozhraní se rovná UX.

Obrázek nahoře je to, co bych považoval za práci UI, ale nemám pocit, že bych tam nebyl nebo se na to díval. I když má pěkně vyleštěné uživatelské rozhraní, důvodem, proč nemám pocit, je to, že je to aspekt UX, ale není úplně UX. UX je celkový pocit, který mám, když vidím své účty na jednom místě Máta . Uživatelské rozhraní je jedním z grafů na stránce.

UI prvky stránky vypadají, že byly dolů chodil po většinu tohoto článku, ale prosím, nechte mě zopakovat, že to není dojem, který se snažím vydat. Mám rád prvky UI a opět je velmi důležité, abychom si uvědomili, že UI je velmi důležitou součástí UX. UI může vaše stránky vypadat krásně, myslím ZenDesk a přesto bez UX to může být jako Digg je bez komunity. Je to bez emocí. Pokud neexistuje komunita za uživatelským rozhraním bez UX, aby došlo k opětovnému uvedení emocí, pak doslova nebude. Ano, někdy dobří uživatelé UI jsou tak dobří, že neúmyslně vytvářejí UX, aniž by to věděli, ale jsou jen málo a daleko.

Přineste to dohromady

Opravdu, mluvit o těchto dvou polích v izolaci je skvělé pro trochu duševní důvěry, ale oni jsou naprosto příbuzní, když jde o práci na nich . Jsou to pole, která by nikdy neměla být oddělena na pracovišti, a to jsou pole, kde by obě kreativy, které provádějí tyto práce, neměly fungovat s různými směrnicemi.

Existuje vzájemně závislý aspekt toho, co děláme ve světě designu, ale toto není opravdu jedna z těch časů. Stejně jako by tvůrčí ředitel nebo Scrum Master nechtěli opustit svůj tým, aby běhli sami, strany UI a UX by nikdy neměly běhat samy bez koordinace od druhé. Pevně ​​tomu věřím z minulých zkušeností.

Na závěr si myslím, že UI a UX jsou tématem mnoha rozhovorů a je to pravda, když se jedná o debatu. Zvyšuje znalosti obou stran v diskusi o obou tématech, které jsou předmětem tohoto rozhovoru. Je to opravdu úžasné situační téma, a ten, který byste měli diskutovat s vašimi návrháři kamarády, pokud můžete nebo máte šanci. Vím, že jsem si toho přesně povídal o večeři a může se stát, že je to docela vyhřáté jednoduše proto, že člověk věří, že jiné metafy nejsou přesně zobrazeny, co je rozdíl (proto proč jsem uvedl odmítnutí odpovědnosti na vrcholu článek).