SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Úvod do UX designu Petr Douša User eXperience designer, Kerio pdousa@kerio.com
Software pro malé a střední firmy Kerio Connect mailserver Kerio Controlsíťový firewall Kerio Operatortelefonní ústředna Kerio Workspacesdílení dokumentů
Přidejte se :-) Developer ,[object Object]
Java
C/C++Tester 20% času na inovace jobs.kerio.cz
Co je User experience(Uživatelský prožiteK)
Cíl UX designu Navrhovat produkty, které lidé rádi používají
Vstupy UX designu ,[object Object]
Technické možnosti
Obchodní cíle firmy,[object Object]
Zvyklosti uživatelů
Technické možnosti
Obchodní cíle firmy „Onlinekalendář pro manažery"  „3 inovace, které půjdou prodat“ „Vylepšit UX jen v detailech, větší změny až v příští verzi.“
Postup a nástroje UX designu Uživatelský výzkum Design - Tužka a papír - Wireframy - Detailní návrhy Vývoj Testování použitelnosti
Uživatelský výzkum
Cíl Poznat potřeby a zvyklosti uživatelů.
Sběr dat (výzkum pro Kerio Mailserver, 2009) Návštěvy u zákazníkůzáměrně různí: rádio, vydavatelství, agentura... Rozhovory s uživatelirůzné pozice ve firmě -> různé potřebycca 1 hodina, moderátor a zapisovatel “Jak používáte e-mail?”otevřené otázky -> zjistit co ještě NEvíme
Zpracování Výběr fakt ze zápisů„45 mailů denně“„každý den vyčistí Inbox“ Shlukování Skeletony„Manažer, 40-60 let, 50-100 mailů denně“ Persony„Marten, 48 let, 80 mailů denně“
Shlukování
Persony
Tužkaa papír :-)
Tužka a papír Bleskově rychlé iterace a feedback
Sketchboard
Kreslit umí každý :-)
WIREFRAME
Wireframe Hotový během minut Bez rozptylujících detailů Záměrně „nedodělaný“ vzhled podporuje feedback Vytvořit, ukázat lidem, odstranit chyby, opakovat Nástroj: balsamiq.com
DETAILNÍ NÁVRH
Detailní návrh Pomalejší než wireframe (zabere hodiny)ale mnohem rychlejší než programování (týdny) Ladění detailů a zpětná vazba  Nástroje: FirebugPhotoshopPowerpoint
To nejlepší nakonec...
Testování použitelnosti
Testování použitelnosti Cíl: najít chyby použitelnosti Plný test 1 den, bleskový pár minut Často opakovat Testové úkoly „z běžného dne“ vytvoř událost „oběd“ od 12:00 do 13:00 přesuň “oběd” na 13:30 - 15:00 změň název události na “pozdní oběd”
Co testovat Všechno :-) Hotový produkt – vlastní či konkurenční Rozpracovaný produkt Nákres, wireframe, detailní návrhklidně na papíře
Kdo testuje Moderátor Pozorovatel(é) Nejlépe ti, kdo na produktu pracují Na místě či v pozorovatelně Účastníci Kdokoliv, kdo nezná produkt zevnitř Kolegové, zákazníci, známí...
„Myslete nahlas“ Uživatel říká co dělá, co vidí, čemu nerozumí Tak získáme pohled jeho očima – empatii
Ukázkový test http://webexpo.cz/prednaska/testovani-pouzitelnosti-live/
shrnutí
30% design 70% komunikace
Iterovat,  iterovat,  iterovat
Uživatel není hloupý

Weitere ähnliche Inhalte

Andere mochten auch

Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)
Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)
Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)Ondrej Havlicek
 
UX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádněUX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádněJakub Krčmář
 
Zapojte uživatele do návrhu webu
Zapojte uživatele do návrhu webuZapojte uživatele do návrhu webu
Zapojte uživatele do návrhu webuSherpas
 
Orientace na User Experience jako marketingová strategie?
Orientace na User Experience jako marketingová strategie?Orientace na User Experience jako marketingová strategie?
Orientace na User Experience jako marketingová strategie?Jakub Krčmář
 
Co vás bude bavit na uživatelských testech - Kamila Varadzinová
Co vás bude bavit na uživatelských testech - Kamila VaradzinováCo vás bude bavit na uživatelských testech - Kamila Varadzinová
Co vás bude bavit na uživatelských testech - Kamila VaradzinováAsociace UX (Prague ACM SIGCHI)
 
Buzz Meet User Experience
Buzz Meet User ExperienceBuzz Meet User Experience
Buzz Meet User ExperienceJosef Holy
 
Stav českého UX
Stav českého UXStav českého UX
Stav českého UXExperienceU
 
