12 bezplatných věcí, které můžete udělat pro nastartování vaší kariéry UX Design

Dobře, první věci jako první. Pro koho je tento průvodce určen?

  • Weboví návrháři, vizuální návrháři, grafičtí návrháři a studenti, kteří se chtějí proniknout do designu uživatelského prostředí (UXD).
  • Lidé, kteří jsou již obeznámeni s šesti principy designu (nebudu se zde zabývat vizuálním designem).
  • Lidé, kteří již znají nástroje pro návrh, jako je Photoshop nebo Sketch.

Teď se nebojte - existuje několik nepraktických rad, které tento článek neobsahuje:

  • „Přihlaste se k odběru x newsletteru“
  • "Tady je spousta odkazů, které nikdy nečtete"
  • nebo „najděte mentora“ - protože vám to umožní čelit, tento článek byste nečetli, kdybyste našli vzácný jednorožec, který je mentorem UX.

Tady jsme.

Věc č. 1: Naučte se kódovat

Prostě to udělej. Budeš v pořádku. Naučte se HTML / CSS a tolik JavaScriptu, kolik zvládnete.

Teď, než se rozzlobíte, poslouchejte, co neříkám.

Neříkám, že se tam učím všechny různé typy JavaScriptu, neříkám, že buduji spoustu webových stránek nebo aplikací. Jediné, co říkám, je absolvovat jeden online kurz.

Proč? Tím získáte hlubší porozumění pravidlům webdesignu. Jakmile tato pravidla znáte, budete vědět, jak je porušit. Navíc se dozvíte, co je možné a co ne. Tím získáte okamžitý kredit s týmem dev a ušetříte vám i vaší společnosti celou zármutek.

Doporučuji freeCodeCamp, což je samozřejmě zdarma! Začít je snadné a kurzy jsou rozděleny na snadno konzumovatelné bitesize. Kurz HTML5 a CSS trvá pouze pět hodin a poskytuje vám všechny základy, které potřebujete znát. Pokračujte, ponořte se.

Věc č. 2: Vytiskněte celý web nebo aplikaci

Pokud pracujete ve společnosti, vytiskněte si celý web / aplikaci. Ano, celá věc. Jednou jsem za tímto účelem převzal celou místnost. Pak se na to podívej. Podívejte se na nekonzistenci těchto výtisků. Z toho vytvořte průvodce stylem. Okamžitý kredit jako UXer.

Pokud jste na volné noze, zahoďte zdarma průvodce svým stylem pro svého dalšího klienta. Nezapomeňte vložit tento kus zlata do svého portfolia. Více o průvodcích stylem zde. (Nedělejte si starosti, nemusíte vytvářet interaktivní. To by bylo hezké, ale může to být jen PDF.)

Věc č. 3: Vytvořte mapu toku uživatelů

Nyní, když je celý váš web na zdi. Je čas se na to kriticky podívat a vytvořit uživatelský vývojový diagram.

Například pro web eCommerce by vaše nejjednodušší uživatelská mapa byla doma> kategorie> produkt> košík> pokladna.

Zjistíte, že tento produkt je vrcholnou stránkou webové stránky elektronického obchodu. Většina příležitostí ke zvýšení konverze tam bude.

Pokud ještě nejste součástí společnosti, podívejte se na bod 4 níže.

Věc č. 4. Reverzní inženýr web nebo aplikace

Pokud nejste součástí společnosti, jedním z nejlepších způsobů, jak se naučit UX, je udělat staré dobré reverzní inženýrství.

Nyní nepřijímejte pouze žádný web, udělejte to pomocí oceněných aplikací a webů.

Způsob, jakým jsem se naučil webový design původně, byl stahování celých webů, abych zjistil, jak byly vytvořeny. Musíte udělat spoustu poznámek a pro každou interakci si ji zapište, jak je ukázáno níže.

Věc č. 5: Skica, Skica, Skica

… Nejprve vytvořte své návrhy a tok uživatelů. Ve Photoshopu to odstraní mnoho bolesti hlavy.

Můj učitel grafického designu mě naučil, abych vždycky nejdříve kreslil. Toto doporučení se týkalo obálek knih a plakátů, ale vždy jsem zjistil, že skicování první je vždy vítěz.

Nic nezačne, dokud vaše tužka nenarazí na papír. Před tímto bodem je to jen abstraktní myšlenka.

Věc č. 6: Zahajte prototypování

