Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (7)
Similaire à Võti tulevikku 2017 - UI / UX disain kellele ja miks?
Similaire à Võti tulevikku 2017 - UI / UX disain kellele ja miks? (20)
Võti tulevikku 2017 - UI / UX disain kellele ja miks?
- 1. PublicPublic UI/UX disain Mis, kuidas ja miks? Andres Kostiv Tieto Estonia Kasutusmugavuse (UX) disainer 7. Märts 2017.a.
- 2. Public © Tieto Corporation Public Kuidas mina UX disaineriks sain? 2
- 4. Public © Tieto Corporation Public Disainimõtlemine – Hollandi jalgrattad
- 5. Public © Tieto Corporation Public Disainmõtlemise neli etappi 5
- 6. Public © Tieto Corporation Public Disainimõtlemine - Avasta • Õppida sihtrühma vajadusi tõeliselt tundma • Jälgida olemasoleva lahenduse kasutatavust • Koguda igasuguseid vihjeid probleemile
- 7. Public © Tieto Corporation Public Disainimõtlemine - Kirjelda • Probleemi määratlemine • “kuidas võiks nii teha, et..” küsimus, millele hakatakse disainiprotsessis vastust leidma. • Ajurünnak tõelise probleemi välja valimiseks • Millisele probleemine keskendume millega edasi minna?
- 8. Public © Tieto Corporation Public Disainimõtlemine - Arenda • Ideede genereerimine • Võimalike lahenduste leidmine mistahes viisil • Prototüübi valmistamine • Prototüübi valmistamine ja kohene lõppkasutajate peal testimine pilt
- 9. Public © Tieto Corporation Public Disainimõtlemine - Tarni • Tagasiside kogumine • Vaadata millised lahendused jäävad toimima • Töö üle andmine kliendile • Muudatuste juhtimise toetamine
- 11. Public © Tieto Corporation Public Mis on digitaalne teenusedisain? • Teenuse planeerimine ning organiseerimine: • inimesed • digikanalid • kommunikatsioon • Eesmärk pakkuda klientidele parimat teenuse kasutuskogemust 11
- 12. Public © Tieto Corporation Public Lõppkasutajate intervjueerimine • Teada saada rohkem kasutusharjumuste kohta • Esitada palju avatud küsimusi • Max 45. min intervjuu
- 13. Public © Tieto Corporation Public Töövarjuna lõppkasutaja juures • Uuritakse käitumist ja kogemusi: • Lõppkasutajad • Tugipersonal • Võimaldab uurijatel märgata hetki, kus tekivad probleemid • Max 2 tundi korraga 13
- 14. Public © Tieto Corporation Public Isikutüübid e. persoonad • Kasutaja mudel • Tekib kasutajate vajaduste uurimisest • Sisaldab kasutaja eesmärke, vajadusi ja huvisid • Persoonadele tehakse ka “üks päev minu elus” stiilis stsenaariumid
- 15. Public © Tieto Corporation Public Isikutüübid e. persoonad
- 16. Public © Tieto Corporation Public Töötoad – Empaatia kaart • Mida klient... • .. mõtleb ja tunneb? • .. näeb? • .. ütleb ja teeb? • .. kuuleb? • Mured ja rõõmud?
- 17. Public © Tieto Corporation Public Töötoad - Kliendikogemuse teekond • Kokkupuuted teenusega • Kanalite kaupa • Kokkupuudete vahelised seosed • Persoonade kesksed • Nagu “filmistseenid” teenusega kokkupuutel
- 18. Public © Tieto Corporation Public Kliendikogmuse teekonna kolm suurt etappi © Marc Stickdorn Teenuse - eelne Teenuse - ajal Teenuse - järgne
- 19. Public © Tieto Corporation Public Praktiline ülesanne 19
- 21. Public © Tieto Corporation Public Mis on UX disain? • On teenusedisaini osa • Aitab teha teenuse: • kergemini kasutatavamaks • kasutusel nauditavamaks • Tasakaal lõppkasutajate vajaduste, ärivajaduste ning tasuvuse vahel 21
- 22. Public © Tieto Corporation Public UX disain - kuidas seda tehakse? 22 Kaardistame ärivajadused, kasutajate isikutüübid ja rollid Kaardistame lõppkasutajate vajadused, kasutajate isikutüübid ja rollid Loome veebirakenduse sisupuu ja joonistame prototüübid Testime lõppkasutajatega ja dokumenteerimine Jah, me testime prototüüpi lõppkasutajatega enne programmeerimist
- 23. Public © Tieto Corporation Public Mis kasu on UX disainist IT arenduses? • UX disain on nagu “kindlustus” enne programmeerimist 24
- 24. Public © Tieto Corporation Public Maailma kõige lihtsam UX testimine • 15 ülesandega testloo koostamine koos tooteomanikuga (45 min testsessiooniks) • Kolm lõppkasutajat per ring • Iga kuu alguses testitakse midagi • Luban, et alati leitakse rohkem probleeme kui jõutakse ära parandada • Ühes toas testija koos läbiviijaga. Teises toas projektijuht, tooteomanik, arendaja ja analüütik (vaatavad läbi Skype videolingi). Laual snäkid • Testijate otsimisel ei pea ‘kreisiks minema’ o Personaliosakonnast uurida uusi töötajaid o Kliendihaldurite toredad kliendid ja sõbrad
- 25. Public © Tieto Corporation Public Prototüüpimine • Mustvalged mitteprogrammeeritud kiirprototüübid • Kõigepealt mobiilivaade ja siis arvutivaade • Kaasata arendajaid nõu andma
- 26. Public © Tieto Corporation Public Prototüüpimise tööriistad 27
- 27. Public © Tieto Corporation Public Praktiline ülesanne 28
- 29. Public © Tieto Corporation Public Mis on disain? Christoph Niemann
- 30. Public © Tieto Corporation Public Disain kui info vahendaja
- 31. Public © Tieto Corporation Public Disain kui info vahendaja
- 32. Public © Tieto Corporation Public Disain kui info vahendaja “Liiga abstraktne” Täitsa paras “Liiga ehtne”
- 33. Public © Tieto Corporation Public Disaini semantika • Otsid suuremat mõtet sellele mida sa disainimisega proovid parandada • Väldi vulgaarsust: • ei sobitaks asju mis tegelikult ei peakski sobituma. Nt. Värviratas on abiks. • Märka disaini enda ümber Värviratas
- 34. Public © Tieto Corporation Public Disaini süntaktika • “Jumal on detailides” • Mitmete komponentide kokku sobitamine uuesti ja uuesti sättimisega • Tüpograafia paigutamine nt. Eesti Päevaleht • Sõrestikust on disainimisel palju abi 35
- 35. Public © Tieto Corporation Public Disaini pragmaatika • Ajatu ja puhas disain • Elegants on vulgaarsuse vastandiks • Vastutustunne 36
- 36. Public © Tieto Corporation Public Tasuta disainimise spikker - PDF raamat 37 Massimo Vignelli - üks modernse disaini rajajatest vignelli.com/canon.pdf
- 37. Public © Tieto Corporation Public Kasutajakogemuse (UX) disain Kasutajaliidese (UI) vs.? UX disain: • Interaktsioonidisain • Lõppkasutajate vajaduste intervjuud • Sõrestikud ja prototüübid • Infoarhitektuur • Paigutus • Lõppkasutajatega testimine • Google Analytics UI disain: • Graafiline disain • Stilistika • Värvid • Illustreerimine • Infograafika • Tüpograafia • Kompositsioonid • Animatsioonid vs.
- 38. Public © Tieto Corporation Public Kuidas kasutajaliidese disaini tehakse? 39 Artboardid
- 39. Public © Tieto Corporation Public Kasutajaliidese disainimise tööriistad 40
- 40. Public © Tieto Corporation Public Kasutajaliidese disainimise efektiivus • Komponentide teek, taaskasutatavad disainiosad • Valmisjoonistatud asjast tehakse “sümbol” • Tehisintellekt disainib peagi efektiivsemalt kui inimene: • Adobe, Wordpress, Voog jne.. 41 AirBnb disainkomponentide teek Sketchis
- 41. Public © Tieto Corporation Public Efektiivsus - disaini publitseerimine koodina programmeerijale - Zeplin 42
- 42. Public © Tieto Corporation Public Mis homme saab?
- 43. Public © Tieto Corporation Public 44 Homne iseteenindus: Parim interaktsioon on see kui ei ole interaktsiooni.
- 44. Public © Tieto Corporation Public Chatbotid veebilehtele ja äppidele lisaks • Facebook chat • RongiBot - rongiajad • Õigekeelsussõnarobot – ÕS abiline • KiK äpp • H&M • Baseerub sisuarhitektuuril ja KKK (FAQ) iseõppimisel 45
- 45. Public © Tieto Corporation Public Assisteerivad kõlarid • Amazon echo • Google home • Sarnane nagu chatbot kuid juhtimine käib häälega • Baseerub sisuarhitektuuril ja KKK (FAQ) iseõppimisel 46
- 46. Public © Tieto Corporation Public Virtuaalreaalsuse UX disain Saab luua uusi kogemusi mis täna pole võimalikud UI disainimise kaks reeglit: 1. Väldi merehaiguse tekitamist kasutajatel 2. Interjaktsioonide familiaarsus. Vihjeid arhitektuurist ja ruumist. 47 Video: https://youtu.be/qYfNzhLXYGc
- 47. Public © Tieto Corporation Public Mis on meeldivat UX disaineri valdkonnas • Inimesed on väärt meeldivaid ja mugavaid kasutajaliideseid. SINA saad seda mõjutada • Meeldivates ja mugavates kasutajaliidestes veedetud aeg ei ole maha visatud aeg • Sa saad näha oma silmadega kas su disainitud kasutajaliidestest saadakase aru
- 48. Public © Tieto Corporation Public UX valdkonnas alustamiseks soovitan esmalt selgeks teha #1 • Googelda: “How to become a UX/UI designer when you know nothing Lindsay Norman” • Disaini arvutis 10-100 väikest asja ja küsi tosinalt inimeselt arvamust sinu disaini maitse kohta • Leia endale UX vallas mentor
- 49. Public © Tieto Corporation Public UX valdkonnas alustamiseks soovitan esmalt selgeks teha #2 • Loe raamatud Amazonist: o Steve Krug “Don't Make Me Think, Revisited” o Marc Stickdorn “This is Service Design Thinking” • Loe disainiarvustusi nt. pixel.ee ja awwwards.com, Eesti disainiauhinnad • Kuula The UXblog podcaste
Notes de l'éditeur
- Empaatia. Sellest algab kõik! Kui te disainite, siis ei ole vahet, kas tarkvara või haigla ooteruumi kogemust, oluline on mõista kasutajakogemust ja leida viisid, kuidas seda parandada või kuidas probleemi omanikku aidata. Selles etapis tuleb õppida sihtrühma vajadusi tõeliselt tundma jälgides olemasoleva lahenduse kasutatavust ja märgates kasutajate vajadusi.
- Probleemi määratlemine. Selleks et lahendada õiget probleemilahendust, tuleb see täpselt sõnastada ehk leida “kuidas võiks nii teha, et..” küsimus, millele hakatakse disainiprotsessis vastust leidma.
- Ideede genereerimine. Võimalike lahenduste leidmine mistahes viisil. Oluline on leida võimalikult palju alternatiive, millest lõpuks valida mõned, mis võiksid töötada. Prototüübi valmistamine. Ei ole vahet, kas tegemist on teenuse või tootega, prototüüp tuleb teha igal juhul ja mida varem seda parem. Ja see peab olema midagi kasutatavat.
- Katsetamine/testimine ja tagasiside kogumine. See on kõige olulisem õppimise etapp.
- See on nagu kindlustus enne programmeerimist. Näiteks soovitakse digitaalse toote või teenuse müügitulemusi 10% parandada. Programmeeritakse uus teenus maksumusega 50 000 Eurot. Kuid enne programmeerimist ei testita prototüüpe korralikult inimeste peal. Tulemuseks on enamasti see, et müügitulemused ei paranenud. Tuleb jälle programmeerida uus täiendus 50 000 Euro eest. Inimestega testimine enne programmeerimist on nagu kindlustus enne programmeerimist.
- An arrow through the heart symbolizes feeling emotionally wounded, typically from romantic love. The arrow is that of Cupid, the god of erotic love in classical mythology. He is portrayed as a slender young man or a winged, chubby boy and carries a bow and arrow.
- Aru saada disainitava kontektist ja sotsiaalsest ning kultuurilisest taustast
- alguses suhtleb chatbot klientidega veebisisu ja KKK alusel. Kui chatbot ei osta vastata siis sekkub chatti teenindaja ja chatbot õpib teenindajate vastuseid ja jätkab ise kliendiga vestlust..