Käyttäjäkokemus(UX) ja ohjelmistoprojektit

Transkriptio

1 Aleksi Kallinen Hannu Toivola Käyttäjäkokemus(UX) ja ohjelmistoprojektit

2 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ä

3 Näemme uusia mahdollisuuksia liiketoiminnalle verkossa, sähköisille asiointipalveluille ja älykkäälle johtamiselle. Kaikki mikä voi, digitalisoituu.

4 Suomen parhaat asiakkaat, yritykset ja suomalaiset

5 Liikevaihto 2012 Yli Vuodessa yli Vuonna ,0 miljoonaa 200 ammattilaista 2500 videoneuvottelua työtuntia Yli Yli Sijoitus Jatkuvasti 600 projektia 97% asiakastyytyväisyys 13. Great Place to Work AAA kannattava

6 Matka alkaa tästä.

7 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

8 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

9 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

10 Case konseptointi

11 WS1 WS2 WS3 WS4 WS5 WS User Groups and Use Cases User Interviews Content Structure Wireframes WS1 + WS2 Americas Final Concept Presentation Summary and design workshop 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 monday

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 and prefer to get information sent by /as attachement than getting internet links. This is again due heavy travelling.

13 HTML proto

14 Case Lupapiste.fi

15 Lomakkeita ja liitteitä!

16 Kaikki mikä voi, digitalisoituu. > Ympäristöministeriö ja Solita > Käyttäjinä kunnat, suunnittelutoimistot ja luvanhakijat > Käyttäjäkeskeinen tuotekehitys > Sopivasti ketterä projekti

17 UX tuhoaa Agilen

18 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

19 Konseptista palveluksi sopivasti ketterä Konseptointi ja alustava määrittely 180 min Tarkentava määrittely Toteutusprojekti

20 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

21 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

22 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

23 Käyttäjien mukaan ottaminen Käytettävyystestaus Tiedonhankintaan keskittyvä Kuukausittaiset demot Kontaktit kunnista

24 Rautalanka eli wireframe.

25 Liitteen näkymä

26 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

27 UX - trendejä Responsiivisuus Relevance Head up / less head down Lean thinking Toiminnalliset prototyypit HTML5 Lokaatio + muu sensoridata Mobiilikäyttö

28 Kolme suurinta UX-työn haastetta Puuttuvat käytännöt ja kokemukset Myyminen ja ostaminen Käyttäjärekrytointi

29 Hannu Toivola Aleksi Kallinen KIITOS.