logo

Konference UX z praxe #4 - nástroje

Čtvrtý ročník konference se odkloní od tradičních přednášek a zaměří se na nástroje používané v oboru UX. S postupným rozmachem oboru se totiž rozšiřují i možnosti nástrojů, které jsou k dispozici. Stále zde ale zůstává dominance Axure a v lepším menší znalost dalších prototypovacích nástrojů. Proto je cílem konference ukázat nejen je, ale i další nástroje, které při své práci můžete využít.

Termín a místo

Čtvrtý ročník Konference UX z praxe se uskuteční v úterý 19. 2. 2019 v Praze v prostorách OKsystem a.s., Na Pankráci 125, 140 21 Praha 4.

Partneři

Chcete se stát partnerem konference?

logo-smartlook
logo-poonbook
logo-idf

UXZ is an approved Educational Partner of the Interaction Design Foundation

Napište mi na Jan Hlaváč - kontakt@uxz.cz, vaší představu a jak by pro vás mohlo být partnerství s konferencí přínosné.

Koupit vstup

Lístek

s DPH


Celková cena

s DPH

Program

Co očekávat od letošní ux konference? Na programu bude zhruba 10 až 16 nástrojů, se kterými se vás pokusíme stručně seznámit. Od těch známějších po ty méně známé. Rozhodně nečekejte pouze prototypovací nástroje. Těšit se můžete na Sketch, Figmu, Framer, TreeJack ale i třeba obyčejnou tužku a papír, Product Reaction cards, HotJar, OverFlow nebo AirTable a další.

Co naopak neočekávat je podrobné seznámení s nástroji nebo ukázky pro experty. Cílem je seznámit vás s širší škálou nástrojů a jejich vhodným použitím, abyste ve své práci později věděli kam a pro co šáhnout. Nikoliv vás nástroje naučit perfektně používat.

Petr Štědrý

Petr Štědrý,

UX Designer v 2FRESH Prague

Product Reaction Cards

„ Testování použitelnosti je, jako když vodíte lidi minovým polem a koukáte, kde to vybouchne”, říkám občas napůl vážně. Méně zasvěceným může testování přinést zkreslenou představu o stavu zkoumaného webu nebo aplikace. Product Reaction Cards je technika, která může pomoci reputaci testovaného produktu v očích pozorovatelů napravit. A vám přinese lepší pohled očima účastníka. V rámci přednášky se podíváme na část záznamu z testování za použití reakčních karet. Zjistíme, proč vlastně tahle technika vznikla a jak ji na vašich projektech použít.

Ján Dugovič

Ján Dugovič,

Designer ve 2N TELEKOMUNIKACE

Figma

Dnes v UX/UI prototypovacích nástrojích nejsou výrazné rozdíly. Až na Figmu. Umí všechno co ostatní, její hlavní výhoda nepramení z drobností jako version history nebo API ekosystém — nýbrž z faktu, že běží v browseru. Opravdu, zkuste si otevřít figma.com a po pár kliknutích máte před sebou kompletní nástroj, ve stejném tabu. Z toho, co v něm vytvoříte, pošlete link a ten bude vždy v poslední verzi. Nemusíte nikam nic exportovat nebo spouštět pluginy. Na přednášce vám ukážu interface Figma a provedu vás, při tvorbě jednoduchého webu, jejími funkcemi jako knihovna komponent nebo interaktivní prototyp. Na přednášce mě můžete sledovat online ve svém browseru.

Lenka Stawarczyk

Lenka Stawarczyk,

UX writer a Product marketing manager @ LMC

Hotjar

Hotjar je moc fajn nástroj jak pro UXáky, tak i pro markeťáky, kteří nechtějí stavět na vodě. Jasně, analytických nástrojů a služeb pro sběr feedbacku je na trhu fůra, ale často jsou dost tech-heavy. Hotjar je oproti tomu dostatečně výkonný, ale tak jednoduchý, že pro interpretaci vašich dat nebudete potřebovat k ruce armádu analytiků. Na pár kliků máte rychlý přehled o tom, co se na webu nebo v produktu děje, s čím uživatelé spíš bojují, a jestli náhodou neklikají někam, kde je nic nečeká. Pokud vám nestačí heatmapy nebo recordings (u kterých se dá poměrně dobře filtrovat), můžete poprosit o zpětnou vazbu rovnou na konkrétní stránce nebo si nechat dohodit vhodné lidi pro další uživatelské testování.

