Design studio: workshop k webu Asociace UX
-
Upload
helena-simkova -
Category
Design
-
view
353 -
download
3
Transcript of Design studio: workshop k webu Asociace UX
![Page 1: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/1.jpg)
DESIGN STUDIOk webu Asociace
UX
Helena Šimková
![Page 2: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/2.jpg)
CO JE DESIGN STUDIO
![Page 3: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/3.jpg)
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
![Page 4: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/4.jpg)
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!
![Page 5: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/5.jpg)
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
![Page 6: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/6.jpg)
WEB ASOCIACE UX
![Page 7: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/7.jpg)
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
![Page 8: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/8.jpg)
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
![Page 9: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/9.jpg)
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
![Page 10: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/10.jpg)
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
![Page 11: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/11.jpg)
JDEME NA TO…
![Page 12: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/12.jpg)
![Page 13: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/13.jpg)
ROZCVIČKA
![Page 14: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/14.jpg)
za 20 vteřin
Nakreslete králíčka
![Page 15: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/15.jpg)
za 10 vteřin
Nakreslete králíčka
![Page 16: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/16.jpg)
za 5 vteřin
Nakreslete králíčka
![Page 17: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/17.jpg)
Vytvořte týmy po cca 4 lidech
(jak to vyjde )
![Page 18: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/18.jpg)
Vyberte si, co chcete designovat
(stránku, proces…)
![Page 19: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/19.jpg)
1. kolo
• Kreslí každý sám
• Cíl: co nejvíce konceptů
5 minut
![Page 20: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/20.jpg)
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
![Page 21: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/21.jpg)
2. kolo
• Kreslí každý sám
• Zapracujte podněty ostatních
• Cíl: vylepšit koncepty
5 minut
![Page 22: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/22.jpg)
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
![Page 23: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/23.jpg)
3. kolo
• Kreslí celý tým
• Cíl - vytvořit detailní design toho nejlepšího z konceptů
10 minut
![Page 24: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/24.jpg)
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
![Page 25: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/25.jpg)
4. kolo
• Kreslí celý tým
• Cíl – zapracovat připomínky a vytvořit detailní design toho nejlepšího z konceptů
10 minut
![Page 26: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/26.jpg)
4. kolo - prezentace a hodnocení
• Prezentuje zástupce týmu všem
3 minutyKaždý má
![Page 27: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/27.jpg)
Co bude následovat
• Získané nápady promyslíme a využijeme je k detailnímu návrhu stránek
![Page 28: Design studio: workshop k webu Asociace UX](https://reader035.fdocuments.net/reader035/viewer/2022062419/557f2d16d8b42a00268b4f6c/html5/thumbnails/28.jpg)
Díky, byli jste skvělí!