Co je design UX? V současné době průmysl uživatelských rozhraní rychle roste, ale design UX pro většinu vedoucích pracovníků a manažerů stále představuje zcela nový svět. Cílem této oblasti je zvýšit spokojenost uživatelů s produktem, zlepšit použitelnost, přístupnost a interakci. Kombinuje tradiční design interakce člověka s počítačem a zohledňuje všechny aspekty interakce uživatele s produktem nebo službou.

Návrháři UX se ujímají vedení při zlepšování základních potřeb koncového uživatele a snaží se vytvořit produkt, který dělá publikum šťastným. To zase vede ke zdravé návratnosti investic a pomáhá podporovat rostoucí podnikání nebo organizaci.

Co dělá UX Designer?

Návrháři UX studují a hodnotí, jak se uživatelé cítí o systému, při pohledu na věci, jako je snadné použití, vnímaná hodnota systému, užitečnost, účinnost při plnění úkolů.

Návrháři UX také berou v úvahu subsystémy a procesy v systému. Mohou například studovat proces placení na webu elektronického obchodování, aby zjistili, jak snadné a přístupné je dokončení procesu nákupu produktů z webu. Mohou se ponořit hlouběji do komponent subsystému, například zjistit, jak efektivní a příjemné je uživatelské prostředí při vyplňování vstupních polí ve webovém formuláři.

Co je design UX? Technologický koncept

Důležitým konceptem v designu UX je proces, kterým uživatelé utvářejí zážitek. Když se spotřebitel poprvé setká s produktem, vytvoří se okamžitý dojem, který se časem mění. V tomto procesu se vnímání, jednání, motivace a poznání spojí a vytvoří uživatelskou zkušenost. Tento proces spouští emoční reakce, které do značné míry určují, zda je zážitek pozitivní nebo negativní.

Návrháři UX se snaží vytvářet faktory, které záměrně ovlivňují proces. K tomu návrhář UX zvažuje tři kategorie otázek: co, proč a jak.

Proč- implikuje motivaci uživatelů k přijetí produktu a touhu ho vlastnit.

co- týká se toho, co lidé mohou dělat s produktem a jeho funkčností.

jak- odkazuje na design funkčnosti přístupným a esteticky příjemným způsobem.

Návrh UX začíná kategorií „proč“, poté definuje „co“ a nakonec „jak“ vytvářet produkty, se kterými mohou mít uživatelé smysluplnou zkušenost.

Historická retrospektiva

Ve srovnání s mnoha jinými obory, zejména webovými systémy, je design UX relativně nový. Pojem „uživatelská zkušenost“ vytvořil Dr. Donald Norman, výzkumný pracovník v oblasti kognitivní vědy, který také jako první popsal důležitost designu zaměřeného na uživatele - představa, že rozhodnutí o designu by měla vycházet z potřeb spotřebitelů. Historie designu UX začala zveřejněním tohoto konceptu.

Ať už pracuje pro startup nebo velkou společnost, návrhář UX je přímo zapojen do procesu, aby byl produkt užitečný a příjemný pro cílový trh společnosti. Proces vytváření produktu obsahuje několik důležitých kroků:

spotřebitelský průzkum;

design produktu;

testování;

implementace.

Zvažme každý z nich podrobněji.

Spotřebitelský výzkum: kde začít jako ctižádostivý designér?

Analýza spotřebitelského publika a identifikace potřeb zahrnuje komunikaci se skutečnými uživateli na cílovém trhu. Pokud předmět výzkumu existuje pouze hypoteticky a dosud nebyl vytvořen, stávají se předmětem diskuse podobné produkty konkurenčních firem, jejich výhody a nevýhody. Pokud produkt již existuje, spotřebitelům jsou kladeny otázky o tom, jak se lidé cítí při procházení webu s aktuálním designem, zda je snadné najít potřebné informace a jak jsou stránky strukturované. Kvalita písemného a grafického obsahu a celkový vizuální dojem z webu se posuzují samostatně. Pro tuto část procesu lze použít následující metody:

dotazníky;

diskuzní skupiny;

online průzkumy;

analýza úkolů.

Je důležité si uvědomit, že pokud je produkt produktem myšlenky designu a nemá nic společného s uživatelskou zkušeností a zpětnou vazbou při jeho vývoji a implementaci, není produktem designu UX.

Design

Vypracování hypotézy designu zahrnuje přemýšlení o tom, jak se nový produkt nebo služba může přizpůsobit tomu, jak se zákazník již chová (jak vyplývá z průzkumu uživatelů). Design produktu je zaměřen na funkčnost a použitelnost, nikoli na to, jak vypadá. V této fázi se používají následující:

informační architektura;

• prototypování.

Testování

Testování zahrnuje kontrolu, zda změny provedené během fáze návrhu fungují správně a jsou vhodné pro jejich úkol. To je skvělý způsob, jak se zbavit problémů nebo potíží uživatelů, které nebyly viditelné ve fázi návrhu, před zahájením práce ve fázi implementace. Existují různé:

a / b testování;

použitelnost;

vzdálené testování uživatelů.

Implementace

Implementace zahrnuje úzkou spolupráci s webovými vývojáři k dosažení konečného cíle. Weboví vývojáři pracují na přeměně návrhových nápadů na skutečný web. Je důležité, aby vývojáři během celého procesu pracovali jako tým, aby byla tato konečná fáze efektivnější a optimálnější.



Co je uživatelská zkušenost?

Webové stránky a aplikace jsou s pokrokem technologií stále sofistikovanější. To, co dříve bývalo jednosměrné statické prostředí, se dnes vyvinulo do širokého interaktivního prostředí.

