Emocionální design: Jak navrhnout web pro uživatele „dobrý“.

Krásný web ... ale proč lidé nejsou vázáni? Problém, se kterým se designér a majitel webu skutečně setkali

Cítili jste se někdy takto? Poskytli jste peníze i čas na vytvoření krásného webu. Kompletní funkce Návrh je také moderní. Výsledek však byl zklamáním ... množství uživatelů se nezvýší. Míra opětovného použití je malá. Zákazníci přicházejí a tiše chodí. Jako by se zastavil jen a pozdravil a pak tento problém prošel, není pro vás sám. Je to však skutečný příběh, kterému čelí mnoho webových lidí, máme tendenci být posedlí „estetikou“ a „použitelností“, dokud nejdůležitějším dimenzí je „emoce) uživatelů.

-[výzva]-

Výzva pro ilustrace: Srovnávací obrázek mezi webovou stránkou A vypadá krásně, ale živě s webem B, který má jednodušší design, ale existují prvky, díky nimž se uživatel usmívá (například roztomilý maskot nebo přátelská pozdrav) s grafem, který ukazuje zakázku A, stabilní a B -website.

-[/výzva]-

Proč náš web „bez srdce“? Propíchnutí kořenů, které jsou přehlíženy

Tento problém vyvstává, protože máme sklon dívat se na webový design jako „logické a uvažování“. Vytváříme nejkratší tok uživatele, vložíte tlačítko pro nalezení nejjednoduššího nalezení a použijeme nejvíce kontrastní barvy. Ale vše je jediná logická reakce (logika), na kterou jsme zapomněli, že lidé se rozhodli a vytvořili většinu vzpomínek s „emocemi“. Podle principů Dona Normana průkopník uživatelské zkušenosti vysvětlil ve slavné emocionálního designu, že existují 3 úrovně vnímání člověka: viscerální (instinkty), chování (chování) a reflexní. Behaviral je „snadno použitelný“, ale zkouška selže na viscerální úrovni, která musí být „krásná na první pohled“ a úroveň reflexní, která musí „vytvořit dobré vzpomínky a význam“ pro uživatele, že se zaměřujeme na funkci, ale postrádá emoční spojení. Je jako stavět silný dům, ale nikdo nechce zůstat, protože to nedává pocit slova „dům“. Neznalost emocí uživatele je kořenem problému, díky kterému jsou naše webové stránky pouze „nástroji“, ale nikoli „přáteli“, na které si uživatelé myslí

-[výzva]-

Výzva pro ilustrace: Jednoduché infografické obrazy Lidský mozek je rozdělen do 2 částí: „Logika“ (s ikonou, grafem, grafem) a „emocemi“ (s ikonami tvarovanými srdcem, hvězdami, usmívajícími se tváře) se šipkami, které se většina návrhů zaměřuje na logiku, ale šipky, které ukazují na emoce, jsou prázdné.

-[/výzva]-

Nechte web dále "sušit" ... bolestivější výsledky, než se očekávalo

Pokud budeme i nadále nechat naše webové stránky být jen krásnou, ale odkrytá oblast, důsledky byly vážnější než jen „prodej není třesk“, ale je to značka dlouhodobé koroze. Představte si:

• Loajalita značky je nula: Pokud neexistují emocionální zákazníci, nemají důvod být loajální vůči vaší značce. Jakmile je trochu lepší návrh, je připraven se změnit na konkurenta.
• Žádné další (slovo-ústní): Lidé se budou podělit nebo říct, proč se cítí „wow“, „působivý“ nebo „zábava“. Web, který je pouze „lze použít“, si nebude pamatovat ani zmínit.
• Zmizí v moři konkurentů: Ve věku, že každý může vytvořit krásný web „pocit“, je něco, co vytváří skutečné rozdíly. Pokud váš web není emotivní, nebude vypadat neliší od ostatních webových stránek. Miliony na trhu
• Ztráta příležitostí pro vytváření komunity: Společným pocitem je základ budování komunity. Bezcitné webové stránky nejsou schopny vytvořit fanouškovskou základnu, která je připravena na podporu a ochranu vaší značky.

Ignorování emocionálního designu je, jako byste se pokusili přidat vodu do úniku. Možná budete moci získat spoustu marketingových rozpočtů, které přitahují lidi dovnitř. Nakonec však budou úplně vytékat, protože váš web „jejich pocity“ nedokáže udržet své dobré “. Pochopení dopadu webové stránky organizace na značku vám pomůže vidět, proč je tato záležitost nesmírně důležitá

