SlideShare a Scribd company logo
1 of 28
DESIGN STUDIO
k webu Asociace UX

Helena Šimková
CO JE DESIGN STUDIO
Metoda Design studio
• Kolaborativní metoda

• Umožňuje dát představám o budoucím
designu konkrétní formu
• Lidé mají možnost si navzájem své
představy vyargumentovat
Cílem je…
• Vygenerovat co nejvíc možných řešení
• Postupně se společně díky konstruktivní
kritice dopracovat k několika dobrým
řešením

Cílem není…
• Vytvořit finální design!
Co je třeba připravit
• Všichni musí mít stejné informace:
– Cíle webu
– Uživatelé webu (cílová skupina a její potřeby,
persony…)
– Obsah webu a struktura

• Skupiny 3 – 5 lidí zastupující různé pohledy a
potřeby
WEB ASOCIACE UX
Poslání a cíle webu
• Hlavní poslání
–
–
–
–

Informovat o činnosti asociace
Informovat o členství v asociaci
Informovat o odborných akcích
Umožnit žadatelům o členství registraci

• Měřitelné cíle
– Registrace nového člena
– Registrace na akce asociace
– Sledování asociace na Twitteru / Facebooku /
LinkedIn
– Přihlášení k odběru newsletteru
Obsah
• Činnost a poslání asociace, fakta
(počet členů, počet akcí atd.)
• Začínáte s UX?
(vysvětlení pojmu UX, zajímavé knížky apod.)
• Hlavní tváře asociace, pracovní skupiny, ambasadoři + kontakty
• Členství
– Informace o typech členství a benefitech
– Registrace
• Akce
– Kalendář akcí – seznam všech známých akcí, akce asociace
zvýrazněné.
– Detail akce asociace (nadcházející i proběhlé)
– Formulář pro vložení informace o akci
Obsah
• Komunikace (Twitter feed, Facebook, LinkedIn, Newsletter,
Formulář pro vložení zajímavého odkazu, informace o akci apod.)

• Členové
– Seznam členů
– Medailonky členů
– Členská sekce

• JobHall (ve 2. fázi vývoje webu)
– Nabídky zaměstnavatelů
– Poptávky specialistů

• Informace o sponzorech, partnerech
Cílové skupiny
• UX specialisti
(chtějí se zapojit do komunity, sdílet svoje znalosti a
zkušenosti, rozvíjet sebe i obor)
• Manažeři řešící ve firmě web
(potřebují základní znalost oboru, aby mohli ve firmě
správně argumentovat, chtějí do firmy zavádět UX, chtějí
vědět, na koho se obrátit)
• Grafičtí designéři, vývojáři
(rádi by si rozšířili odbornost a dělali lepší věci, UX řeší
okrajově, ale chápou jeho význam)
• Studenti a učitelé ze škol, kde se učí HCI
• Široká veřejnost, novináři
JDEME NA TO…
ROZCVIČKA
Nakreslete králíčka

za 20 vteřin
Nakreslete králíčka

za 10 vteřin
Nakreslete králíčka

za 5 vteřin
Vytvořte týmy po cca 4 lidech
(jak to vyjde )
Vyberte si, co chcete designovat
(stránku, proces…)
1. kolo
• Kreslí každý sám

• Cíl: co nejvíce konceptů

5 minut
1. kolo - prezentace a kritika
• Každý prezentuje v rámci týmu

Zelená

Červená

Dobrý nápad

Špatný nápad

Ptejte se pro koho to děláte a v čem jim to pomůže

8 minut
2. kolo
• Kreslí každý sám

• Zapracujte podněty ostatních
• Cíl: vylepšit koncepty

5 minut
2. kolo - prezentace a kritika
• Každý prezentuje v rámci týmu

Zelená

Červená

Dobrý nápad

Špatný nápad

Ptejte se pro koho to děláte a v čem jim to pomůže

8 minut
3. kolo
• Kreslí celý tým

• Cíl - vytvořit detailní design toho
nejlepšího z konceptů

10 minut
3. kolo - prezentace a kritika
• Prezentuje zástupce týmu jinému týmu

Zelená

Červená

Dobrý nápad

Špatný nápad

Ptejte se pro koho to děláte a v čem jim to pomůže

10 minut
4. kolo
• Kreslí celý tým

• Cíl – zapracovat připomínky a
vytvořit detailní design toho
nejlepšího z konceptů

10 minut
4. kolo - prezentace a hodnocení
• Prezentuje zástupce týmu všem

Každý má

3 minuty
Co bude následovat
• Získané nápady promyslíme a využijeme je k
detailnímu návrhu stránek
Díky, byli jste skvělí!

More Related Content

Viewers also liked

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
 