Bez ohledu na to, jak moc se změnil výrobní proces, úspěch webu stále závisí na jedné věci: jak to uživatelé vnímají. "Dává mi tento web hodnotu?" Je to snadné? Je příjemné být tady? “ - to jsou otázky, které si uživatelé kladou při interakci s produkty společnosti, a na základě této zkušenosti se zpravidla rozhodují o nákupu.

Uživatelské rozhraní (zkráceně UX) v designu je to, jak se člověk cítí při interakci se systémem. Systémem může být web, webová aplikace nebo software pro stolní počítače. V moderním kontextu se tomu často říká interakce člověka s počítačem.

Uživatelská zkušenost zahrnuje všechny aspekty interakce konečného spotřebitele se společností, jejími službami a produkty. Je důležité odlišit celkový design projektu od uživatelského rozhraní, i když je uživatelská zkušenost nesmírně důležitou součástí návrhu.

Je také nutné rozlišovat mezi UX a použitelností: v souladu s definicí atribut kvality uživatelského rozhraní, který zahrnuje snadnost učení, efektivitu používání, příjemnost, vizuální přijatelnost, estetiku designu.



Profesionální kompetence

Návrhář UX je zodpovědný za všechny výše uvedené kroky procesu a jejich provedení. Při školení designéra je věnována velká pozornost profesionálním kompetencím:

vedení lidí;

• projektový management;

  efektivní interakce s týmem.

Tyto profesionální vlastnosti jsou pro úspěšnou práci velmi důležité.

Jaký je rozdíl mezi designem UX a UI?

Návrháři uživatelského rozhraní (UI) se zaměřují na rozložení a skutečný design každého prvku, se kterým uživatel interaguje, zatímco návrháři User Experience (UX) se zaměřují na interakce uživatele s tímto prvkem, jakož i na celkový zážitek z produktu. Návrháři uživatelského rozhraní a UX často spolupracují, stejně jako v týmu s webovými vývojáři, na vytvoření produktu, který je vizuálně přitažlivý a příjemně se používá.

Co vlastně dělá návrhář UX?

Návrháři UX provádějí různé funkce v závislosti na fázi projektu a vývoje. V raných fázích projektu provádějí odborníci předběžný průzkum uživatelských zkušeností a poté plánují interakci prostřednictvím drátového modelu a prototypování svých projektů, které se poté testují pomocí různých heuristických technik.

Během vývoje pokračuje testování a vývoj uživatelského rozhraní ve zlepšování produktové a zákaznické zkušenosti.

Jakmile je projekt spuštěn, návrhář UX může analyzovat uživatelské metriky, aby sledoval jejich postup, vrátit se zpět a iterovat, aby zlepšil slabiny designu.



Úkoly a metody

Návrháři UX provádějí různé úkoly v různých bodech procesu. Níže je uveden základní seznam:

Hodnocení současného systému. Pokud systém již existuje, profesionál UX holisticky vyhodnotí jeho aktuální stav. Problémy jsou identifikovány a navrhovány opravy na základě analýzy údajů z výzkumu.

A / B TESTOVÁNÍ. Profesionál může navrhnout studii, která porovná účinnost a kvalitu zkušeností s různými uživatelskými rozhraními. Toho se dosáhne předložením hypotézy (například „zelené tlačítko je atraktivnější než červené“). Poté je navrženo několik revizí designu a „nejlepší zážitek“ je určen v pořadí testování (například „zelené tlačítko je lepší, protože na něj uživatelé klikají častěji.“).

Ankety. Návrhář UX provádí průzkum stávajících a potenciálních uživatelů systému, aby získal představu o tom, jaké bylo nejúčinnější konstrukční řešení. Protože zkušenost jednoho uživatele je subjektivní, nejlepší způsob, jak získat informace z první ruky, je zkoumání a interakce se skupinovým názorem.

Drátové modely a prototypy. Na základě svých zjištění mohou profesionálové UX navrhnout drátové modely různých rozvržení a prototypy s vyšší věrností.

Vlastní streamy. Navrhování způsobu, jakým by se uživatelé měli orientovat v systému, je dalším populárním nástrojem.

Designové vzory

Šablony poskytují konzistenci a způsob, jak najít nejúčinnější „nástroj“ pro danou práci. Například při navrhování šablon uživatelského rozhraní vede výběr správných prvků (např. Záložky modulů, prezentací) pro konkrétní úkoly na základě jejich účinnosti k lepšímu řešení. Vývojáři UX nabízejí nejen návrhové vzory, které se používají na jiných webových stránkách, ale také navrhují vlastní vzory pro aktuální projekt.

Programy

Existuje několik populárních a snadno dostupných návrhových softwarů UX pro práci a studium. Nástroje nejsou určeny pouze pro návrháře UX. Používají je také programátoři a webmasteři.

Kurzy designu UX používají prototypové nástroje, které lze zpočátku provádět pomocí pera a papíru. Tento levný, cenově dostupný a praktický školicí nástroj pro návrháře vám umožní rychle prototypovat a přejít k designu.

Některé softwarové nástroje pro wireframing a prototyping:




Výuka základů designu UX využívá testování A / B, známé také jako testování rozdělené nebo vícerozměrné. Tento nástroj porovnává různé verze stránky. Testování lze provést pomocí některého z několika programů.

Software pro testování A / B v zásadě rozděluje provoz webových stránek na dva stejné segmenty. Jedna skupina vidí verzi A a druhá verzi B. Pro každou verzi jsou sledovány statistiky, jako je míra konverze a míra okamžitého opuštění. Rozdělení testování určuje, která verze je lepší, a toto rozhodnutí je založeno na statistikách. Jednou z nejpopulárnějších aplikací pro testování A / B je Optimalizátor webových stránek Google.

Správa obsahu