-[výzva]-

Výzva pro ilustrace: před/po srovnávacích obrázcích. První stranou je vodní nádrž s mnoha otvory. Voda tekla téměř úplně. (Je to jako zákazník, který zemřel). Strana After je nádrž na vodu, která byla uniká i ikony tvarovanými na srdce. A má plnou tank (jako zákazníci, kteří jsou stále se značkou)

-[/výzva]-

Probuďte své srdce pro váš web! Počínaje 3 úrovněmi emočního designu

Dobrou zprávou je, že ... Můžeme probudit naše srdce, aby naše webové stránky byly živé! Nejlepším výchozím bodem je porozumět a aplikovat 3 úrovně emocionálního designu Dona Normana v Interaction Design Foundation. Podívejme se, jaká je každá úroveň a kde můžeme začít:

• Úroveň 1: Viscerální design (design, který ovlivňuje instinkty): Toto je „Love First“. Je to první dojem, ke kterému došlo za sekundu. Uživatel bude okamžitě soudit, že „má rád“ nebo „nelíbí se“, aniž by přemýšlel. Je to příběh „Look and Feel“.
  Odtud odtud: Zaměřte se na kvalitu ilustrace, použití barvy, která zprostředkovala emoce značky, krásnou typografii, snadno čitelné, čisté a atraktivní rozvržení.
• Úroveň 2: Design Behavirar (Design, který reaguje na chování): Když uživatel začne „používat„ váš web, se pocit změní na „snadnost“ a „efektivitu“, váš web jeho život usnadňuje? Používá se a cítila se chytrá a schopná něco dosáhnout, jak si přejete?
  Odtud odtud: Udělejte web nejjednodušší používat (použitelnost), snižte komplexní postupy, které umožňují akcím každého uživatele mít jasnou odpověď (zpětnou vazbu), jako je použití krásných mikrointailů
• Úroveň 3: Reflexní design (design, který vytváří odraz): Toto je nejvyšší a nejsilnější. Je to pocit. „After“, jaký uživatel byl použit z vašeho webu? Díky tomu se cítí dobře o sobě? Je to spojeno s identitou nebo hodnotou, kterou má? Je to vytvoření „příběhů“ a „smyslu“.
  Začněte odtud: Vytvořte značku, která se vyplatí sledovat, pomocí psaní UX , která ukazuje porozumění (jako je přátelská chybová zpráva), vytvoření pocitu značek a dávání „hodnoty“, která je více než jen produkt nebo služba.

Perfektním designem je kombinovat všechny 3 úrovně dohromady. K vytvoření zkušeností, které nejsou jen „uspokojivé“, ale je to nezapomenutelné “. Pokud potřebujete odborníky, aby pomohli v této sekci uvést strategie, návrhová služba UX/UI připravena poskytnout radu.

-[výzva]-

Výzva pro ilustrace: 3 vrstvy pyramidové pyramidy, spodní patro je „viscerální“ (ikona ve tvaru oka), střední vrstva je „behaviorální“ (ikona, použití rukou) a nejvyšší patro je „reflexní“ (ikona tvarovaná mozkem) s krátkým výstupem v každé vrstvě.

-[/výzva]-

Skutečné případy z MailChimp: Když „opice“ vytváří dluhopisy světové třídy

Pokud mluvíme o příkladu společnosti, která používá emocionální design, stane se legendou „MailChimp“. Musí to být první. MailChimp je platforma pro e -mailový marketing, což je „nudná“ a „plná technika, ale mohou to udělat„ zábavné “a„ přátelské “.

Počáteční problém: E -mailová kampaň je stresující a pro obchodníky se obává. Musíte znovu zkontrolovat a zkontrolovat. Bojí se posílat chyby a doufat, že výsledky vyjde dobře

Jak opravit emocionálním designem: MailChimp chápe tento pocit dobře. A navrhli zážitek na všech úrovních, aby změnili stres na štěstí:

