Verkko Academy-webinaarisarja,

Transkriptio

1 Verkko 2012 Academy-webinaarisarja,

2

3 Esittäytyminen Jarno Malaprade Project Manager Tel KM, Lapin yliopisto. 7 vuoden kokemus verkkopalvelujen kehittämisestä. Erityisosaaminen projektinhallinnassa, palvelumuotoilussa, käytettävyys- ja konseptisuunnittelussa, konsultaatio- ja koulutuspalveluissa, mediakasvatuksessa, sosiaalisen median hyödyntämisessä. Julkaisut: Informaatioteknologian filosofia, Lapin yliopistokustannus, Aate ja arki - J.V. Snellmanin elävä perintö, Lapin yliopisto, 2007.

4 Esittäytyminen Antti Brunni Ratkaisupäällikkö Tel Linkedin: Twitter: Google+: 5 vuoden kokemus verkkopalvelujen suunnittelusta Erikoistunut verkkopalvelujen suunnitteluun ja määrittelyyn, palvelumuotoiluun ja ratkaisukonsultaatioon, sosiaalisen median hyödyntämiseen. Ratkaisualustat: Episerver, InfoWeb, Sharepoint, Microsoft Innavation Process Management ja avoimet alustat Julkaisut: Digital Cinema Experience (Leofinland / Dodona Research, 2008) Top Talent Awards Quality Seal 2004 (SnowNow Media Channel) ja 2007 (Hannu Hautala Luontokuvakeskus)

5 Kevään webinaarit Hakukoneoptimoinnin perusteet 8.3. Verkkokirjoittaminen - tehokkaan verkkoviestinnän avaimet Palvelumuotoilun hyödyntäminen verkkopalvelun ja ratkaisujen kehittämisessä Trendit Kaikki irti InfoWeb 4-järjestelmästä Trendit 2012 Kaikki irti InfoWeb 4-järjestelmästä

6 YLEINEN yksityinen

7 Mikä TRENDI?

8 Verkko: Teknologinen Kulttuurinen Konseptuaalinen

9 TCP/IP/HTTP/HTML/FLASH/JAVASCRI PT/XML/OWL/RDF

10 Design, interaktio, konvergenssi, olemis- ja esitystapa, meemi, globaali, lokaali

11 Open source, social media, linked data, data mashup

12 Käyttötarkoitukset Käyttötarkoitukset Sähköposti 77% Pankki 76% Verkkolehdet ja televisiokanavat 74% Tiedonetsintä: tavarat 74% Tiedonetsintä: oppiminen 67% Matka- ja majoituspalvelut 59% Terveystieto 49% Viranomaistieto 49%

13 10 miljardia

14 50/50 palvelut/tavarat 4 miljoonaa käyttäjää 75% ostaa verkosta 10 miljardia

15 50/50 palvelut/tavarat 4 miljoonaa käyttäjää 75% ostaa verkosta 10 miljardia 34% ostaa harvoin 8% aikoo ostaa 87% kotimaisia

16 50/50 palvelut/tavarat 4 miljoonaa käyttäjää 75% ostaa verkosta 10 miljardia 34% ostaa harvoin 8% aikoo ostaa 87% kotimaisia

17 Hyperteksti <item>cat</item> <item rdf:about="

18 Semantic Web (web 3.0)

19 The Semantic Web provides a common framework that allows data to be shared and reused across application, enterprise, and community boundaries. - W3C Semantic Web Activity. World Wide Web Consortium (W3C)

20

21 Linked Data & Mashups

22 (Tim Berners-Lee ) Data is relationships Ennestään yhdistämättömän (avoimen tai rajoitetun) datan ja metadatan yhdistäminen. Datan kirkastaminen. Raw data ja sen yhdistäminen Karttatiedot, säätiedot, tieverkot, kulutustottumukset, rikostilastot, tilinpäätöstiedot, onnettomuustilastot, wikit, profiili- ja verkostotiedot (FOAF) Tällä hetkellä lähinnä tutkijoiden ja harrastajien käytössä. Liiketoimintahyödyt edelläkävijöille.

23 Linked Data Open Data

24 Design-turbulenssi Monia voimakkaita trendejä kamppailemassa design-kentällä 1. Mobiili vs. desktop 2. Natiivit mobiilisovellukset vs. avoin verkko 3. Open data, earned data, purchased data (paywall) 4. Informaation responsiivisuus vs. informaation staattisuus 5. Kuoleeko vai selviytyykö Flash? 6.

25 #1 Progressive enhancement

26 #1 Progressive enhancement (adaptive web design) Peruslähtökohtana pääsy tietoon (accessibility) kaikilla laitteilla, semanttinen HTML-koodaus (<i> <em> = kuvataan enemmän tietoa kuin sen ulkoasua), ulkoiset CSS-tiedostot ja skriptitykset. 1. Sisältö suuntaa suunnittelua (ei teknologia tai selaintuki vaan palvelumuotoilu) 2. Perussisältö kaikille 3. Perustoiminnot kaikille 4. Semanttisuutta korostava koodaus 5. Eristyislayoutit (dekstop, mobiilit, padit) eri CSS-tiedostoina 6. Erityistoiminnot eivät poissulje ja ovat ulkoisina tiedostoina 7. Käyttäjän selainasetuksia kunnioitetaan

27

28 #2 Resoponsive Design

29 R.I.P. etc.