Při výuce designu UX od nuly se používá celá řada technik inventarizace obsahu. Pro produkční weby je nejlepší použití serverové aplikace na místě (pro kterou budete potřebovat přístup na webový server). Tyto aplikace jsou blíže ke zdroji než software třetích stran a jsou přesnější a efektivnější. Pro tento účel lze použít jednoduchý nástroj Excel pro vytváření a správu inventáře obsahu, například šablona GetUXIndex ()).

Webové stránky vytvořené pomocí systémů pro správu obsahu, jako jsou WordPress a Drupal, mají tendenci mít vestavěné nástroje, které zobrazují mapu existujícího webu.

Ankety a zpětná vazba

Anketa uživatelů je další populární výzvou designu UX. Nejúčinnějším a nákladově nejefektivnějším způsobem, jak toho dosáhnout, je aplikace pro dotazování a zpětnou vazbu nebo vzdálené testování uživatelů.

Běžné nástroje průzkumu, jako je PollDaddy, poskytují flexibilní řešení, která lze použít i pro jiné úkoly. Existují nástroje zpětné vazby použitelnosti, jako je použitelnost a služby vzdáleného testování uživatelů, jako je centrum použitelnosti, které spravují testovací systém.

Příklady

Příklad designu UX - co to je? Návrh uživatelského rozhraní je proces vytváření produktů, které poskytují smysluplné a experimentální zážitky. To předpokládá pečlivý design a použitelnost produktu, estetické potěšení z používání a rozsáhlou funkčnost.

Produkty, které poskytují skvělý uživatelský zážitek (například iPhone je nejlepším příkladem designu UX), tedy neslouží pouze ke spotřebě nebo používání produktu, ale k celému procesu nákupu, vlastnictví nebo dokonce řešení problémů.

Překlad materiálu Hubspot o tom, co je design UX, jak vytváří, jaké nástroje se používají a proč podnik potřebuje design UX.

Jaké je použití vašeho webu nebo aplikace? Znamená to jen sbírat informace? Nebo nakupujte jedním kliknutím a obdržíte doručení zítra? Nebo hlavní věcí je rychle najít odpovědi na nezbytné otázky?

Přemýšlejte o lidech, kteří vyvinuli tento web nebo aplikaci. Jaký byl jejich účel?

Snažili se vytvořit webový zdroj, který by obsahoval vše, pro co ho lidé milují. Snadno použitelný web, který rychle poskytne informace, které hledáte, a pomůže vám učinit informovaná rozhodnutí.

UX neboli zážitek z interakce zahrnuje vnímání a emoce, které vyvolává softwarový produkt nebo služba. UX se vyznačuje snadným používáním, přístupností a použitelností. O UX se často mluví v kontextu elektronických zařízení, smartphonů, počítačů, softwaru nebo webových stránek. Ale takový koncept není nový; je to něco, co se rychle mění pod vlivem technologického pokroku, nových typů interakcí a spotřebitelských trendů.

Uživatelé hledají bleskurychlé způsoby řešení problémů, a proto je UX nesmírně důležité. Zajistěte, aby byl web pro uživatele jasný a snadno srozumitelný.

Pokud zákazníci nepovažují zdroj za užitečný a snadno použitelný, rychle se odhlásí. Většina uživatelů se během minuty rozhodne, zda web zavře.

V tomto článku prozkoumáme více informací o rozvíjejícím se odvětví UX, o tom, jaký druh designérů najímají komerční organizace a proč promyšlený design přináší výhody každému podnikání.

Co je UX Design?

Návrh UX neboli design uživatelských zkušeností určuje, jak spokojený bude uživatel se softwarovým produktem nebo službou; tento proces zahrnuje vylepšení funkčnosti, použitelnosti a použitelnosti. UX design je tvorba softwarových produktů s promyšlenou a relevantní uživatelskou zkušeností. Pole designu UX má spoustu podtémat, které je třeba zvážit.

1. Interaktivní design

Interaktivní design neboli IxD je podsekcí designu UX, která definuje interakci mezi uživatelem a produktem; cílem těchto interakcí je dobrá uživatelská zkušenost.

2. Vizuální design

Vizuální design využívá ilustrace, fotografii, typografii a barevná schémata ke zlepšení zážitku koncového uživatele. Ve vizuálním designu je důležité dodržovat zásady dekorace. Patří mezi ně vyvážení, prostor, kontrast ... Barva, tvar, velikost a další prvky také ovlivňují design.

3. Uživatelský průzkum

Je to poslední ze stavebních kamenů designu UX, který společnosti používají k určení očekávání svých zákazníků. Úspěšný webový projekt slouží určitému účelu a řeší konkrétní problémy, takže důležitým krokem je zjistit, co spotřebitel potřebuje. Bez toho je design založen na dohadech a předpokladech.

4. Informační architektura

Návrháři používají informační architekturu ke strukturování a označování obsahu konkrétním způsobem, aby uživatelé mohli snáze najít požadované informace. Informační architektura se používá při vývoji webu, vývoji chytrých telefonů, aplikacích a je vidět v mnoha fyzických objektech. Snadné použití a dostupnost jsou dva hlavní aspekty informační architektury.

Pro ilustraci zvažte mapu newyorského metra. Mimochodem, toto je dobrý příklad informační architektury, která pomáhá lidem dostat se z podmíněného bodu „A“ do bodu „B“. A jak zní postulát Institutu informační architektury, „pokud děláte něco pro ostatní, používáte informační architekturu.“

Procesy kompozitního UX designu

Existují tři fáze designu UX: 1. nalezení cílové skupiny 2. porozumění cílům společnosti - jak tyto cíle ovlivňují uživatele 3. nekonvenční myšlení

