Talentum Eventsin eCommunication & UX SUMMIT! 2013 tapahtuman esitys verkkopalveluiden, sähköisten työpöytien ja intranettien kehittämisen uusista haasteista (17.9.2013).

1. 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 …
2

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

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

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

6. Puhelin oli puhumista varten
6

7. 7
Nykyään vaatimustaso on
toinen…
Sähköisten työpöytien
kehittämisen haasteet

8. Haasteena kuluttajistuminen, selainten ja
laitteiden kirjon kasvaminen
Ennustettu maailmanlaajuinen myynti
Lähde: Gartner (kesäkuu 2013)
8
11%
2%
11%
76%
laiteryhmittäin 2014
PC
Ultramobile
Tablet
Mobile Phone

9. Haasteina laitteiden erilaisuus:
Näyttöjä ja niiden tarkkuuksia riittää
Lähde: Android fragmentation visualised. http://opensignal.com/reports/fragmentation.php
9

10. Haasteena työntekijöiden halu valita omat
työvälineensä
Lähde: Dialogi 2012 – uusi työ on täällä 10

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

12. 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. 13

14. “Modern intranets have vastly more features now than early
intranets.”
14
“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. 15
Turbovaihde käyttöliittymien
kehitykseen
Mitä responsiivisten
verkkopalveluiden kehittäminen
vaatii?

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

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

18. Epäonnistuminen on kuitenkin helppoa
Responsiivisten verkkopalveluiden toteutus
kustannustehokkaasti vaatii
• Kehitystarpeen aitoa ymmärtämistä
• Teknologioiden päivittämistä
• Toimintatapojen uudelleen mietintää
18

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

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

21. Käyttöliittymäkehykset tarjoavat vakioituja
komponentteja
21

22. Kehykset auttavat erottamaan toiminnallisuuden ja
ulkoasun
22

23. Kehykset on oletuksena optimoitu yleisimmille
laitteille
23
Työpöytä Älypuhelin

24. Kehykset mahdollistavat sovellusmaisen
käyttökokemuksen mobiilissa
24
Työpöytä Älypuhelin

25. 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
Visuaalinen
suunnittelu
Toteutus
Järjestelmän
ylläpito

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

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

28. 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. 29
Kiitos!
Lisätietoja
Jani Kykyri
050-5660354
Jani.kykyri@samlink.fi