Samozřejmě se budete muset naučit nějaký prototypovací nástroj. Pamatujte, že to ve skutečnosti z vás neudělá dobrého návrháře UX, je to jen nástroj, který propojuje vaše modely dohromady.

Účelem prototypů je ukázat zúčastněným stranám interaktivitu, kterou si vy a vaši vývojáři dokážete představit, ale nemohou. Nemyslete si, že je to víc než to. Není to magie.

Invision má malou křivku učení a hraje si pěkně s náčrty a Photoshopem. První 3 projekty jsou zdarma! Je to zdaleka nejjednodušší ze všech cloudových prototypovacích nástrojů. Navíc je funkce spolupráce docela sladká. Zde je odkaz.

Věc č. 7: Dostaňte se do Google Analytics

Vložte skript do záhlaví svého webu a poté začněte sledovat. Hledejte příležitosti. Pokud má vaše společnost Google Analytics, požádejte o přístup k ní.

Je snadné se ho naučit a pokud se do něj chcete opravdu zapojit, existují online kurzy. Pokud jste na volné noze, nabídněte tuto službu jednomu ze svých klientů. Samozřejmě to musíte zpočátku dělat zdarma, ale dostanete se tam.

Hlavní oblastí vaší hodnoty je oblast stránek. (Nalezeno v části Chování) Zde můžete vidět, na kterých stránkách se vaši uživatelé odrazili nebo na kterých trávili nejdelší dobu. Tyto stránky zdůrazní vaše nejvyšší oblasti příležitostí jako UXer.

Nyní přejděte na ty stránky, které jste identifikovali, a proveďte následující:

  1. Spusťte Heatmap
  2. Získejte zpětnou vazbu od uživatelů
  3. Proveďte testování uživatelů

Vše, co pro tyto tři taktiky potřebujete, je jeden nástroj zvaný Hotjar

Hotjar je neuvěřitelný. Je to super levné a velmi užitečné. Je to skutečně zdarma pro vaše první 3 webové stránky. Má všechny, ano, všechny nástroje UX, které potřebujete k vytvoření uživatelsky zaměřeného prostředí. Zahrnuje tepelné mapy, zpětnou vazbu od zákazníků a testování uživatelů, všechno ostatní je meh. Zde je odkaz.

Věc č. 8: Spusťte tepelné mapy

Dobře, co musíte udělat, je spustit teplotní mapu na několik týdnů, v závislosti na provozu na vašem webu. Pak se můžete podívat na to, co nazývají „příležitosti“.

V podstatě hledáte zlomené vzory. Ty, které si vedou dobře, jsou skvělá validace, takže dávejte kudos designérovi, který to navrhl.

Nejcennější tepelné mapy budou ty, kde výzva k akci (CTA) není červeně zbarvená, což ukazuje, že uživatelé klikají na nesprávných místech.

Pokud se snažíte navrhnout poutavý článek, co chcete, jsou teplé barvy po celou dobu dolů a červené na CTA. Pokud k tomu nedojde: PŘÍLEŽITOST!

Velmi zdravá mapa horka se svolením Hotjar.comStandardní svitková mapa se svolením Hotjar.comToto je velmi zajímavá navigační mapa, protože ukazuje, že uživatelé nejdou pod první dva řádky. Doporučením by bylo vložit do těchto dvou řad nejvýnosnější produkty.

Věc č. 9: Použijte formulář pro zpětnou vazbu od zákazníků

Jo, Hotjar má také jednu z nich a navíc pro tebe vygeneruje jedno z těch roztomilých slovních mraků. (Každý je miluje.) Navíc existuje možnost přizpůsobit položenou otázku. Využijte tuto funkci.

Při analýze zpětné vazby od zákazníků hledejte vzory. Pokud máte oddělení zákaznických služeb, jděte s nimi mluvit a poznamenejte si vzorce toho, co říkají. Máte-li firemní akci, vyhledejte opakování a vyslechněte si, co musí říci, výhodou je neformální nastavení. Mimochodem, CS REPS LOVE VENTING, VY MILUJÍ VÁS!

Shromážděte všechny tyto zpětné vazby a nyní se dostanete k:

Věc č. 10: Proveďte testování uživatelů

Hotjar to nabízí, ale můžete také vyzkoušet u lidí v kanceláři, pokud jsou na vašem cílovém trhu. Pokud jste na volné noze, použijte své velmi milé přátele.