Martin Majling

Martin Majling,

Founder of FlowBakery UX Studio

Fixka a papier

Skicovanie je pre UX dizajnérov jednoduchý spôsob tvorby rýchlych konceptov. Je to kreatívna forma hľadania riešení a ich vizuálna prezentácia. Pomocou fixky a papiera navrhnete riešenie a každý môže vidieť, ako to myslíte. Skicovanie môže byť použité v každom štádiu procesu navrhovania produktu, najviac ale pomáha v úvodnej fáze, pretože vám umožňuje vytvoriť viacero návrhov súčasne pri minimálnych nákladoch. Na prednáške si ukážeme ako efektívne navrhovať koncepty a vysvetlíme si pravidlá využívania priestoru a tvarov.

Pavel Jílek

Pavel Jílek,

Product designer

Adobe Xd

Adobe Xd je asi nejmladší prototypovací a designový nástroj. Pracuji s ním moc rád a to nejen proto, že se v Adobe ekosystému pohybuju 20 let. Adobe Xd je intuitivní, lehký, cenově příznivý nástroj plnící většinu potřeb. Ale především je to nástroj strašně rychlý. Velmi rychle se v něm pracuje (i s rozsáhlými soubory), má opravdu rychlou adopci (strmá křivku učení, řádově v hodinách), nástroj samotný se hodně rychle vyvíjí v přímé komunikaci s komunitou uživatelů. A v neposlední řadě umí také velmi rychle tvořit realistický ukázkový obsah. Posledně jmenovanou funkcionalitu bych vám rád ukázal (hned po základním seznámení s aplikací). Mám zkušenost, že navrhování webů či aplikací nad obsahem, který se blíží reálnému používání, je výrazně efektivnější. A s Adobe Xd se k takovým návrhům dostanete velmi rychle. Budu se těšit na společný průlet v akrobatickém speciálu Adobe Xd.

Jan Hlaváč

Jan Hlaváč,

UX Designer, organizátor UXZ a UNIHUNTu

TreeJack

TreeJack je jeden z mála nástrojů, pomocí kterého můžete ověřit funkčnost struktury vaší navigace na webu za pomoci testování s uživateli online. Ověřit funkčnost navigace se vyplatí tam, kde máte větší množství položek a více úrovní v navigaci. Jsou to zpravidla rozsáhlejší weby, informační weby nebo e-shopy. TreeJack vám pomůže zjistit, jak lidé názvům položek rozumí a zda pod nimi očekávají to, co jste tam zařadili vy. Je to nástroj určený k realizaci celého testování, takže si zde nastavíte vše od uvítání účastníků po závěrečné poděkování a sběru kontaktů. Nejzajímavější jsou pak jeho výstupy, kde skvěle vizualizuje průchody skrz strukturu navigace během testu a vám to umožní velice efektivně odhadnout, kde a v čem máte ve struktuře skryté problémy. Kromě toho vám v přednášce řeknu i praktickou část, co vše je k takovému testu potřeba připravit, jak odhadnout správný počet účastníků a jak poskládat úkoly v testu.

Jan Hlaváč

Jan Pobořil,

Organizátor RealUXCampu a vývojář na volné noze

Nahrávání uživatelského testování bez i s OBS

Variant, jak nahrávat uživatelské testování, je hodně. Ukážu vám dvě nejčastější, od kterých se můžete odpíchnout a dál si je přizpůsobit podle vašich požadavků. Jedna jednodušší na jednom počítači a druhá složitější - s více vstupy jako mobilní zařízení, kamera, oddělený nahrávací a testovací počítač a podobně. OBS (Open Broadcast Studio) je poloprofesionální software pro streaming, který má hodně funkcí, takže se v něm začátečník může ztrácet. Ukážu jak ty hlavní funkce používat a nastavit tak, aby to příště ve stejném setupu stačilo jen zapnout a vypnout. Také ukážu základy streamování ať už chcete vysílat do vedlejší místnosti nebo do poboček po celém světě.