Typicky design UX vyžaduje přístup zaměřený na uživatele - vytvoření požadovaného konečného produktu ve třech krocích. Snadnější - měli byste vzít v úvahu potřeby těch, pro které se design vyvíjí. Mnoho řešení se používá k odstranění všech druhů komplikací a drsnosti; prototypy jsou vytvářeny a testovány na uživatelích.

Na základě výsledků práce je vybrána nejlepší z rozpracovaných možností. Pokud se podíváte na věci z pohledu a designu uživatele na základě jeho preferencí, výsledek se každému bude líbit.

Principy designu UX

Průmyslový design UX se rychle mění, ale základní principy jsou stejné. Návrháři musí pochopit, co potřebují, pokud jde o vizuální rovnováhu. Stručnost a jasnost jsou důležité nuance; zde uplatňujeme zásadu - čím méně, tím lépe. Usilujte o intuitivní design a co je důležitější, zvažte zájmy a potřeby uživatelů.

UX má tendenci být o nových technologiích, ale jádrem toho všeho jsou světoznámé principy, které návrhářům pomáhají řešit nejrůznější problémy prostřednictvím konzistentní a věcné metodiky.

Zvažte kontext: Uživatel potřebuje vědět, kde se v danou chvíli nachází. Nemělo by docházet k pocitu přetížení informací nebo ke ztrátě informací. Vaším úkolem je vyzvat a ukázat správným směrem.

Buďte člověkem: Nikdo nemá rád pocit interakce se strojem. Je pravděpodobnější, že si vybudujete důvěru, pokud svou společnost ukážete z lidské stránky.

Dostupnost: Nikdo nechce ztrácet čas. Úspěšný design UX zlepšuje navigaci.

Lehkost: Konzistence a nekomplikovaný design jsou vždy dobrá věc. Vytváříte vztahy s uživateli prostřednictvím uživatelsky přívětivého uživatelského rozhraní.

Jednoduchost: Žádné chybné výpočty nebo zbytečné popisy. Jděte rovnou k hlavní věci.

Výsledek UX

Po dokončení projektu UX návrhář a tým zobrazí klientovi a jeho týmu seznam toho, co bylo provedeno. Je nutné ukázat postup práce, seznam realizovaných nápadů.

To je důležitá součást celkového procesu. Pro designéry UX je tedy snazší najít to, co hledají, předvést svou vizi, vysvětlit určitá doporučení ke zlepšení.

1. Výzkum uživatelů

Potřeby, trendy a motivace uživatelů jsou odhaleny prostřednictvím různých uživatelských průzkumů. Může jít o kvantitativní a kvalitativní data získaná během testů, například za účasti fokusních skupin; podrobný popis procesu registrace, přihlášení a požadavků na zákaznický servis. Cílem je získat podrobnou analýzu toho, co je na webu a co dalšího lze vylepšit - všechny nápady jsou testovány na skutečných uživatelích.

Vědci vytvářejí portréty spotřebitelů na základě skutečných údajů o lidech, což pomáhá přesně určit, kdo bude s webem nebo aplikací komunikovat.

Prostřednictvím průzkumu uživatelů návrháři najdou a definují svého uživatele.

2. Hodnocení konkurentů

Posouzení silných a slabých stránek konkurence je způsob, jak rozšířit svou vlastní strategii UX. Nejlepší je jednat s analytickými zprávami, které zdůrazňují konkurenční vývoj. Ve skutečnosti se jedná o podrobnou analýzu interaktivního designu konkurence, o seznam slabin, chybných výpočtů a opomenutí obecně o tom, co se může stát konkurenční výhodou.

3. Interaktivní design

Popis uživatelských interakcí může být ve formě prototypu - to usnadňuje pochopení toho, jak uživatelé budou provádět klíčové úkoly, vyhledávat informace a obecně používat produkt. Je popsán proces hledání informací a to, jak pohodlný je vývoj. Prototyp by měl být co nejjednodušší a měl by se blížit konečné verzi.

4. Informační architektura

IA je proces získávání informací a jejich převádění do stravitelné formy, což je důležité zejména pro velké weby. Je důležité pochopit kontext, ve kterém budou lidé design používat. Konečným výsledkem může být soubor Sitemap pro popisek nebo ukázkový tok uživatelů, který ukazuje, jak se návštěvníci pohybují po webu.

Co je design uživatelského rozhraní?

Když společnost Apple představila navigační komponentu Click Wheel pro iPod, byla intuitivní a vysoce funkční - nemluvě o vizuálním. Toto je dobrý příklad úspěšného uživatelského rozhraní nebo uživatelského rozhraní. Uživatelské rozhraní je způsob interakce s počítači, stroji, webovými stránkami, aplikacemi, nositelnými zařízeními atd. Díky designu uživatelského rozhraní jsou všechny tyto věci co nejjednodušší a nejúčinnější.

UI vs. UX

UX, uživatelská zkušenost, označuje pohyb uživatele na webu nebo v aplikaci. Návrháři UX pracují na formě a funkčnosti produktu nebo technologie. Uživatelské rozhraní nebo uživatelské rozhraní je zaměřeno na to, jak vnější plášť produktu vypadá a funguje. Říše návrhářů uživatelského rozhraní je hmatatelnou a viditelnou součástí tohoto procesu.

Společné prvky uživatelského rozhraní

UX a UI mají mnoho společného, ​​ale je důležité si uvědomit klíčové rozdíly mezi nimi. Uživatelské rozhraní je opět zaměřeno na vnější stranu produktu, zatímco UX je více o tom, jak lidé interagují s webem nebo aplikací. Tady jsou nejběžnější prvky uživatelského rozhraní, o kterých potřebujete vědět, abyste lépe porozuměli rozdílům:

