ux monday ostrava 26. 5. 2014
DESCRIPTION
TRANSCRIPT
![Page 1: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/1.jpg)
Netradiční metody pro návrh webu, služby, produktu a vůbec …
Tereza VenerováSenior UX designer - NetSuite
![Page 2: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/2.jpg)
Rozpočet máte jen jeden, záleží na vás, jak s ním
naložíte.
![Page 3: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/3.jpg)
Budeme realizovat vše bez ohledu na čas a rozpočet?
Kvalita
Funkčnost
![Page 4: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/4.jpg)
Nebo si vybereme to nejdůležitější a zaměříme se na kvalitu?
Kvalita
Funkčnost
![Page 5: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/5.jpg)
Zaměřte se na kvalitu. Budete mít čas i na jiné věci, než jen na
wireframy
1. Persona webu2. Novinové titulky3. Service poster4. Moodboard5. Storyboard
![Page 6: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/6.jpg)
![Page 7: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/7.jpg)
Pokud by váš web byl skutečnou
osobou, kým by byl?
![Page 8: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/8.jpg)
Jak se jmenuje a jak komunikuje?
![Page 9: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/9.jpg)
Mailchimp není obyčejný marketingový nástroj, Mailchimp vám pomáhá posílat
lepší e-maily.
![Page 10: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/10.jpg)
Megapixel by mohl jenom prodávat foťáky, ale on dělá něco mnohem víc než
to.
![Page 11: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/11.jpg)
Jaký by měl být?
![Page 12: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/12.jpg)
Emoční (reakční) karty
Pokud máme vyjádřit povahové rysy nebo charakteristiky osoby či produktu, obvykle sklouzáváme k běžně užívaným pocitům (líbí se mi/nelíbí se mi).
Využijte metodu emočních karet z dílny Microsoftu, která je mimojiné hojně využívána při záskávání zpětné vazby během uživatelského testování.
http://www.otestujweb.cz/2012/08/reakcni-karty.html http://en.wikipedia.org/wiki/Microsoft_Reaction_Card_Method_(Desirability_Testing)
![Page 13: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/13.jpg)
![Page 14: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/14.jpg)
Jak vypadá?
![Page 15: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/15.jpg)
Fotografie personyPersony vytváříme proto, abychom měli k dispozici důvěryhodnou a realistickou reprezentaci skutečných návštěvníků webu.
I váš web by proto měl mít realistickou fotografii, která pomůže komunikovat jeho základní charakteristiky směrem ke klientovi i k vývojovému týmu a pomůže vytvořit jednotný mentální model.
https://www.flickr.com/photos/jasontravis/sets/72157603258446753/http://www.exactitudes.comhttp://mlkshk.com/user/jabbett
![Page 16: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/16.jpg)
![Page 17: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/17.jpg)
Jak se chová k ostatním?
![Page 18: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/18.jpg)
Dominantní
Submisivní
Přá
tels
ký
Nep
řáte
lský
![Page 19: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/19.jpg)
Co se o něm napíše v zítřejších novinách?
![Page 20: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/20.jpg)
Novinové titulkyJedna z mnoha metod, kterou designéři používají pro projekci svého produktu do budoucnosti.
Díky novinovým titulkům se snaží pochopit, jaký dopad bude mít jejich produkt na společnost, jaké emoce vyvolá a jaké reakce mohou očekávat.
http://web.ku.edu/~edit/heads.html
![Page 21: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/21.jpg)
![Page 22: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/22.jpg)
PlakátyNavrhnout můžete novinový titulek, stejně jako plakát.
Díky plakátu si designer uvědomí, jak by měla být nová služba promována a jak bude přijata lidmi. Jde o simulaci budoucích marketingových aktivit.
http://www.creativebloq.com/print-design/how-design-poster-pro-tips-7133634
![Page 23: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/23.jpg)
"Behind a good poster should be a message or
idea. It must communicate something
and should reach everyone.”
![Page 24: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/24.jpg)
![Page 25: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/25.jpg)
![Page 26: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/26.jpg)
![Page 27: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/27.jpg)
Nejen pro vytvoření plakátu potřebujete
moodboardy
![Page 28: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/28.jpg)
MoodboardKoláž fotografií, materiálů, barev, vzorů.
Moodboard je vhodné používat v okamžiku, kdy potřebujete sjednotit představu celého týmu o projektu, na kterém pracujete.
Zcela zásadní je při komunikaci s klientem. Pokud schválí moodboard, většinou přijme první verzi grafického návrhu bez výhrad. Nepřekvapíte ho. Viděl moodboard a pokud dodržíte zadání, bude mít pocit, že web už dávno zná.
http://www.otestujweb.cz/2013/06/ux-techniky-2. htmlhttp://www.moodboard.comhttp://www.pinterest.com/mindbolt/inspiring-mood-boards /
![Page 29: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/29.jpg)
![Page 30: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/30.jpg)
V jakém příběhu ožívá?
![Page 31: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/31.jpg)
StoryboardPro vytvoření storyboardu musíte znát svého zákazníka. Pokud jste vytvořili persony, máte téměř všechnu práci hotovou.
Zkuste popsat běžný den vaší persony. Jaké problémy řeší a kde se v daném okamžiku nachází. Jak do jeho běžného dne zapadá právě vaše služba. Snáze tak pochopíme a uvědomíme si, jak máme s uživatelem komunikovat.
http://www.otestujweb.cz/2013/06/ux-techniky-2.htmlhttp://www.storyboardthat.com http://www.fastcodesign.com/1672917/the-8-steps-to-creating-a-great-storyboard
![Page 32: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/32.jpg)
Jaké otázky si pokládat?
Kdo to je? Kolik je hodin a co právě dělá?Kde je? S kým je?Jaký má problém?Jak ho aktuálně řeší?Kdo jsem já? Co dělám? Jak to dělám?Jak mu můžu pomoci? Najde mě a moji službu? Bude pro něj zajímavá?
Pomůže to vyřešit jeho problém? Nestaví mu naopak nové překážky? V jaké se nachází situaci? V jakém jsou prostředí? Jaký mají problém? Co je vede k využití vaší aplikace? Odkud ji znají? Jaké kroky zahrnují řešení? Co má být výsledkem?Umožňuje aplikace takové řešení, aby byli na konci naši hlavní hrdinové spokojení?
![Page 33: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/33.jpg)
![Page 34: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/34.jpg)
![Page 35: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/35.jpg)
![Page 36: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/36.jpg)
![Page 37: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/37.jpg)
Co si zapamatovat?
![Page 38: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/38.jpg)
• Nepřemýšlejte nad vaším webem jako nad nástrojem. Přemýšlejte nad ním jako nad člověkem, který komunikuje s jinými lidmi.
• Pokud máte omezený rozpočet, zaměřte se na kvalitu, ne na kvantitu.
• Pracujte v týmu, zejména kvůli zpětné vazbě.
• Vyzkoušejte cokoliv nového!• Nebojte se dělat chyby. • Nečekejte, že vás bude mít rád každý.
![Page 39: UX Monday Ostrava 26. 5. 2014](https://reader033.vdocuments.mx/reader033/viewer/2022061223/54c400894a7959c0118b45dd/html5/thumbnails/39.jpg)