To, co děláte, je, posaďte se s aplikací nebo webem, neříkejte ani slovo a sledujte, jak je používají. Psát poznámky o tom, kde bojovali nebo kde snadno tekli skrz aplikaci / web.

S těmito třemi datovými body

… Nyní můžete vytvořit plán UX pro své klienty nebo správce. Musíte udělat simulovaná vylepšení těchto klíčových datových bodů. Pak je prezentujte a poté spusťte.

Věc č. 11: Nebojte se testování A / B

Nejlepší způsob, jak prokázat svou hodnotu jako UXer, je testování vašich návrhů pomocí A / B testování.

Nyní není mnoho bezplatných, ale naštěstí to můžete udělat pomocí Google Analytics s experimenty s jejich funkcemi. Má však strmou křivku učení.

A / B výsledky testů ukázané v experimentech, zvýšení konverzní rychlosti jsou nejdůležitější. S laskavým svolením becomeablogger.com

Nebo nejrychlejším způsobem je označit své cíle v Google Analytics (konverze / průměrná hodnota objednávky / průměrný čas strávený na stránce) a poté zveřejnit změny. Po zhruba 4 týdnech (v závislosti na provozu) udělejte novou značku a porovnejte ji. Pokud jste si udělali domácí úkoly, měli byste vidět výsledky, které chcete.

Pokud jste ve společnosti a máte rozpočet, zkuste se obhájit u dodavatele třetí strany. Doporučuji Qubit. Navíc mají úžasný zákaznický servis.

Věc č. 12: Zvládněte umění komunikace

Budete se muset naučit přesvědčit lidi o vašich návrzích. Nebudu to cukrovat, je to těžké. Jedná se v podstatě o prodej.

Dobře, jak toho dosáhnout?

Poslouchejte, poslouchejte, poslouchejte a poslouchejte další

Pochopení klienta je klíčem k vaší práci. Na úvodním setkání začněte zaznamenávat slova, která klient / manažer / ředitel / ředitel / generální ředitel neustále opakuje, zakroužkujte je a poté pozdravte novou slovní zásobu.

Příklad poznámek pořízených během schůzky klienta

Nyní, když je řada na vás, použijte tato slova ve své prezentaci. Nepoužívejte je pouze, ujistěte se, že je vaše návrhy integrují. Jedná se o formu zrcadlení a ukazuje, jak integrovat obchodní cíle do své práce.

Chtějí, aby lidé kupovali více? Navrhněte, aby byla CTA větší a akcentní barva. Můžete také hovořit o diletantských záležitostech použití teplé barvy na chladném pozadí, aby byla „popová“. (Jo, řekl jsem to.)

Chtějí, aby se lidé zaregistrovali? Doporučujeme dát poli formuláře větší kontrast a přidat motivaci, přemýšlet, zaregistrovat se a získat 10% slevu.

Zákazníci nerozumí produktu? Doporučujeme navrhnout diagramy pro informační sekci nebo zvýraznit nejčastější dotazy.

Chtějí více značky? Toto logo umístíte všude: přemýšlejte v ikoně chatu, ukládejte ikony map lokátoru, v zápatí vytvořte knihovnu vlastních ikon!

Ale vážně,

Musíte vždy myslet na způsoby designu, jak řešit obchodní problémy.

Klíčem k bytí UXer je řešení problémů. Pokud má zákazník problémy s odchodem, můžete to napravit. (Ne, pokud se jedná o problém se serverem.) Pokud váš zákazník nerozumí tomu, co vaše webové stránky dělají, můžete to vyřešit. Pokud váš generální ředitel chce snížit míru okamžitého opuštění, boom jste tam.

Jste řešitel problémů, nikoli posunovač pixelů.

Nejlepší věc, kterou můžete udělat ve velké společnosti, je kombinovat zpětnou vazbu od zákazníků a přání managementu ($$$). Ve skutečnosti je to mnohem jednodušší, než to zní, protože většinou jde o dvě strany téže mince. Ty jsi ten, kdo spojuje tečky.

Končím svou verzí VenXova diagramu UX, protože je všichni milujeme.

Děkujeme za čtení, neváhejte a přijměte mě s případnými dotazy nebo zpětnou vazbou.

Najdete mě také zde:

  • Instagram: https://www.instagram.com/misaac85/
  • Twitter: https://twitter.com/MiriamIsaacDsgn
  • LinkedIn: https://www.linkedin.com/in/miriam-isaac-1b4bb531/