Informační komponenty: Návrháři uživatelského rozhraní používají informační komponenty k rozšíření takzvaných informačních komponent. zážitek ze čtení - sdělit více informací. Mezi příklady informačních komponent patří stavové indikátory, oznámení a schránky zpráv. To vše se používá jako potvrzení: uživatel dokončil konkrétní úkol. Nebo upozornit, že je z jeho strany nutná určitá akce.

Navigace strouhanky

Jedná se o návrhový nástroj, který vizuálně zlepšuje použitelnost webových stránek.

Takto lidé vidí své umístění na webové stránce v její hierarchické struktuře. Nejsou požadovány žádné fantazijní designové prvky, stačí ukázat, ve které části webu se uživatel nachází. Takové odkazy se obvykle nacházejí v horní části webové stránky online obchodů nebo na jiných zdrojích.

Ovládací prvky vstupu: Uživatelům je nabídnuto několik možností, jak odpovědět na otázku, která jim byla položena. Mohou to být zaškrtávací políčka, rozbalovací nabídky a přepínače. Informace by měly být stručné a výstižné, aby usnadnily identifikaci potřeb.

Výzkum zkušeností s interakcí

Bez výzkumu je nemožné se dozvědět o potřebách a preferencích lidí. Výzkum UX je o hledání toho, co uživatelé chtějí; získaná data tvoří základ designu UX. Společnosti a designéři pomocí výzkumu vyvozují závěry o tom, co funguje a co je lepší změnit. Existuje několik možností výzkumu UX.

Testování použitelnosti

Cílem takového výzkumu je zjistit, jak úspěšný je produkt; uživatelé se účastní testování. To společnostem poskytuje skutečné informace o tom, jak lidé používají produkt nebo systém nebo jak tento produkt či systém funguje. Existují dva hlavní způsoby testování.

Testování použitelnosti u příležitostných uživatelů je pro společnosti a výzkumné pracovníky rychlý a levný způsob, jak získat informace od lidí, kteří možná o jejich produktu nevědí. Příležitostní lidé produkt používají a sdílejí své názory.

Vzdálené testování použitelnosti umožňuje společnostem provádět výzkum v prostředí, kde se uživatelé nacházejí v jejich přirozeném prostředí (například doma nebo v kanceláři).

Nástroje pro testování použitelnosti

Tyto nástroje vám umožňují zjistit názory uživatelů, analyzovat zpětnou vazbu a na základě údajů provést určité změny. Pokud hledáte nástroj, který vám pomůže zjistit, jak snadné je použití vašeho webu nebo aplikace, máte dvě možnosti:

Adobe Fireworks CS6 umožňuje webovým návrhářům vytvářet grafiku pro webové stránky, aniž by se museli ponořit do složitosti kódu nebo designu. Adobe Fireworks má řadu výhod. Tento nástroj má působivou přesnost pixelů, možnosti komprese obrázků (JPEG, GIF atd.), Což umožňuje uživatelům vytvářet funkční webové stránky a vytvářet vektory.

S Adobe XD můžete vytvářet návrhy webů a mobilních aplikací i prototypy, drátové modely a vektorovou grafiku. Sdílejte interaktivní prototypy na různých platformách včetně Windows, Mac, iOS a Android - ideální pro týmovou práci.

Axure RP Pro je další skvělý nástroj pro návrh UX a je také zdarma. V Axure je implementováno několik možností, vč. prototypování a dokumentace. Můžete dokonce vytvořit uživatelskou navigaci a soubory Sitemap. Axure je ideální pro vytváření webových a desktopových aplikací, uživatelům je poskytována možnost rychlého exportu do PDF nebo HTML.

Jedná se o komplexní software s mnoha specifickými funkcemi, vč. nedestruktivní úpravy (což znamená, že Sketch nezmění hustotu pixelů obrazu, se kterým pracujete). Export kódu, přesnost pixelů, prototypování, úpravy vektorů jsou hlavními výhodami aplikace Sketch.

6. Software pro storyboarding

Možná se divíte, proč je scénář v designu UX potřebný. Ale je to dobrý způsob, jak vizuálně předpovědět, jak bude uživatel komunikovat s vaším produktem v širším kontextu. K dispozici je několik nástrojů pro storyboarding s různými funkcemi a úrovněmi obtížnosti.

Storyboarder je bezplatný vývoj softwaru se základními funkcemi, který je vhodný pro všechny designéry bez ohledu na úroveň jejich dovedností. Tento software rychle vytváří náčrty nebo obrázky k popisu plánu nebo nápadu. Dalším nástrojem je Toon Boom Storyboard Pro. Kombinuje kreslení, animaci, ovládání fotoaparátu a mnoho dalších možností - za roční nebo měsíční poplatek. Široká funkčnost pro důmyslné vyprávění a podrobné přípravné práce. To vše je vhodné pro designéry, kteří hledají příležitost vizuálně vyprávět svůj příběh prostřednictvím rozhraní.

Jak se stát návrhářem UX?

Pokud máte rádi design, výzkum a práci s lidmi - naslouchání ostatním vám řekne o vašich zkušenostech, pak by kariéra v designu UX mohla stát za zvážení. V tomto případě se budete muset zaměřit na koncepční aspekty designu; vytvořit kvalitní uživatelský zážitek pro ostatní uživatele.

Existuje několik důležitých kroků ke kariéře UX designéra. Mnoho univerzit na světě nabízí své vlastní kurzy, ale aby se na ně mohli přihlásit, je obvykle nutnou podmínkou čtyřleté vzdělání v oboru design. Existují flexibilnější programy, jako např Absolventský program Quinnipiac University v designu uživatelských zkušeností... Existují také profesionální certifikační programy. Hodně záleží na délce studia a úrovni školení.

Pokud jste připraveni pokračovat ve svém snu stát se designérem UX, potřebujete životopis a živé portfolio. Hodí se zdroje jako Dribbble nebo Behance. Svou práci můžete předvést na svém vlastním webu vytvořeném staviteli, jako je SquareSpace.