Proč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyProč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyIvo Kylián
 
UX není cesta, ale cíl
UX není cesta, ale cílUX není cesta, ale cíl
UX není cesta, ale cílLukas Marvan
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuTaste Medio
 
Přehled metod UX výzkumu
Přehled metod UX výzkumuPřehled metod UX výzkumu
Přehled metod UX výzkumuExperienceU
 
Cesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikaceCesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikaceeMan s.r.o.
 

Andere mochten auch (20)

Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)
Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)
Rozum a cit, aneb měřit, nebo věřit? (UX Monday Brno, 16. června 2014)
 
UX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádněUX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádně
 
Zapojte uživatele do návrhu webu
Zapojte uživatele do návrhu webuZapojte uživatele do návrhu webu
Zapojte uživatele do návrhu webu
 
Orientace na User Experience jako marketingová strategie?
Orientace na User Experience jako marketingová strategie?Orientace na User Experience jako marketingová strategie?
Orientace na User Experience jako marketingová strategie?
 
Interakční design v urbánním prostoru
Interakční design v urbánním prostoruInterakční design v urbánním prostoru
Interakční design v urbánním prostoru
 
Co vás bude bavit na uživatelských testech - Kamila Varadzinová
Co vás bude bavit na uživatelských testech - Kamila VaradzinováCo vás bude bavit na uživatelských testech - Kamila Varadzinová
Co vás bude bavit na uživatelských testech - Kamila Varadzinová
 
Metaforami k lepšímu designu - Ondřej Válka
Metaforami k lepšímu designu - Ondřej VálkaMetaforami k lepšímu designu - Ondřej Válka
Metaforami k lepšímu designu - Ondřej Válka
 
Buzz Meet User Experience
Buzz Meet User ExperienceBuzz Meet User Experience
Buzz Meet User Experience
 
Plány Asociace UX na rok 2015
Plány Asociace UX na rok 2015Plány Asociace UX na rok 2015
Plány Asociace UX na rok 2015
 
Stav českého UX
Stav českého UXStav českého UX
Stav českého UX
 
Proč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyProč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopy
 
Ceny UX služeb v ČR
Ceny UX služeb v ČRCeny UX služeb v ČR
Ceny UX služeb v ČR
 
UX není cesta, ale cíl
UX není cesta, ale cílUX není cesta, ale cíl
UX není cesta, ale cíl
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKu
 
Nástroje UX - Adam Fendrych
Nástroje UX - Adam FendrychNástroje UX - Adam Fendrych
Nástroje UX - Adam Fendrych
 
Přehled metod UX výzkumu
Přehled metod UX výzkumuPřehled metod UX výzkumu
Přehled metod UX výzkumu
 
Moderování testů použitelnosti - Jakub Franc
Moderování testů použitelnosti - Jakub FrancModerování testů použitelnosti - Jakub Franc
Moderování testů použitelnosti - Jakub Franc
 
Vzdělávání v UX
Vzdělávání v UXVzdělávání v UX
Vzdělávání v UX
 
UI/UX
UI/UXUI/UX
UI/UX
 
Cesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikaceCesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikace
 

Ähnlich wie Úvod do UX designu

Design webů v prohlížeči
Design webů v prohlížečiDesign webů v prohlížeči
Design webů v prohlížečiMartin Michálek
 
Jak děláme UX v České televizi
Jak děláme UX v České televiziJak děláme UX v České televizi
Jak děláme UX v České televiziAdam Fendrych
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme webSherpas
 
Agilní design - rychlý design
Agilní design - rychlý designAgilní design - rychlý design
Agilní design - rychlý designPetr Douša
 
Ivan Kutil: Google Apps pro firmy
Ivan Kutil: Google Apps pro firmyIvan Kutil: Google Apps pro firmy
Ivan Kutil: Google Apps pro firmyIvan K
 
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 OstravaUser eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostravajirikomar
 
Procesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky praktickyProcesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky praktickyMarek Brumlich
 
Proč chcete testovat své aplikace
Proč chcete testovat své aplikaceProč chcete testovat své aplikace
Proč chcete testovat své aplikaceatotocz
 
Hobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro webHobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro webTomáš Muchka
 
Interaktivní 3D služby v cloudu
Interaktivní 3D služby v clouduInteraktivní 3D služby v cloudu
Interaktivní 3D služby v clouduJiri Danihelka
 
Jednoduchý firemní web na WordPressu - WordCamp Praha 2014
Jednoduchý firemní web na WordPressu - WordCamp Praha 2014Jednoduchý firemní web na WordPressu - WordCamp Praha 2014
Jednoduchý firemní web na WordPressu - WordCamp Praha 2014Radek Kucera
 