peter zalman

Peter Žalman,

Product Designer v McKinsey & Company

Validately.com

Validately je nástroj na vzdialené moderované a nemoderované užívateľské testovanie. Umožňuje otestovať prototyp alebo reálnu aplikáciu - nástroj nahráva obrazovku, video a zvuk, obsahuje sofistikované nástroje na vyhodnocovanie testov a je jednoduchý na používanie. V prednáške vám ukážem, ako Validately testovanie nastaviť a prepojiť s InVision prototypom, poslať pozvánku vlastným užívateľom a test vyhodnotiť. Okrem jednoduchého konferenčného hovoru doplneného zdieľaním obrazovky je k dispozícii niekoľko špecializovaných nástrojov a služieb, napr. Validately, Loop11, TryMyUI alebo Lookback. Nástroje som pred časom porovnal a z ohľadom na špecifické prostredie návrhu komplexných enterprise aplikácií vyhodnotil Validately ako najpraktickejší.

martin laudat

Martin Laudát,

UX designer v ARGO22

Kopie.io

Jak ideálně nastavit spolupráci mezi designery a copywritery? To je otázka, na kterou není snadné najít odpověď. Každý tým to dnes řeší různě - od kopírování textů, přes komentáře v designech, až po sofistikovanější způsoby. Jenže každá cesta přináší řadu výmolů. Co kdyby ale existoval nástroj, kam jednoduše nahrajete své designy, copywriteři se v něm vyřádí na textech a jakmile publikují změny, automaticky se aktualizují i designy? Zní to dobře? Přesně o to se snaží nový nástroj Kopie, který vzniká v Holandsku a který si klade za cíl ulehčit spolupráci mezi design týmem a copywritery. Předvedu vám, co aktuálně tento nástroj umí a jaký je jeho potenciál.

tadeas kubat

Tadeáš Kubát,

VP User Experience at Kentico Software

Metriky NPS, SUS a SUM

Chcete začít měřit user experience? Víte, jaký je vztah mezi spokojeností vašich zákazníků, použitelností vašeho produktu, a použitelností jednotlivé funkcionality? Znáte metriky Net Promoter Score, System Usability Scale, a Single Usability Metric? Povíme si, na co je která metrika vhodná a na co zase ne. Představím, jak jsme v Kenticu user experience měřili, co nám fungovalo a co jsme změnili a jaký to mělo dopad na UX našich produktů.

lukas oslzla

Lukáš Oslzla,

UX/UI designer @Bell&Hurry

Principle

V dnešní době je na trhu hned celá řada nástrojů, které vám umožní vytvářet animace a mikrointerakce uživatelských rozhraní. Principle je však oproti konkurenci ýjimečný hned v několika ohledech. Není například platformě nijak vymezen. Můžete v něm navrhovat jak webové stránky, mobilní aplikace, tak třeba rozhraní pro smart TV či dnes stále populárnější wearables zařízení. Principle umí importovat statické designy vytvořené například ve Sketchi a exportovat konečný výsledek ve formě videa, ale jeho největší výhodou je možnost nahrát celý projekt přímo na mobilní telefon. Testování vytvářené aplikace se tak stává velmi efektivní, protože celek věrně simuluje finální produkt a uživatel si jej může doslova osahat. Okolo Principle navíc rychle vyrostla silná komunita, která není vůbec skoupá na cenné rady a efektivní postupy, jak udělat tu či onu věc nejlépe.

ivana kolcunova

Ivana Kolcunová,

User Experience Researcher at LMC

Typeform

Když nabíráte lidi do výzkumu - ať už na uživatelské testování nebo deepdives, hodí se o nich vědět víc, než jen základní demografické údaje. A v tomto ohledu nabízí Typeform několik užitečných funkcí. Logika navazujících otázek vám pomůže respondenta dovést, kam potřebujete (např. přeskočit otázky, které se jej díky nějakému parametru netýkají), grafické škály umožní trochu odlehčit tón dotazníku (kromě tradičních hvězdiček si můžete vybrat třeba kočky nebo lebky) a pokud se potřebujete zeptat na něco, co se nedá vyjádřit slovy, dobře poslouží obrázkové single/multiplechoice otázky. Jednoduché nastavení vlastního designu a sdílený přístup pro kolegy z týmu dělají z Typeformu dobrého pomocníka pro uživatelský výzkum. Rychlý náhled na statistiky odpovědí nebo scrollování per respondent vám dají rychlou představu, kdo se do výzkumu hlásí. Odpovědi si zároveň můžete automaticky posílat do Google Sheets a dále s nimi pracovat dle potřeby.

