talentum ux summit 2013: turbovaihde käyttöliittymä toteutuksiin

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

2

Ennen oli kaikki yksinkertaista …

3

Käyttöliittymät oli suunniteltu insinööreiltä insinööreille

4

Työt tehtiin työpaikalla työnantajan välineillä

5

Oli yksi tuettava käyttöjärjestelmä, yksi selain ja rajallinen määrä eri kokoisia näyttöjä

Puhelin oli puhumista varten

6

7

Nykyään vaatimustaso on toinen…

Sähköisten työpöytien kehittämisen haasteet

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

Haasteina laitteiden erilaisuus: Näyttöjä ja niiden tarkkuuksia riittää

Lähde: Android fragmentation visualised. http://opensignal.com/reports/fragmentation.php 9

Haasteena työntekijöiden halu valita omat työvälineensä

10 Lähde: Dialogi 2012 – uusi työ on täällä

11

Kuinka sähköisten työpöytien kehittämisessä on onnistuttu viimeisen 10 vuoden aikana?

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

13

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.”

15

Turbovaihde käyttöliittymien kehitykseen

Mitä responsiivisten verkkopalveluiden kehittäminen

vaatii?

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

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

Epäonnistuminen on kuitenkin helppoa

Responsiivisten verkkopalveluiden toteutus kustannustehokkaasti vaatii •  Kehitystarpeen aitoa ymmärtämistä •  Teknologioiden päivittämistä •  Toimintatapojen uudelleen mietintää

18

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

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

Käyttöliittymäkehykset tarjoavat vakioituja komponentteja

21

Kehykset auttavat erottamaan toiminnallisuuden ja ulkoasun

22

Kehykset on oletuksena optimoitu yleisimmille laitteille

23

Työpöytä Älypuhelin

Kehykset mahdollistavat sovellusmaisen käyttökokemuksen mobiilissa

24

Työpöytä Älypuhelin

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

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

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

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

29

Kiitos!

Lisätietoja Jani Kykyri 050-5660354 Jani.kykyri@samlink.fi