• Visceral: Používají maskotské opice zvané „Freddie“ s roztomilými a hravými postavami, jedinečným stylem a přátelským jazykem. Způsobí, že se cítí dobře
• Behavioral: Jejich platforma je považována za velmi snadno použitelné. Kroky jsou jasné, nekomplikované. Přiměje uživatele cítit, že „může dělat“ a „ovládat“ všechno
• Reflexní: Nejvíce vrcholem je „po“, že jste již poslali e -mailovou kampaň. Namísto nalezení nudné obrazovky, MailChimp ukáže animaci opice Freddie, která je s vámi „hi-pět“ se zprávou, která povzbudí tuto malou věc k vytvoření obrovských emocionálních dopadů. Nejstresující okamžiky mění v době „oslavy“ a „dobrých pocitů“. Mnoho uživatelů dokonce fotografuje tuto obrazovku a sdílí na sociálních médiích s dobrými pocity.

Výsledky: Investice do emocionálního designu činí Mailchimp nejen „nástrojem“, ale stává se „partnerským přítelem“ celosvětových obchodníků. Dokud nevzrostl na miliardy dolarů, je to síla designu, která skutečně chápe „srdce“ uživatele.

-[výzva]-

Výzva pro ilustrace: Model obrazovky MailChimp s Freddie Mascoting Freddie je zábavný herectví (jako je vysoký pět) po práci některých uživatelů. S grafem ukazujícím spokojenost zákazníka (spokojenost zákazníka)

-[/výzva]-

Kontrolní seznam lze okamžitě použít! Probuďte svůj web a žijte ve 3 krocích.

Chtěli byste se pokusit použít emocionální design na váš web, ale nevíte, jak začít? Neboj se! Zkuste použít tento jednoduchý kontrolní seznam. Lze rozdělit na 3 úrovně, abyste to mohli okamžitě udělat.

Krok 1: Upravte „viscerální úroveň“

• [] Vysoce kvalitní obrázky: Všechny obrázky na webu jsou jasné, krásné a komunikují emoce značky?
• [] Paleta, správná barva: Barva použitá na webu je v souladu s osobností značky a vytváří požadovaný pocit (jako je modrý = spolehlivý, žlutý = zábava) nebo ne?
• [] Písma, která jsou snadno čitelná a mají postavy: písmena vypadají dobře, pohodlně čtěte a celkově odpovídají náladě a tónu?
• [] Vhodný bílý prostor: Existuje prostor pro „dech“? Nebo je všechno tak nepříjemné?

Krok 2: Vytvořte zážitek, že „úroveň chování“

• [] Lovely Micro-International: Existuje malá reakce, která nás nutí používat? (Například tlačítko měnící se barvu při směřování myši, ikona, která se může pohybovat). Dobrá mikro-inakce vám pomůže získat více nápadů.
• [] Snížení nápadů: Navrženo s ohledem na kognitivní zkreslení nebo nápady ke snížení zátěže uživatelů?
• [] Clear Navigation zpráva: Uživatel vždy ví, co dělat dál? Různá tlačítka a nabídky snadno pochopitelné nebo ne?
• [] Zpětná vazba včas: Když uživatel uspěje (například vyplnění formuláře), existuje jasná a přátelská potvrzovací zpráva?

Krok 3: Vztah „reflexní úroveň“

• [] Značky (o nás): Page „O nás“ může vyprávět okouzlující a inspirativní příběh?
• [] Psaní ux, které chápe: jazyk, který používá uživatele „jako člověka“ a ukazuje, jak moc sympatický? Zejména na stránce chybových zpráv, která by měla být zachráněna, ne zhoršená pokusit se více studovat z článku. Psaní dobré chybové zprávy
• [] Vytvořte zvláštní pocit: Dejte zvláštní privilegium, děkujeme nebo konkrétního obsahu pro běžné zákazníky, aby se cítil „důležitými lidmi“?
• [] Spojené s vyššími hodnotami: Na co stojí vaše značka? (Jako je udržitelnost, pomoc společnosti) a komunikujete tohoto uživatele?

Stačí spustit tento kontrolní seznam jeden po druhém. Váš web začne mít „srdce“ a vytvořit lepší pouto s uživateli.

-[výzva]-

Výzva pro ilustrace: Velké obrázky kontrolního seznamu, které vypadají krásně a snadno se používají. S 3 hlavními tématy, viscerálními, behaviorálními, reflexními a v každé položce sestavenou roztomilou ikonu

-[/výzva]-

Otázky, které lidé mají tendenci přemýšlet (FAQ) o emocionálním designu.