xhevi

Xhevi Qafmolla,

Freelance Designer

Framer

Na přednášce ukážu na několika příkladech, v čem vyniká Framer ve srovnání s ostatními prototypovacími nástroji, jako např. práce s reálnými daty, přístup do geolokace, či ke kameře ve vašem mobilu. Nasdílím také pár praktických rad, které vám ušetří čas, až se pustíte do učení Frameru po konferenci, a přesvědčím vás, že se Frameru nemusíte bát, i když nemáte zkušenosti s programováním :)

lukas-fronc

Lukáš Fronc,

UX designer na volné noze (RENOMIA, ČS, Moneta Money Bank)

Sketch

Překvapíte vy mě, nebo já vás tím, kde jsou skutečné limity Sketche? Zauvažujeme nad tím, kdy volit Sketch a kdy je vhodnější jiný nástroj. A pak se po hlavně vrhneme do praxe prověřené i velkými projekty. Podělím se s vámi o chyby a poučení z tvorby rozsáhlých komponentových knihoven ve velkých UX/UI týmech. Jak si symboly strukturovat pro radost z jejich používání, efektivnější práci, nebo jak je obrnit univerzálností pro udržitelnost v rámci životního cyklu projektu i budoucí využití na projektech nových. Odnesete si mindset uvažování out of the box a možná i nějaký ten hack ;-)

honza-toman.png

Honza Toman,

UX Team Lead v Kiwi.com

Framework pro dlouhodobé vzdělávání designerů

Velkou výzvou při vedení týmu pro nás byla dlouhodobá podpora designerů v rozvoji jejich hard i soft skills. Potřebovali jsme vytvořit nástroje a procesy, které designerům v Kiwi.com ukážou, jak se můžou zlepšovat, a manažerům umožní jim s tím efektivně pomoct. Z přednášky si odnesete konkrétní postupy, které vám pomůžou motivovat členy týmu v dalším vzdělávání tak, aby byl celý proces jasný a transparentní. Detailně vysvětlím například to, jak máme nastavený leveling (junior, mid-level, ...), jakou zpětnou vazbu sbíráme od lidí, se kterými designeři spolupracují nejčastěji, a jakým způsobem získané informace předáváme našim designerům. Představím, jak se získaným materiálem dále pracujeme krátkodobě (především na pravidelných 1:1), i to, jak nám pomáhá při plánování na kvartální a roční bázi.

honza-toman.png

Michal Libich,

Product Designer v McKinsey & Company

RealtimeBoard

RealtimeBoard je nástroj usnadňující spolupráci týmům všech velikostí. Je to online tabule fungující v prohlížeči. Uživatelům nabízí nekonečné flexibilní místo jednoduše přizpůsobitelné potřebám uživatelů a posouvá vizuální spolupráci na novou úroveň. Dá se využít od jednoduchého poznamenávaní nápadů, celé řady UX Research & Design aktivit až po vytváření komplexního projektového plánu. Na jedné tabuli může pracovat libovolné množství lidí. Členové týmu mohou na tabuli dávat komentáře, poznamenat myšlenky pomocí post-it notes. Komunikovat se členy týmu přes chat nebo si zavolat. V přednášce vám ukážu příklady jak RealtimeBoard používáme v našem týmu, který je rozprostřený přes několik zemí, např. při mapování uživatelských cest, ideaci, tvorbě person a různým agilním ceremoniím.

Reference

Záznamy přednášek

Fotogalerie

Kontakt

Pořadatel:

SKLV s.r.o
Klimentská 2066/19
Praha 110 00
IČO: 06520634
DIČ: CZ06520634

Kontaktní osoba

Jan Hlaváč
E-mail: kontakt@uxz.cz
Telefon: 777 129 678

uxklub