Nezapomeňte na následující nuance:

Vizuální přitažlivost

Prezentace je všechno. Práce by měla mluvit sama za sebe ... ukázat, nemluvit! Výběr barev, typografie jsou všechny důležité.

Přidejte stránku o sobě

Proč by vás měl někdo najmout? Jaké nové věci můžete přinést jakékoli organizaci? Ukažte náborářům svou jedinečnou vizi nebo to, co vás inspiruje.

Zaměstnanec společnosti vašich snů by neměl mít problém s procházením vašeho portfolia. V nabídce přidejte sekce jako kontakty, životopis, portfolio, o mně atd. pro zjednodušení navigace.

Vysvětlete, jak budujete své UX Váš budoucí zaměstnavatel chce porozumět vašemu myšlení. Přidejte informace a sdělte náborovému pracovníkovi o vašem výzkumu UX, brainstormingu, procesu návrhu nebo prototypování.

Vytvořte další portfolio

Pomocí dalších nástrojů zpřístupněte svou práci na webových zdrojích, kde tráví čas návrháři a ti, kteří si je chtějí najmout,

Na otázku, jaký je rozdíl mezi návrhářem UX a návrhářem uživatelského rozhraní, lidé rádi odpovědí odmítnutím. Víte, takové literární zařízení. Stejně jako „UX není o rozhraní, ani o grafickém designu, ani o použitelnosti, ani o analytice, ani o prototypu.“ Dnes stručně ukážeme rozdíl, řekneme historii vzhledu termínů a vysvětlíme, proč jsou dva koncepty, i po tolika letech, spojeny do jednoho s takovou dychtivostí - UX / UI.

Stručně o rozdílu

Návrhář uživatelského rozhraní (uživatelské rozhraní) je návrhář rozhraní v ideálním prostředí, který ze všeho kreslí tlačítka, ikony, tvary, vybírá písma a vytváří harmonické a krásné rozvržení. Web, aplikace, cokoli, s čím uživatel bude komunikovat - dokonce i obrazovka terminálu stanice. A on nemyslí na nic jiného.

Návrhář UX (uživatelská zkušenost) není návrhářem, ale návrhářem (v angličtině má slovo designer jen druhý význam). Studuje potřeby uživatelů, staví logické diagramy rozhraní, testuje prototypy na živých lidech, píše technické specifikace pro design. Jinými slovy, je to takový marketingový inženýr: analytik na vstupu, na výstupu, principy vytváření rozhraní, logika práce, rozvržení, obsah. Nejde o kreslení jako takové.

To je vše.

Proč bylo nutné všechno komplikovat

Jak tomu bylo dříve: návrhář dostal úkol „nakreslit web“. Všechny weby byly víceméně stejné: domov, o společnosti, katalog, dále v seznamu. Návrhář se zeptal: „kdy nám bude dán obsah?“ Nikdy, soudruhu, toto je armáda.

A návrháři se jednoduše říkalo „návrhář“. Žádné zámořské předpony.

Jak se to stalo později: agentury chtěly získat více peněz a svět se postupně začal pohybovat od „jednoduchých stránek“ ke komplexním webovým službám. A služba není jen jedinečné rozhraní, je to také speciální obchodní proces za ní. Například si pamatujte web Airbnb - bez hlubokého studia tématu by žádný grafik nemohl okamžitě vytvořit rozhraní.

Protože práce bylo více, vyvstala potřeba rozdělit jednu profesi na několik. Nyní specialista na UX (řekněme mu, aby nedocházelo ke zmatkům) prozkoumal a navrhl informační architekturu, prototypista provedl funkční část a grafický designér (UI) vytvořil finální produkt: moderní a příjemný pro oči.

Totéž se již stalo v průmyslu. Například jednoduše „programátoři“ byli rozděleni na „front-end“ a „back-end“. A front-endy pro skutečné front-endy a „jen návrháře rozložení“. Mimochodem,.

Důvod je vždy stejný: jedna osoba pro velký proces nestačí. Pojďme dále.

Kdo je návrhář UX / UI

Co je zábavné: volná pracovní místa často uvádějí pozice návrháře UX / UI, právě tak, prostřednictvím lomítka. Dokonce i Tinkoff hledá takového kombinovaného specialistu:

Na druhé straně barikád se designéři po celém světě začali nazývat přesně jako UX / UI. Protože být jen návrhářem je kurva nemoderní.

Co je UX / UI v ideálním světě? Nadlidský člověk, který řídí celý cyklus práce UX a poté dokáže všechno nakreslit několika iteracemi pravice (vytvořit uživatelské rozhraní).

Kdo je opravdu UX / UI? Prostě dobrý designér. Pro ty, kteří považují za svou povinnost nejen „zjistit rozvržení“, ale přistupovat ke každému projektu individuálně, začít s analýzou, otázkami, vysvětleními, náčrtky, diagramy atd. Nejedná se o plnohodnotnou odbornost UX, ale zpravidla stačí podpořit hotovou službu nebo vytvořit „jednoduchý web“.

Takže pokud uvidíte úžasného UX / UI mutanta, vězte, že:

• Jedná se o designéra, který k projektu přistupuje svou hlavou a ne jen kliká myší a zobákem.
• Toto je bič, který přečetl spoustu módních slov a nyní si říká UX / UI.

Je to jednoduché zkontrolovat: požádejte designéra, aby řekl, proč zvolil takové uspořádání prvků, takový sled obrazovek atd. Dobrý designér nedělá jediné řešení rozhraní jen tak - všechno má logické zdůvodnění.

Mimochodem

