Aleksi Kallinen Hannu Toivola Käyttäjäkokemus(UX) ja ohjelmistoprojektit 22.10.2012
Agenda 1. Who are we? 2. Mitä on UX? 3. UX-työ ohjelmistoprojektissa 4. Case konseptointi / määrittely 5. Case Lupapiste.fi 6. Haasteita ja trendejä
Näemme uusia mahdollisuuksia liiketoiminnalle verkossa, sähköisille asiointipalveluille ja älykkäälle johtamiselle. Kaikki mikä voi, digitalisoituu.
Suomen parhaat asiakkaat, yritykset ja suomalaiset
Liikevaihto 2012 Yli Vuodessa yli Vuonna 2011 27,0 miljoonaa 200 ammattilaista 2500 videoneuvottelua 358089 työtuntia Yli Yli Sijoitus Jatkuvasti 600 projektia 97% asiakastyytyväisyys 13. Great Place to Work AAA kannattava
Matka alkaa tästä.
Solita User Experience Team Suvi Peltomäki Team Manager Outi Niinikoski User Experience Designer Juha Salonen Concept Designer Aleksi Kallinen User Experience Designer Hannu Toivola User Experience Designer + Juha Höyssä Web Designer Antti-Jussi Kovalainen Software Designer Tomi Räsänen Web Designer Heikki Niemi Web Designer Janne Gylling Consultant
Strategiset käytettävyystavoitteet 1. Määrittelysopimuksen loppu 2. Toiminnallinen ensiversio 3. Inkrementin raja 4. Toteustusprojektin loppu Esiselvitys Käyttäjäryhmien tunnistaminen Määrittely Käyttökontekstin määritys Käyttäjätehtävien suunnittelu Toteutus Vuorovaikutus suunnittelu Testaus Käytettävyyden todentaminen Käytettävyystavoitteet Käytettävyyspalaute Käyttöönotto
UX mukana koko matkalla! Myynnin tuki Myynti - materiaalit Asiakkaan konsultointi Määrittelyt Visuaalinen suunnittelu SEO Interaktio - suunnittelu HTML5 Priorisointi Hyväksymis -testaus Koulutukset $ Jatkokehitys Facelift Web analytiikka Workshopit Käytettävyys - testit Käyttäjä - palaute Benchmark Konseptointi Rautalanka mallit Asiantuntija - arvioinnit
Case konseptointi
WS1 WS2 WS3 WS4 WS5 WS6 9.9.2012 User Groups and Use Cases User Interviews 12.9.2012 Content Structure Wireframes 20-21.9 WS1 + WS2 Americas Final Concept Presentation 29.10 Summary and design workshop 8.10-20.10. WS1 + WS2 APAC? Governance Model and SEO AMER ICAS EMEA APAC Iterative Evaluation of Wireframes HTML Prototype and Iterative Evaluation of Prototype WS1 WS2 WS3 WS5 WS4 WS6 week 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 monday 27.8. 3.9. 10.9. 17.9. 24.9. 1.10. 8.10. 15.10. 22.10. 29.10 5.11. 12.11. 19.11. 26.11. 3.12. 10.12. 17.12.
Davy van Dettooght Packaging materials buyer at Heineken I m responsible of buying the purchasing materials, including labels, bottles, kegs, closures etc. anything and everything that is needed to pack the contents. My task is to negotiate the yearly contracts with the suppliers but as well qualify new suppliers. I also talk to suppliers to understand what s going on in the industry and if there are new materials available, cost saving possibilities or innovations in the area of environmentally friendly packaging. I travel a lot (75% of time) to meet suppliers and as well to exhibitions. But I do need office hours as well. I try to find some time for information searching as well. When travelling, I use mostly my laptop but also use my mobile phone. I hope to get an ipad to be able to do easy internet browsing while travelling by train. During my leisure time I also do spend time with my laptop for internet searching, googling, facebooking and looking in to LinkedIn. If I go and visit the internet site of a company I go there to look for innovations / interesting news in the area of new and cost efficient materials. I d probably just look at the links on the front page or if there was a direct link in a magazine or possibly a QR code I came across at an exhibition. I might also look for contact info but if not easily available I d drop it. Example of Persona Age: 45 Education: MSc. in Economics Nationality: Dutch Mother tongue: Dutch Interests: Cars, travelling caravan Quote: Cost cutting is my daily bread but I m interested whenever I get to hear about something innovative or green. I would say I m rather interested in all the advances in technology and I do prefer nowadays the internet over traditional magazines. I d wish to do more internet searching for information needed for my work but the limited office hours limit the possibility. I actually am easier to reach by email and prefer to get information sent by email/as attachement than getting internet links. This is again due heavy travelling.
HTML proto
Case Lupapiste.fi
Lomakkeita ja liitteitä!
Kaikki mikä voi, digitalisoituu. > Ympäristöministeriö ja Solita > Käyttäjinä kunnat, suunnittelutoimistot ja luvanhakijat > Käyttäjäkeskeinen tuotekehitys > Sopivasti ketterä projekti
UX tuhoaa Agilen
Konseptin luominen Konseptin validointi Konseptin toimitus Lupahakemuksiin liittyvät prosessit ja niiden ongelmat määritellään. Hahmotellaan palvelun tärkeimmät kokonaisuudet. Luodaan alustava määrittely, rautalangat tärkeimmistä näkymistä ja toiminnoista. HTML - proto Riittävä tieto toteutusprojektin aloittamiseksi. Yksittäisiä toimintoja ja prosessin yksityiskohtia tarkennetaan toteutuksen aikana
Konseptista palveluksi sopivasti ketterä Konseptointi ja alustava määrittely 180 min Tarkentava määrittely Toteutusprojekti
UX dokumentit ja toiminta (1/2) Projektiaikataulussa on määritelty kunkin kuukauden aikana toteutettavat toiminnot UX vastaa siitä, että kuukauden alussa toiminto on kuvattu riittävällä tarkkuudella varsinaista toteutusta varten Wireframe, flow kuvaus + virhetilanteet / vaihtoehtoiset polut Wireframet katselmoidaan ensin tuotetiimin sisäisesti Tuotantoon siirryttäessä UX käy kunkin toiminnon yksityiskohtaisesti läpi sitä toteuttavan kehittäjän kanssa Mahdolliset muutokset toteuttamisen helpottamiseksi, tarkennukset. Jakaa tarvittaessa toiminnon pienempiin palasiin kehittäjän kanssa
UX dokumentit ja toiminta (2/2) UI guide UI:n yleiset periaatteet, auttaa sekä kehittäjää että suunnittelijaa Suunnittelutyön vähentyessä rooli painottuu testaamisessa Muutokset käsitellään projektipäällikön ja kehitystiimin kanssa
UX ja ketterä ohjelmistokehitys Ennen sprintin alkua: - Tarkka määrittely toteutettavista toiminnoista - Wireframe, flow - poikkeukset, virheet Sprintin aikana: - Toteuttajien kanssa keskustelu ja määrittelyn tarkentaminen palautteen perusteelta - Seuraavan sprintin valmistelu Sprintin jälkeen: - Testaus määrittelyä vasten - Testaus käyttäjillä? - Tuotoksen hyväksyminen
Käyttäjien mukaan ottaminen Käytettävyystestaus Tiedonhankintaan keskittyvä Kuukausittaiset demot Kontaktit kunnista
Rautalanka eli wireframe.
Liitteen näkymä
Viranomaisen toiminnot liitteen hyväksymiseksi ja hylkäämiseksi. Kommentit molempiin voidaan kirjoittaa keskusteluun Uuden version lisäys. Avaa tiedoston valinta - dialogin Klikkaaminen aloittaa kyseisen tiedoston lataamisen Keskustelu koskien liitettä. Uudet versiot näkyvät keskustelussa Esikatselukuva liitteille, joista sellainen voidaan generoida
UX - trendejä Responsiivisuus Relevance Head up / less head down Lean thinking Toiminnalliset prototyypit HTML5 Lokaatio + muu sensoridata Mobiilikäyttö
Kolme suurinta UX-työn haastetta Puuttuvat käytännöt ja kokemukset Myyminen ja ostaminen Käyttäjärekrytointi
Hannu Toivola hannu.toivola@solita.fi Aleksi Kallinen aleksi.kallinen@solita.fi KIITOS.