Sestavili jsme otázku, kterou mnoho lidí přemýšlelo o emocionálním designu s jasnými odpověďmi a snadno pochopitelnými.

Otázka: Emocionální design je vhodný pro každé podnikání? Nebo vhodné pouze pro značku produktů životního stylu?
Odpověď: Vhodné pro každé podnikání! Ať už prodáváte software B2B, finanční služby nebo spotřební zboží, váš uživatel je stále „lidským“, který má pocity. Vytváření pozitivních pocitů, jako je spolehlivost, bezpečnost, pocity péče, jsou důležité pro každé podnikání. Design, který chápe emoce, vždy pomůže dosáhnout rozdílů a výhod v konkurenci.

Otázka: Pokud máme omezený rozpočet, by měl začít investovat s emocionálním designem jako první?
Odpověď: Začněte malými věcmi. To může mít velký dopad také známý jako „ovoce s nízkým úlohem“, například
1. psaní UX: Vylepšete text v tlačítku (CTA), téma a omyl Messee být přátelštější a porozumět. Tato část používá nejmenší náklady, ale vidíte výsledky.
2. mikroinvertace: Při stisknutí tlačítka nebo načtení webové stránky přidejte malou animaci. Aby bylo možné vypadat živěji.
3. Obrázek: Výběr nebo pořizování hlavního obrázku (obrázek hrdiny), který bude použit na první stránce. Protože je to první věc, kterou uživatelé okamžitě vidí a zapůsobí

Otázka: Jak můžeme měřit úspěch emocionálního designu?
Odpověď: I „pocity“ je obtížné měřit. Můžeme však měřit změny uživatelů, například
- čas na stránce (při použití na webové stránce): Pokud se uživatel cítí příjemný, bude na webu delší
- stránky na relaci (počet otvorů za čas): dobré pocity je povzbudí, aby více prozkoumaly vaše webové stránky
- míra konverze (míra koncentrace): pozitivní důvěra a pocity přímo na nákup nebo kontakt
- značky (mluvení o značkách): oznámení v sociálních médiích. Že někdo mluví o dobrých zkušenostech na vašem webu?
- Průzkumy spokojenosti zákazníků (průzkum spokojenosti): Přidejte otázky týkající se „pocitů“, které se mají použít v průzkumu.

-[výzva]-

Výzva pro ilustrace: Velká ikona otazníku (?) Obklopená malou ikonou, která vyjadřuje různé otázky, jako je rozpočet, měření, typ podnikání

-[/výzva]-

Na závěr: Je čas přestat vytvářet „web“ a poté vytvořit „pocit“.

V tomto okamžiku se domnívám, že každý uvidí stejný obrázek, který úspěšný design webových stránek v této éře se nemůže zaměřit na „krásu“ nebo „snadnost“, ale musí jít dolů k „dobrým pocitům“, aby se staly v myslích uživatelů. Naučili jsme se 3 úrovně Dona Normana od Visceral (Instinct), Behavioral (Behavior), po reflexní (reflexe), což je důležitý zelený tisk pro vytvoření úplného a nezapomenutelného zážitku.

Investice s emocionálním designem není jen webovou dekorací, aby vypadala dobře. Je to však investice k vytvoření „vztahů“ z dlouhodobého hlediska, je to změna z „návštěvníků“ na „fanoušky“ a změna z „značky“, aby se stala „přítelem“, o kterém si uživatelé myslí a důvěřují. Nedovolte, aby váš web byl jen kódem a živým pixelem.

Je čas probudit své srdce pro váš web! Zkuste použít kontrolní seznam, který dáváme k použití po kousku. Zaručuji, že určitě začnete vidět změny. Začněte ještě dnes a vytvořte web, který váš uživatel bude „milovat“, nejen „používat“! Pokud potřebujete profesionální tým, který vám pomůže vytvořit web, který je krásný a porozumět srdci uživatelů, konzultujte tým Vision X Brain UX/UI Design Team zdarma! Jsme připraveni být partnerem a vytvářet působivé výsledky pro vaše podnikání.

-[výzva]-

Výzva pro ilustrace: Výkonná grafika ukazující ruku návrháře a změna náčrtu webu (Wireframe) v neživé lince, aby se stala barevným webem a ikonou tvarovanou srdcem. Předávání normálních webových stránek na živý web

-[/výzva]-

‍