Tento článek je již druhým v řadě „Jak se liší jeden webový specialista od druhého“. Co nás vedlo k vytvoření adresáře všech profesí z webu s různými verzemi jejich jmen. Aby byl život srozumitelnější pro klienta (a pro nás všechny, co ve skutečnosti).

Návrh UX je postaven na znalostech lidské psychologie a v průběhu let studia uživatelů se objevilo mnoho zákonů psychiky, které musíte vědět při navrhování rozhraní.

Design UX: Fittsův zákon

Cílový čas je funkcí vzdálenosti cíle a velikosti cíle. V roce 1954 psycholog Paul Fitts, který studoval lidský motorický systém, ukázal, že doba potřebná k zasažení cíle závisí na vzdálenosti k cíli a také nepřímo souvisí s velikostí cíle. Podle tohoto zákona vedou rychlé pohyby a malé cíle k dalším chybám. Fittsův zákon je široce používán v UI a UX. Například podle tohoto zákona by klikatelná tlačítka měla být velká, protože na malá tlačítka se kliká hůř a trvá to déle.

Hickův zákon

Čas rozhodování se zvyšuje s počtem a složitostí možností. Čím větší je počet dráždivých látek, tím déle si uživatel vybere, s kým bude jednat. Pokud jsou uživatelé bombardováni možnostmi, budou si muset dát čas na interpretaci a rozhodnutí, co nechtějí dělat.

Jacobův zákon

Uživatelé tráví více času na jiných webech. To znamená, že uživatelé upřednostňují, aby vaše stránky fungovaly stejně jako stránky, které již znají. Jacobův zákon vynalezl Jakob Nielsen, spoluzakladatel skupiny Nielsen Norman Group, který významně přispěl k UX, například vymyslel heuristickou metodu hodnocení.

Zákon o těhotenství

Lidé budou vnímat a interpretovat nejednoznačné nebo složité obrazy v jejich nejjednodušší podobě, protože tato interpretace od nás vyžaduje co nejmenší kognitivní úsilí. Tento zákon objevil v roce 1910 psycholog Max Wertheimer, když viděl světla poblíž železničního přejezdu. Bylo to jako zapínat a vypínat světla kolem jeviště. Pozorovateli se zdá, že jde o stejné světlo, které přechází z žárovky na žárovku, i když ve skutečnosti jde pouze o řadu žárovek, které se postupně zapínají a vypínají.

UX Design: Zákon blízkosti

Ve skupině jsou vnímány objekty blízko sebe. Tento zákon je také jedním z hlavních v Gestaltově psychologii a byl objeven Wertheimerem. Všiml si, že rychlá řada událostí vytvořila iluzi pohybu. Například filmy jsou rychle se pohybující snímky, které jsou vnímány jako nepřetržitý vizuální zážitek.

Millerův zákon

V průměru si člověk může ve své pracovní paměti uchovat 7 ± 2 prvky. V roce 1956 George Miller uvedl, že rozsah okamžité paměti a absolutního úsudku byl omezen na asi 7 informací. Základní jednotkou informací je bit, množství dat potřebných k výběru mezi dvěma stejně pravděpodobnými alternativami. To znamená, že 4 bity informací jsou rozhodnutí mezi 16 párovými alternativami (4 po sobě jdoucí binární rozhodnutí). Bodem, kde zmatek způsobuje nesprávné posouzení, je šířka pásma.

Parkinsonův zákon

Jakýkoli úkol trvá celý čas, který mu byl přidělen. Podle tohoto zákona vede omezení času, prostoru nebo rozpočtu ke zvýšení produktivity a efektivity.

Efekt sériového uspořádání

Uživatelé si nejlépe pamatují první a poslední objekt v řadě. Manipulace se sériovým umístěním za účelem lepšího uživatelského zážitku se používá v mnoha populárních designech od úspěšných společností, jako jsou Apple, Electronic Arts a Nike.

Design UX: Teslerův zákon

Teslerův zákon nebo zákon zachování složitosti stanoví, že pro každý systém existuje jistota, kterou nelze snížit. V polovině 80. let si Larry Tesler uvědomil, že interakce uživatelů s aplikacemi je stejně důležitá jako samotné aplikace. Říká, že v mnoha případech by měl technik strávit další týden zjednodušováním aplikace, než aby nutil miliony uživatelů strávit další minutu pomocí komplexního programu. Bruce Tognazzini však tvrdí, že lidé se brání zjednodušit si život. Pokud je tedy aplikace jednoduchá, uživatelé se začínají snažit o složitější úkoly.

Design UX: Von Vonorffův efekt

Práce s interakcí s uživatelem pomáhá posunout produkt nebo firmu na vyšší úroveň, protože návrhář UX přemýšlí nad logikou produktu a pomáhá klientům dosáhnout jejich cílů.

Chcete-li se začít učit design UX, musíte pochopit, jak je práce na jakémkoli digitálním projektu strukturována a za co přesně takový designér odpovídá během vývoje.

Kdo je návrhář UX, co dělá

Návrhář UX je návrhář, který dělá digitální produkty srozumitelnými a logickými. Studuje zkušenosti s interakcí uživatele s produktem - webem, aplikací, programem. Cílem návrháře UX je pomoci uživateli dosáhnout jeho cíle. Za tímto účelem je projekt rozdělen do etap a každá z nich je rozpracována.

Nejprve návrháři analyzují publikum produktu, prozkoumají jeho cíle a obavy. Poté provádějí rozhovory se skutečnými lidmi, sledují stránky a aplikace konkurence. Poté se vytvoří prototypy, zobrazí se uživatelům a soubory se předají vývojářům.

Při bližším pohledu na každý z těchto kroků je snadné zjistit, kde se začít učit design UX.

Kdo se může stát návrhářem UX

