![Page 1: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/1.jpg)
Turbovaihde käyttöliittymien kehitykseen
Verkkopalveluiden, sähköisten työpöytien ja intranettien kehittämisen uudet haasteet
eCommunication & UX SUMMIT! 2013
17.9.2013
©Jani Kykyri, Oy Samlink Ab 2013 1
![Page 2: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/2.jpg)
2
Ennen oli kaikki yksinkertaista …
![Page 3: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/3.jpg)
3
Käyttöliittymät oli suunniteltu insinööreiltä insinööreille
![Page 4: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/4.jpg)
4
Työt tehtiin työpaikalla työnantajan välineillä
![Page 5: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/5.jpg)
5
Oli yksi tuettava käyttöjärjestelmä, yksi selain ja rajallinen määrä eri kokoisia näyttöjä
![Page 6: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/6.jpg)
Puhelin oli puhumista varten
6
![Page 7: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/7.jpg)
7
Nykyään vaatimustaso on toinen…
Sähköisten työpöytien kehittämisen haasteet
![Page 8: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/8.jpg)
Haasteena kuluttajistuminen, selainten ja laitteiden kirjon kasvaminen
Lähde: Gartner (kesäkuu 2013) 8
11% 2%
11%
76%
Ennustettu maailmanlaajuinen myynti laiteryhmittäin 2014
PC
Ultramobile
Tablet
Mobile Phone
![Page 9: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/9.jpg)
Haasteina laitteiden erilaisuus: Näyttöjä ja niiden tarkkuuksia riittää
Lähde: Android fragmentation visualised. http://opensignal.com/reports/fragmentation.php 9
![Page 10: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/10.jpg)
Haasteena työntekijöiden halu valita omat työvälineensä
10 Lähde: Dialogi 2012 – uusi työ on täällä
![Page 11: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/11.jpg)
11
Kuinka sähköisten työpöytien kehittämisessä on onnistuttu viimeisen 10 vuoden aikana?
![Page 12: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/12.jpg)
12
“Problems intranets aim to solve have grown dramatically more complex. Modern intranets have vastly more features now than early intranets.”
Jakob Nielsen, Intranet Usability report, Nielsen Norman Group 2012
![Page 13: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/13.jpg)
13
![Page 14: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/14.jpg)
14
“Modern intranets have vastly more features now than early intranets.” “The default user interface will do you no good. It's clear that great intranet design requires companies to modify packaged solutions to suit their specific needs.”
![Page 15: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/15.jpg)
15
Turbovaihde käyttöliittymien kehitykseen
Mitä responsiivisten verkkopalveluiden kehittäminen
vaatii?
![Page 16: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/16.jpg)
Palveluiden kehittäminen jatkossa
Tulevaisuudessa vauhti vain kiihtyy • Laitekirjo kasvaa entisestään • Omat laitteet yleistyvät työpaikoilla • Kuluttajaistuminen jatkuu ja yhä parempaa
käytettävyyttä osataan vaatia Vaatimukset palveluille ja niiden suunnittelemiselle kasvavat entisestään
16
![Page 17: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/17.jpg)
Kustannustehokkain ratkaisutapa responsiiviset verkkopalvelut
Appsit /sovellukset Natiivisovellukset eri kohdelaitteille
Laitteelle sovitetut
verkkopalvelut
Sisältö optimoidaan kohdelaitteen ominaisuuksien mukaisesti
Responsiiviset verkkopalvelut
Sisältö sovitetaan kohdelaitteen näytön ja resoluution mukaisesti
Perinteiset verkkosivut
Sisältöä ei optimoida mitenkään kohdelaitteille
17
Kallis
Halpa
![Page 18: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/18.jpg)
Epäonnistuminen on kuitenkin helppoa
Responsiivisten verkkopalveluiden toteutus kustannustehokkaasti vaatii • Kehitystarpeen aitoa ymmärtämistä • Teknologioiden päivittämistä • Toimintatapojen uudelleen mietintää
18
![Page 19: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/19.jpg)
Muuttujien lisääntyessä, tarpeen ymmärtäminen korostuu
Täydellistä järjestelmää yhä vaikeampi toteuttaa • Enemmän ei-
toiminnallisia vaatimuksia
• Laitteiden käyttötavat poikkeavat toisistaan
19
à Konseptisuunnittelun tarve korostuu à Fokus tärkeimpiin prosesseihin à Hyödynnä käyttäjä dataa ja priorisoi jatkuvasti
![Page 20: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/20.jpg)
Teknologioiden päivittäminen
• Käyttöliittymä on vain ulkokuori – Hyvä sisällönhallintaväline tarvitaan edelleen
• Tarvitaan myös välineet mukautuvien käyttöliittymien toteuttamiseen – Sisällönhallintavälineiden valmisratkaisut vielä keskeneräisiä – Lisää vaatimuksia niin luovalle toimistolle kuin integraattorille – Käyttöliittymäkehysten avulla (web front end framework) tuki
kuntoon yleisimmille mobiililaitteille
• Kehykset asettavat reunaehtoja myös visuaaliselle suunnittelulle
20
![Page 21: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/21.jpg)
Käyttöliittymäkehykset tarjoavat vakioituja komponentteja
21
![Page 22: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/22.jpg)
Kehykset auttavat erottamaan toiminnallisuuden ja ulkoasun
22
![Page 23: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/23.jpg)
Kehykset on oletuksena optimoitu yleisimmille laitteille
23
Työpöytä Älypuhelin
![Page 24: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/24.jpg)
Kehykset mahdollistavat sovellusmaisen käyttökokemuksen mobiilissa
24
Työpöytä Älypuhelin
![Page 25: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/25.jpg)
Toimintatavat uudelleen harkintaan
Perinteisesti oletetaan että • on tiedossa mitä käyttäjät
haluavat • ostetaan tarpeen täyttävä
julkaisualusta • visuaalinen suunnitelma ei
vaikuta toteutukseen • dokumentit ovat paras tapa
siirtämään tietoa • vaiheittain hankita on
kustannustehokkainta
25
Ostetaan tuotealusta
Toiminnallinen määrittely
Toteutus
Järjestelmän ylläpito
Visuaalinen suunnittelu
![Page 26: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/26.jpg)
Perinteinen toimintatapa on ongelmallinen
• Käyttäjälähtöinen tarve välittyy harvoin toteuttajille – Käyttötavan ja kohdelaitteiden ehdoilla suunnittelu
voi unohtua
• Valmisalustojen toiminnallisuus ei vielä riitä – Räätälöintiä tarvitaan
• Liian monta kombinaatiota suunniteltavaksi etukäteen
• Ulkoasun ”liimaaminen” päälle ei toimi – Erilaisia käyttötapauksia on liikaa
26
![Page 27: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/27.jpg)
Tuloksia tiiviimmällä yhteistyöllä
Varmistetaan että • Toiminnallisuus valitaan
käyttäjien tarpeiden perusteella
• Jatkuva konseptisuunnittelu, visuaalinen suunnittelu ja palvelun kehittäminen
• Tiivis yhteistyö korvaa turhan dokumentoinnin
• Toimitetaan usein ja osissa
27
Iteraatio1
Iteraatio 2
Iteraatio 3
Iteraatio 4
Iteraatio 5
![Page 28: Talentum UX summit 2013: Turbovaihde käyttöliittymä toteutuksiin](https://reader033.vdocuments.mx/reader033/viewer/2022052907/55933faa1a28ab97138b466e/html5/thumbnails/28.jpg)
Yhteenveto
• Teknologiat kuntoon – Kustannukset kuriin oikeilla valinnoilla
• Yhteistyöllä tuloksiin – Älä unohda käyttäjiä ja konseptisuunnittelua – Aidosti iteratiivinen työtapa on toimivin
• Hankintatapa ei ole entinen – Muuttujia liian monta täydelliseen suunnitteluun – Hiomista riittää loputtomasti
28