Buzz Meet User Experience
Buzz Meet User ExperienceBuzz Meet User Experience
Buzz Meet User ExperienceJosef Holy
 
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)
 
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ář
 
Stahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref worksStahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref worksKnihovnaUTB
 
Úvod do UX designu
Úvod do UX designuÚvod do UX designu
Úvod do UX designuPetr Douša
 
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.
 

Viewers also liked (20)

Aplikace pro rozpoznávání řeči - Jan Šedivý
Aplikace pro rozpoznávání řeči - Jan ŠedivýAplikace pro rozpoznávání řeči - Jan Šedivý
Aplikace pro rozpoznávání řeči - Jan Šedivý
 
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
 
Buzz Meet User Experience
Buzz Meet User ExperienceBuzz Meet User Experience
Buzz Meet User Experience
 
Kouzlo dotyku - Adam Fendrych
Kouzlo dotyku - Adam FendrychKouzlo dotyku - Adam Fendrych
Kouzlo dotyku - Adam Fendrych
 
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á
 
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ě
 
Stahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref worksStahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref works
 
Úvod do UX designu
Úvod do UX designuÚvod do UX designu
Úvod do UX designu
 
Stav českého UX
Stav českého UXStav českého UX
Stav českého UX
 
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
 
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
 

Similar to Design studio: workshop k webu Asociace UX

Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertuTomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertuKISK FF MU
 
Úvod do User Experience pro grafické designery
Úvod do User Experience pro grafické designeryÚvod do User Experience pro grafické designery
Úvod do User Experience pro grafické designeryJakub Krčmář
 
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...Taste
 
Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)
Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)
Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)AdamHazdra
 
Jak najmout UXáka
Jak najmout UXákaJak najmout UXáka
Jak najmout UXákaSherpas
 
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?Copywriter.cz
 
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?Sherpas
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)Pája Kučerová
 
Inovace ve službách 2011
Inovace ve službách 2011Inovace ve službách 2011
Inovace ve službách 2011JIC
 
Už máte svého Chief Customer Officera?
Už máte svého Chief Customer Officera?Už máte svého Chief Customer Officera?
Už máte svého Chief Customer Officera?AdamHazdra
 
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněJak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněPetr Bechyně
 
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013Richard Dobiáš
 
UX stáže ve firmě - průvodce pro firmu i pro stážistu
UX stáže ve firmě - průvodce pro firmu i pro stážistuUX stáže ve firmě - průvodce pro firmu i pro stážistu
UX stáže ve firmě - průvodce pro firmu i pro stážistuMarek Čevelíček
 
10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webuAkce Dobrého webu
 
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Petr Stedry
 
Agilní design - rychlý design
Agilní design - rychlý designAgilní design - rychlý design
Agilní design - rychlý designPetr Douša
 
NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]
NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]
NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]Milos Lenoch
 
Personalni marketing 3
Personalni marketing 3Personalni marketing 3
Personalni marketing 3Marie Kozmová
 

Similar to Design studio: workshop k webu Asociace UX (20)

Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertuTomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
Tomáš Ludvík: Uživatelský výzkum v návrhu webu #blokexpertu
 
Úvod do User Experience pro grafické designery
Úvod do User Experience pro grafické designeryÚvod do User Experience pro grafické designery
Úvod do User Experience pro grafické designery
 
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
Brand Restart 2023: Anežka Řepík - Jak může design thinking inspirovat svět b...
 
Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)
Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)
Design služeb 2013 - Myslet jako designér (Jiří Hanek, Lenka Novotná)
 
Jak najmout UXáka
Jak najmout UXákaJak najmout UXáka
Jak najmout UXáka
 
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
 
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
Kdo je copywriter, co umí, kolik stojí a jak zapadá do vaší content strategy?
 
5 kroků, jak na úspěšný redesign e shopu langr
5 kroků, jak na úspěšný redesign e shopu langr5 kroků, jak na úspěšný redesign e shopu langr
5 kroků, jak na úspěšný redesign e shopu langr
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)
 
Inovace ve službách 2011
Inovace ve službách 2011Inovace ve službách 2011
Inovace ve službách 2011
 
Už máte svého Chief Customer Officera?
Už máte svého Chief Customer Officera?Už máte svého Chief Customer Officera?
Už máte svého Chief Customer Officera?
 
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněJak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzně
 
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013
 
UX stáže ve firmě - průvodce pro firmu i pro stážistu
UX stáže ve firmě - průvodce pro firmu i pro stážistuUX stáže ve firmě - průvodce pro firmu i pro stážistu
UX stáže ve firmě - průvodce pro firmu i pro stážistu
 
10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu
 
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
 
Domansky
DomanskyDomansky
Domansky
 