3DEXPERIENCE řešení pro strojírenství
3DEXPERIENCE řešení pro strojírenství3DEXPERIENCE řešení pro strojírenství
3DEXPERIENCE řešení pro strojírenstvíJindřich Vítů
 
User experience v praxi
User experience v praxiUser experience v praxi
User experience v praxiDesingdev
 
Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)
Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)
Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)Ondřej Machulda
 
Daniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDaniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDevelcz
 
Open Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testováníOpen Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testováníH1.cz
 

Ähnlich wie Úvod do UX designu (20)

Design webů v prohlížeči
Design webů v prohlížečiDesign webů v prohlížeči
Design webů v prohlížeči
 
Jak děláme UX v České televizi
Jak děláme UX v České televiziJak děláme UX v České televizi
Jak děláme UX v České televizi
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme web
 
Agilní design - rychlý design
Agilní design - rychlý designAgilní design - rychlý design
Agilní design - rychlý design
 
Ivan Kutil: Google Apps pro firmy
Ivan Kutil: Google Apps pro firmyIvan Kutil: Google Apps pro firmy
Ivan Kutil: Google Apps pro firmy
 
Kpi zavereceny ukol
Kpi zavereceny ukolKpi zavereceny ukol
Kpi zavereceny ukol
 
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 OstravaUser eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
User eXitus - Nenechte sve navstevniky odchazet BarCamp 2011 Ostrava
 
Progress Is
Progress IsProgress Is
Progress Is
 
Procesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky praktickyProcesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky prakticky
 
Proč chcete testovat své aplikace
Proč chcete testovat své aplikaceProč chcete testovat své aplikace
Proč chcete testovat své aplikace
 
Hobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro webHobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro web
 
Interaktivní 3D služby v cloudu
Interaktivní 3D služby v clouduInteraktivní 3D služby v cloudu
Interaktivní 3D služby v cloudu
 
Jednoduchý firemní web na WordPressu - WordCamp Praha 2014
Jednoduchý firemní web na WordPressu - WordCamp Praha 2014Jednoduchý firemní web na WordPressu - WordCamp Praha 2014
Jednoduchý firemní web na WordPressu - WordCamp Praha 2014
 
3DEXPERIENCE řešení pro strojírenství
3DEXPERIENCE řešení pro strojírenství3DEXPERIENCE řešení pro strojírenství
3DEXPERIENCE řešení pro strojírenství
 
3DEXPERIENCE řešení pro strojírenství
3DEXPERIENCE řešení pro strojírenství3DEXPERIENCE řešení pro strojírenství
3DEXPERIENCE řešení pro strojírenství
 
User experience v praxi
User experience v praxiUser experience v praxi
User experience v praxi
 
Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)
Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)
Funkční testování – chybějící vrchol pyramidy (WebExpo 2016)
 
Daniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDaniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikace
 
Open Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testováníOpen Monday: Jak správně uspořádat uživatelské testování
Open Monday: Jak správně uspořádat uživatelské testování
 
Prezentace Mockups
Prezentace MockupsPrezentace Mockups
Prezentace Mockups
 

Mehr von Petr Douša

Uživatelské testování
Uživatelské testováníUživatelské testování
Uživatelské testováníPetr Douša
 
Design v Silicon Valley
Design v Silicon ValleyDesign v Silicon Valley
Design v Silicon ValleyPetr Douša
 
Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012Petr Douša
 
Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011Petr Douša
 
Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011Petr Douša
 
Testování použitelnosti LIVE na WebExpo 2010
Testování použitelnosti LIVE na WebExpo 2010Testování použitelnosti LIVE na WebExpo 2010
Testování použitelnosti LIVE na WebExpo 2010Petr Douša
 
Testování použitelnosti, na které máte čas
Testování použitelnosti, na které máte časTestování použitelnosti, na které máte čas
Testování použitelnosti, na které máte časPetr Douša
 

Mehr von Petr Douša (8)

Uživatelské testování
Uživatelské testováníUživatelské testování
Uživatelské testování
 
Design v Silicon Valley
Design v Silicon ValleyDesign v Silicon Valley
Design v Silicon Valley
 
Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012
 
Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011
 
Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011
 
Testování použitelnosti LIVE na WebExpo 2010
Testování použitelnosti LIVE na WebExpo 2010Testování použitelnosti LIVE na WebExpo 2010
Testování použitelnosti LIVE na WebExpo 2010
 
Agile UX
Agile UXAgile UX
Agile UX
 
Testování použitelnosti, na které máte čas
Testování použitelnosti, na které máte časTestování použitelnosti, na které máte čas
Testování použitelnosti, na které máte čas
 

Úvod do UX designu