Weboví designéři často přicházejí do UX, kteří se rozhodli ponořit se hlouběji do oblasti uživatelské interakce. Už pracovali s uživateli, znají základní principy a umí vizualizovat informace.

Abyste však mohli pracovat v UX, nemusíte být webovým designérem. Všechny procesy v této oblasti jsou primárně založeny na logice, schopnosti kriticky myslet, komunikaci s lidmi a schopnosti analyzovat.

Jedna z designérek Google, Fiona Yong, uvedla, že v jejím týmu je jen několik specialistů s designérským vzděláním. Zbytek pracoval dříve v příbuzných oborech nebo v jiných průmyslových odvětvích. Někdo se zabýval kognitivními vědami a někdo psychobiologií.

Proto mohou být architekti, inženýři a programátoři dobrými designéry. Hlavní věcí je porozumět základům interaktivního designu a pochopit, jak je postavena logika práce v UX. To lze provést samostatně nebo ve speciálních kurzech designu UI / UX.

Kde začít

UX design se můžete začít učit pomocí kurzů, knih a článků. Hlavní věcí je vypracovat správný tréninkový plán, formulovat cíle a přejít od obecného k konkrétnímu.

Proces práce na produktu sestává z několika fází. V každém z nich dělá návrhář UX různé věci. Abyste pochopili, jaké znalosti jsou pro práci nezbytné, musíte každou z fází podrobně zvážit:

• studie,
• analýza dat,
• design,
• design,
• analýza metrik.

Studie

Návrhář UX zajišťuje, aby budoucí web nebo aplikace prováděla užitečnou akci - prodávala, inzerovala a pomáhala uživatelům.

Je však obtížné vytvořit dobrý projekt, pokud tomuto problému nerozumíte. Návrhář proto nejprve shromažďuje údaje o budoucím produktu. Zkoumá konkurenty, plánuje funkce, přemýšlí nad logikou práce.

Dobrá metoda výzkumu hovoří se skutečnými uživateli. Při vytváření služby pro nákup jízdenek je lepší jít na vlakové nádraží a vést rozhovory s cestujícími. Zjistěte, zda pro ně bude snazší nákup jízdenek přes internet, zda je výhodné platit kartou, jak si chtějí vybrat místa ve voze.

Během fáze výzkumu by měl návrhář UX aktivně mluvit s potenciálními uživateli a ptát se, co potřebují.

Analýza dat

Když jsou cíle produktu jasné, návrhář přemýšlí nad logikou interakce.

Nejvýznamnější představitelé jsou vybráni z cílového publika a jsou o nich informováni. Snaží se představit si, co je pro tuto osobu v produktu důležité. Jaké úkoly bude řešit a jakým způsobem. Tato fáze, vytváření osobností, pomáhá návrháři představit a pracovat pro konkrétní lidi.

Uspokojení požadavků celého cílového publika nebude fungovat, ale můžete pracovat na přáních nejjasnějších představitelů. Pak existuje větší šance, že produkt budou pohodlně používat i ostatní.

Návrhář vytváří scénáře pro každou osobu. Zde je důležité si představit, jak může konkrétní osoba interagovat s produktem. Jaké funkce jsou potřebné a čeho lze v první fázi zlikvidovat.

Skriptování vám pomůže promyslet si strukturu vaší aplikace nebo webu i základní prvky.

Design

V této fázi jsou všechna shromážděná data vizualizována. Budují strukturu aplikace, uspořádávají prvky pro každou obrazovku.

Design není o vytvoření hotového designu. Jedná se o rychlé náčrtky, které se zobrazují uživatelům. Provedou testování a zjistí, zda produkt vyřeší problém v této podobě.

Rozložení v této fázi mohou být zcela odlišná - nízké detaily a černobílé nebo světlé a interaktivní. Někdo pracuje s papírem a perem, někdo používá speciální programy. Někteří návrháři okamžitě pracují v grafických editorech.

Fáze návrhu vám může ušetřit spoustu času. Je rychlejší ukázat náčrtek uživateli a zeptat se na jeho názor, než nakreslit a naprogramovat produkt od nuly a poté opravit chyby.

Design

Konečná verze je vytvořena návrhářem uživatelského rozhraní. Konečnou verzi si ale často musíte nakreslit sami. Proto je užitečné získat základní dovednosti a naučit se design uživatelského rozhraní.

Ve fázi vytvářejí vizualizace z prototypů a drátových modelů, pracují s barvou, kompozicí a typografií a navrhují obsah.

K tomu jsou vhodné grafické editory, ve kterých návrháři pracují:

• Adobe Photoshop,
• Adobe XD,
• Skica,
• Obr.

Úkolem návrháře UX je sledovat použitelnost jednotlivých prvků a stránek jako celku. Zajistěte, aby při přidávání vizuálních efektů nedošlo ke ztrátě hlavního významu produktu.

Analýza metrik

Po zveřejnění první funkční verze produktu návrhář UX sleduje skutečné chování uživatele. K tomu se používají analytické systémy a různé metriky.

Práce na produktu - provádění testů použitelnosti a A / B. Vylepšete uživatelské prostředí, přidejte nové funkce.

Jak se naučit design UX

Design UX je tvořen různými směry a disciplínami. Jedná se o vizuální design a práci s uživateli a testování výsledků. Někteří profesionálové z UX pracují jedním směrem, někteří ve všech.

Chcete-li se naučit design UX, musíte si představit celou cestu vývoje produktu a zlepšit dovednosti potřebné pro každou fázi. “

Při učení teorie mějte na paměti praktické dovednosti. Vytvořte rozvržení webu nebo si vymyslete mobilní aplikaci. Rozdělte projekt na části a na každé z nich pečlivě pracujte: proveďte výzkum a analýzu, poté proveďte návrh a návrh. Pouze praxe pomáhá designérovi stát se dobrým specialistou.