Agilní design - rychlý design
Agilní design - rychlý designAgilní design - rychlý design
Agilní design - rychlý design
 
NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]
NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]
NejŘemeslníci CCA 2009 [prohlížejte na celou obrazovku [full]]
 
Personalni marketing 3
Personalni marketing 3Personalni marketing 3
Personalni marketing 3
 

Design studio: workshop k webu Asociace UX

  • 1. DESIGN STUDIO k webu Asociace UX Helena Šimková
  • 2. CO JE DESIGN STUDIO
  • 3. Metoda Design studio • Kolaborativní metoda • Umožňuje dát představám o budoucím designu konkrétní formu • Lidé mají možnost si navzájem své představy vyargumentovat
  • 4. Cílem je… • Vygenerovat co nejvíc možných řešení • Postupně se společně díky konstruktivní kritice dopracovat k několika dobrým řešením Cílem není… • Vytvořit finální design!
  • 5. Co je třeba připravit • Všichni musí mít stejné informace: – Cíle webu – Uživatelé webu (cílová skupina a její potřeby, persony…) – Obsah webu a struktura • Skupiny 3 – 5 lidí zastupující různé pohledy a potřeby
  • 7. Poslání a cíle webu • Hlavní poslání – – – – Informovat o činnosti asociace Informovat o členství v asociaci Informovat o odborných akcích Umožnit žadatelům o členství registraci • Měřitelné cíle – Registrace nového člena – Registrace na akce asociace – Sledování asociace na Twitteru / Facebooku / LinkedIn – Přihlášení k odběru newsletteru
  • 8. Obsah • Činnost a poslání asociace, fakta (počet členů, počet akcí atd.) • Začínáte s UX? (vysvětlení pojmu UX, zajímavé knížky apod.) • Hlavní tváře asociace, pracovní skupiny, ambasadoři + kontakty • Členství – Informace o typech členství a benefitech – Registrace • Akce – Kalendář akcí – seznam všech známých akcí, akce asociace zvýrazněné. – Detail akce asociace (nadcházející i proběhlé) – Formulář pro vložení informace o akci
  • 9. Obsah • Komunikace (Twitter feed, Facebook, LinkedIn, Newsletter, Formulář pro vložení zajímavého odkazu, informace o akci apod.) • Členové – Seznam členů – Medailonky členů – Členská sekce • JobHall (ve 2. fázi vývoje webu) – Nabídky zaměstnavatelů – Poptávky specialistů • Informace o sponzorech, partnerech
  • 10. Cílové skupiny • UX specialisti (chtějí se zapojit do komunity, sdílet svoje znalosti a zkušenosti, rozvíjet sebe i obor) • Manažeři řešící ve firmě web (potřebují základní znalost oboru, aby mohli ve firmě správně argumentovat, chtějí do firmy zavádět UX, chtějí vědět, na koho se obrátit) • Grafičtí designéři, vývojáři (rádi by si rozšířili odbornost a dělali lepší věci, UX řeší okrajově, ale chápou jeho význam) • Studenti a učitelé ze škol, kde se učí HCI • Široká veřejnost, novináři
  • 12.
  • 17. Vytvořte týmy po cca 4 lidech (jak to vyjde )
  • 18. Vyberte si, co chcete designovat (stránku, proces…)
  • 19. 1. kolo • Kreslí každý sám • Cíl: co nejvíce konceptů 5 minut
  • 20. 1. kolo - prezentace a kritika • Každý prezentuje v rámci týmu Zelená Červená Dobrý nápad Špatný nápad Ptejte se pro koho to děláte a v čem jim to pomůže 8 minut
  • 21. 2. kolo • Kreslí každý sám • Zapracujte podněty ostatních • Cíl: vylepšit koncepty 5 minut
  • 22. 2. kolo - prezentace a kritika • Každý prezentuje v rámci týmu Zelená Červená Dobrý nápad Špatný nápad Ptejte se pro koho to děláte a v čem jim to pomůže 8 minut
  • 23. 3. kolo • Kreslí celý tým • Cíl - vytvořit detailní design toho nejlepšího z konceptů 10 minut
  • 24. 3. kolo - prezentace a kritika • Prezentuje zástupce týmu jinému týmu Zelená Červená Dobrý nápad Špatný nápad Ptejte se pro koho to děláte a v čem jim to pomůže 10 minut
  • 25. 4. kolo • Kreslí celý tým • Cíl – zapracovat připomínky a vytvořit detailní design toho nejlepšího z konceptů 10 minut
  • 26. 4. kolo - prezentace a hodnocení • Prezentuje zástupce týmu všem Každý má 3 minuty
  • 27. Co bude následovat • Získané nápady promyslíme a využijeme je k detailnímu návrhu stránek
  • 28. Díky, byli jste skvělí!