30 #2 Resoponsive Design CSS3 (media queries). Ei riitä, että ulkoasu muuttuu, myös sisällön tulee skaalautua (esim. mobiilikuvat). Sivun ulkoasu ja sisältö skaalautuvat päätelaitteen mukaan. Mobiilisivustot vs. Responsive Design There s a plethora of devices out there with widely differing abilities it s never been more confusing or challenging to create brilliant interfaces that work across them all. Because of this, he expects responsive design to play a big role in 2012, bridging the enormous gulfs between platforms. - Jeffrey Zeldman, Happy Cog Founder

31

32 Yleisö- ja asiakasymmärrys TV-ohjelmista live-tweetataan. Etusivut eivät mene enää uusiksi, ne tweetataan tai jaetaan. Verkon videopalvelut ovat viihdekanavia. Paikallinen yritys on verkossa glokaali.

33 Mitä tapahtuu?

34 IIHF + proxy server Viihdeteollisuuden uudelleenjäsentyminen. Maaeston kiertävä katsoja ei riko lakia Syyttäkää YouTubea, älkää katsojia. Maan tapa. Niin kauan kun sisältö on verkossa, kuluttajat saavuttavat sen.

35

36

37 Sosiaalinen kuluttaminen ja kauppa Sisältövirta reaalimaailmaan.

38 C&A in Brazil

39

40 Asiakasymmärrys

41 Esimerkki

42 Merkel & Sarkozy : :42 Relaatiot twitter-tilien välillä, jotka olivat twiitanneet Sarkozysta

43 Merkel & Sarkozy : :42 Relaatiot twitter-tilien välillä, jotka olivat twiitanneet Sarkozysta

44

45

46

47 Digital Influence - Dude, check this out

48 Käyttäjistä saa tietoa ja tilastoja Sosialisen merkityksen rakentuminen REACH RELEVANCE RESONANCE Twittergrader Tweetlevel Tweetreach Empireavenue Kred Peerindex mpact Radian6 Klout Twitalyzer PROskore

49 Sosiaalisen merkityksen rakentuminen Sosiaalisen merkityksen rakentuminen

50 Sosiaalisen verkoston laajuus

51 Kiinnostukseen perustuvat verkostot

52 Yleisöllämme on omia yleisöjä Sosialisen merkityksen rakentuminen

53 Altimeter Group

54 Yleisöllämme on erilaisia rooleja omissa verkostoissaan Käyttäjä Sosialisen merkityksen rakentuminen Tulkitsija Tekijä Kohde Keskustelija

55 Altimeter Group

56 Digital Influence - Dude, check this out

57 Missä pitää olla? Which of these natural disasters are you LEAST frightened of? a) Blizzards b) Earthquakes c) Getting hit by a car d) Tornados e) Hurricanes

58 Missä pitää olla? What would you like to reach? a) Build brand awareness b) Push a new product to the markets c) Proof that we make no evil d) Be #1 in organic search results

59 Miten ja missä asiakkaasi verkostoituvat? Kuka puhuu tuotteistasi?

60 ROI (sosiaalisessa mediassa) - Mikä tämä on? - Tämä on hot. Täällä on oltava. - Nyt ollaan täällä ja kasvatetaan suosiota. - Mitä tämä maksaa? Mitä saamme tästä ja miten sitä mitataan?

61

62 Kaikki irti InfoWeb 4:stä - The Best Practice

63 Menetelmät Palvelumuotoilu Sisältöstrategia Hakukoneoptimointi

64 Menetelmät Ratkaisut Palvelumuotoilu Sisältöstrategia Hakukoneoptimointi Mobiilisivusto SoMe-integraatiot Responsive Design Informaatiografiikka Mediaplayer SSO...

65 Menetelmät Ratkaisut InfoWeb 4 Palvelumuotoilu Sisältöstrategia Hakukoneoptimointi Mobiilisivusto SoMe-integraatiot Responsive Design Informaatiografiikka Mediaplayer SSO Kampanjat ja teemasivut Ratkaisualusta Sisällönhallinnan väline Käyttöoikeuksien hallinta Integraatioväline

66 Yhteystiedot Jarno Malaprade Project Manager Tel KM, Lapin yliopisto. 7 vuoden kokemus verkkopalvelujen kehittämisestä. Erityisosaaminen projektinhallinnassa, palvelumuotoilussa, käytettävyys- ja konseptisuunnittelussa, konsultaatio- ja koulutuspalveluissa, mediakasvatuksessa, sosiaalisen median hyödyntämisessä. Julkaisut: Informaatioteknologian filosofia, Lapin yliopistokustannus, Aate ja arki - J.V. Snellmanin elävä perintö, Lapin yliopisto, 2007.

67 Yhteystiedot Antti Brunni Ratkaisupäällikkö Tel Linkedin: Twitter: Google+: 5 vuoden kokemus verkkopalvelujen suunnittelusta Erikoistunut verkkopalvelujen suunnitteluun ja määrittelyyn, palvelumuotoiluun ja ratkaisukonsultaatioon, sosiaalisen median hyödyntämiseen. Ratkaisualustat: Episerver, InfoWeb, Sharepoint, Microsoft Innavation Process Management ja avoimet alustat Julkaisut: Digital Cinema Experience (Leofinland / Dodona Research, 2008) Top Talent Awards Quality Seal 2004 (SnowNow Media Channel) ja 2007 (Hannu Hautala Luontokuvakeskus)

68