PROTO/PO 2012-05-14
Nov 16, 2014
PROTO/PO
2012-05-14
Slide:
MITÄ TÄSTÄ ILLASTA PITÄISI MUISTAA?
15.04.2012 Confidentialn
1.Lyhyet FEEDBACK-LOOPIT2.IxD:n tarkoitus löytää OIKEA
ONGELMA ja varmistaa, että se ratkaistaan
3.Kehittäjän pitää tietää MIKSI softaa tehdään
3Slide:
UX = USER EXPERIENCE
6.6.2011 Confidential
the way a person feels about using a product, system or service
4Slide:
IxD = INTERACTION DESIGN
6.6.2011 Confidential
• shaping digital things for people’s use
• has an interest in form but its main focus is on behaviour
• focused on satisfying the needs and desires of the people who will use the product
5Slide:
PROTO
6.6.2011 Confidential
6Slide: 6.6.2011 Confidential
Slide: 15.04.2012 Confidentialn
”PROTO 7 PÄIVÄSSÄ”PROTOSONNI
Slide:
CASE: ALOITEPALVELU
15.04.2012 Confidentialn
• Kansalaisaloitelaki 1.3.2012• Oikeusministeriö• Proto 2012 alkupuolella• Solita voitti kilpailutuksen,
tuotantoversion kehitys alkanut Helsingissä
9Slide: 6.6.2011 Confidential
• START SHOP (1 päivä)• KEHITYS (5 päivää)• DEMO (1 päivä)
Slide:
TIIMI
15.04.2012 Confidentialn
• Product owner• 2 IxD-suunnittelijaa• 2 ohjelmistokehittäjää
Slide:
START SHOP
15.04.2012 Confidentialn
• Läjä paperia• Tavoitteet: • ongelman ymmärtäminen• kontentin lukkoon lyöminen
• Miehitys: • PO• 2 IxD-suunnittelijaa• Ei backend-kehittäjiä
12Slide: 6.6.2011 Confidential
13Slide: 6.6.2011 Confidential
14Slide: 6.6.2011 Confidential
15Slide: 6.6.2011 Confidential
DO
• Tiukka aikataulutus, jotta asiakas ei venytä palaveria
• Output-vetoisuus (kellonajat)• Anna asiakkaan kertoa
ongelmansa/tarinansa ilman teknisiä viitteitä/kannanottoja
• Pidä asiakas kiireisenä, jotta IxD-tiimi voi tehdä työnsä
• Pyydä asiakasta poistumaan, jos tarpeen
16Slide: 6.6.2011 Confidential
DON’T!!!
• Älä ennakoi! • Proton tarkoitus -> tekninen ratkaisu
• Älä ulkoista design-vastuuta asiakkaalle! • Lääkäriin meno diagnoosin kanssa • Kärkäs kyseenalaistaminen• Pölkkykirjaimet
17Slide:
RATKAISUN VERIFIOINTI
6.6.2011 Confidential
• Persoonat• Skenaariot (asiakkaan kanssa priorisointi)• PAPERIPROTOT• Wireframe• Photarileiska
18Slide: 6.6.2011 Confidential
19Slide: 6.6.2011 Confidential
Slide:
KEHITYS
15.04.2012 Confidentialn
• Tiimi aloittaa tiivistelmällä start shopin sisällöstä
• IxD: • Photarileiska -> HTML • Pieniä lisäosia (JS)
• Ohjelmistokehittäjät aloittavat backendin/frontin koodaamisen
21Slide: 6.6.2011 Confidential
PO CODE
Slide:
KEHITYS
15.04.2012 Confidentialn
DO• Pieniä taskeja (< 2h)• Commit + deployment• PO kliksuttelee ja verifioi, tarkkailee
proton fiilistä
DON’T!!!• Ylimääräiset featuret• Hierominen
23Slide:
RATKAISUN VERIFIOINTI
6.6.2011 Confidential
• PO:• Ulkoasu• Fiiliksen varmistaminen• Toiminnallinen validointi• Maalaisjärkeistäminen ja perstuntuma
Slide:
SONNIN SISÄLMYKSISTÄ
15.04.2012 Confidentialn
• Node.js (+ valmis template)• CoffeeScript• jQuery, Transparency, Raphael, Route, Spine, Underscore, …• Github• Linode• ~10kloc• YouTube
Slide:
DEMO
15.04.2012 Confidentialn
• Proton läpikäynti• WOW
26Slide: 6.6.2011 Confidential
Slide:
WTF
15.04.2012 Confidentialn
• Alkuperäisen määrittelyn ajatusvirheet paljastuivat protossa• Määrittelyä ei voi validoida, proton voi
Slide:
Lyhyet feedback-loopit
15.04.2012 Confidentialn
• Start shop vs. dokumentit• Wireframet vs. valmis proto• PO:n palaute vähintään 2h välein• Kehityksessä esiintulevat ongelmat ja niihin reagointi
Slide:
IxD:n tarkoitus löytää OIKEA ONGELMA ja varmistaa, että se ratkaistaan
15.04.2012 Confidentialn
• Persoonat -> Skenaariot -> Paperiproto• Protossa esitelty ratkaisu ei välttämättä ole lopullisessa järjestelmässä paras ratkaisu, mutta antaa varmuutta.
Slide:
Kehittäjän pitää tietää MIKSI softaa tehdään
15.04.2012 Confidentialn
• Todellinen ongelma ratkaistaan muualla• Mitä ollaan tekemässä• Kehitysaikana tehtävät päätökset• Turhien featureiden välttäminen (waste)• Valmis softa mittari sille, miten hyvin asiakkaan ongelma ratkaistiin
Slide: 15.04.2012 Confidentialn
Slide: 15.04.2012 Confidentialn
?