talentum ux summit 2013: turbovaihde käyttöliittymä toteutuksiin
DESCRIPTION
Talentum Eventsin eCommunication & UX SUMMIT! 2013 tapahtuman esitys verkkopalveluiden, sähköisten työpöytien ja intranettien kehittämisen uusista haasteista (17.9.2013).TRANSCRIPT
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