20.5.2015

Transcript

1. Tablettijulkaisemisen DOS & DON’TS Leena Saarinen
2. 1) Meistä ja tuotteista 2) Mitä olemme oppineet vuosien saatossa 3) Analytiikka lyhyesti 4) Suunnittelussa huomioitavaa 5) Kokeillaan käytännössä
3. Leena Saarinen, co-founder www.richie.fi @richiefi 
 leena@richie.fi
 
 http://speakerdeck.com/leena
4. Kehitämme Richiessä digitaalisia julkaisuratkaisuja. Päätuotteemme ovat lean-back -lukemiseen kehitetty Maggio- julkaisualusta ja Richie Ads -mainosalusta.
5. Tavoitteena on saada digilukijan arvo julkaisijalle vähintään yhtä hyväksi kuin printtilukijan arvo.
6. Kokosivun mainos on parasta mitä digitaalisessa mainonnassa on keksitty.
7. Text Alan standardi Suomessa: yli 80 alan toimistoa on ollut 
 tekemässä Richie Ads -mainoksia. Julkaistu yli 15 000 mainosta.
8. Maggio-julkaisualusta ratkaisi ongelman: Saimme digitaalisen julkaisun käyttökokemuksen vähintään yhtä hyväksi kuin printissä.
9. Ratkaisimme Maggiolla latausaikaongelman: pakkaussuhde on niin hyvä, että laajakin julkaisu latautuu nopeasti.
   
10. Ratkaisimme kuvanlaatuongelman: kuvaa voi zoomata 2x-kokoon ilman näkyviä pikseleitä, myös retina- näytöllä.
11. Tekstin tarkkuuteen ja renderöintiin on kiinnitetty erityistä huomiota: fontin ohuetkin viivat piirtyvät kauniisti.
12. Käyttäjä näkee kuvat ensimmäistä kertaa tarkemmin kuin printissä.
13. Maggion korttipohjaisessa käyttöliittymässä lehden selailutapa on aina sama – koko julkaisun voi selata alusta loppuun samalla eleellä.
14. Koska sisällön selailutapa on aina sama, joten käyttäjän ei tarvitse tehdä aktiivisesti päätöksiä ensimmäisen sivun perusteella, ryhtyykö lukemaan kyseistä artikkelia.
15. Korttipohjainen käyttöliittymä • lisää arvomielikuvaa digitaalisesta julkaisusta • helpottaa koko sisällön silmäiltävyyttä • vähentää ensimmäisen sivun merkitystä lukupäätöksen herättelijänä
16. Lean back -lukeminen: 
 käyttäjä viettää julkaisun parissa pitkään aikaa. Laitteesta riippumaton asia.
17. Maggio-julkaisualustaa käyttäviä julkaisuja: skaala vaihtelee päivittäisistä sanomalehdistä yksittäisiin esitteisiin ja kirjoihin. • Helsingin Sanomat näköislehti, Kuukausiliite, Nyt-liite • Kauppalehti, Optio, Iltalehti osana Kauppalehteä • Talouselämä • Tekniikka ja Talous • Arvopaperi • Cosmopolitan Suomi • Episodi • Hifimaailma • Inferno • Rytmi • Forum • Ratkaisu, (CGI:n asiakaslehti) • Lippupiste event.-asiakaslehti • Helsinki Food Magazine • MPC • NyTeknik • TiVi • Digital Teknik • TONEAudio Magazine • Tulikivi-esite • Tiede • Vauva • Metallitekniikka • Itä-Savo • Länsi-Savo • Etelä-Saimaa
 • Turku & Varsinais-Suomi Lifestyle • Ydin-lehti • Kulttuurivihkot • DocImages • Nordea Private Banking • Kotipuutarha • Aku Ankka • ET-lehti • Gloria • Glorian ruoka&viini • Hyvä terveys • Kodin kuvalehti • MB • MeNaiset • Crystal Palace FC (jalkapalloseura) • CIO • Fakta • Markkinointi & Mainonta • Affärsvärlden • Mediuutiset • Brentford FC (jalkapalloseura) • Burnley FC (jalkapalloseura) • Cochester United (jalkapalloseura) • Rakennuslehti • Kymen Sanomat • Kouvolan Sanomat
18. Maggio-julkaisualusta nyt • iPad ja iPhone • Android phone ja tablet • verkkoselainversio (käytettävissä ilmaiseksi magg.io -urlilla)
19. Julkaisua suunnitellessa
20. • Sisältö • Lukijasuhde ja käyttöyhteys • Budjetti ja resurssit
21. Digijulkaisemisen tarvehierarkia Custom-natiivisovellukset Erikseen eri päätelaitteille 
 suunniteltu julkaisu
 Natiivisovellus näköislehdellä Näköislehti webiin Kaikilla selaimilla toimiva webisaitti
22. Tee natiivisovellus silloin kun uskot, että käyttäjät haluavat lisätä ikonisi laitteensa kotiruutuun.
23. Natiivisovelluksissa hyvää • notifikaatiot • offline-tuki • maksullisen sisällön ostot …huonoa • käyttäjien hankkiminen vaatii työtä ja investointeja • vaatii ylläpitoa • App Store -tilien hankkiminen • uuden sovelluksen submitointi
24. Keskusteluissa toistuvia teemoja
25. Valmiita vastauksia ei ole olemassa, joten pakko kokeilla erilaisia asioita. Älä ota kritiikittömästi mallia – testaa mikä toimii omilla käyttäjilläsi.
26. Hylkää vesiputousmallit: Mittaa, testaa ja kehitä – älä takerru tekemään jotain toimimatonta vuosikausiksi.
27. Rakenna, suunnittele
 ja kokeile Mittaa, tutki, kysele palautetta Opi tuloksista
28. Myy ja markkinoi: Huolehdi ja välitä suunnittelusi markkinoinnista – kyllä, se kuuluu aina myös suunnittelijan toimenkuvaan.
29. Sovelluskaupat eivät huolehdi julkaisusi markkinoinnista puolestasi. Sovelluksia on yli 3 miljoonaa.
30. Käyttäjä pitää saada digijulkaisun pariin ensimmäisen kerran. Hienolla sisällöllä ei ole muuten mitään väliä.
31. Eläydy käyttäjän näkökulmaan Mieti, missä tilanteissa käyttäjä kohtaa julkaisun, ja missä tilanteissa hänen on mahdollista ladata sovellus ja kokeilla sitä.
32. Hyviä välineitä markkinointiin • Verkkosivut / smart banner: huolehdi, että ostoputki on selkeä ja lyhyt • Oma sosiaalinen media • Facebook- ja LinkedIn-mainonta: erinomaiset sisällölliset kohdentamismahdollisuudet ja tulospohjainen seuranta • Toiset tablet-julkaisut: käyttäjän on valmiiksi oikeassa tilanteessa • Maksullisissa julkaisuissa aina ilmaiset koenumerot, jotta käyttäjä voi testata julkaisun tekniikan
33. Huonoja medioita julkaisun markkinointiin • TV-spotit • Tienvarsikyltit (WTF?) • Mainostaminen ainoastaan omassa printtilehdessä
34. “CD-romppuistaminen” 
 Julkaisuista rakennetaan väkisin virikeleluja vain koska se on teknisesti mahdollista – ja koska muut tekevät niin.
35. “Rikasteet ovat tosi tärkeitä meidän lukijoille.” …because reasons?
37. Interaktiivisia elementtejä kannattaa käyttää tukemaan sisältöä, ei koskaan sisällön piilottamiseen.
    
38. Analytiikka
39. Seuraa vähintään • kuinka moni päätyi sovelluksen alkunäkymästä julkaisuun asti • kuinka suuri osa on palaavia käyttäjiä • mikä on julkaisun parissa vietetty aika
41. Suuntaviivoja suunnitteluun
42. Käytännön suuntaviivoja suunnitteluun: • Hyvä näköislehti on parempi kuin huono tabletille erikseen suunniteltu. • Huomioi riittävä resoluutio (288 ppi). • Värit RGB:nä.
43. Visuaalisessa suunnittelussa huomioitavia asioita • Interaktiivisen elementin painikkeen vähimmäiskokosuositus on 44 px/retina 88 px (iPadin näytöllä), jotta sormi osuu siihen. • Lukemisesta tulee raskasta, jos jokainen sivu vaatii käyttöohjeet (nuolimerkinnät ylös, alas, sivulle). • Käyttäjän on helpompaa käyttää swipea kuin painaa nappia (klikkaus vs. scrollaus verkkosivustoilla).
44. Käytännössä huomioitavia asioita • Latausaika kasvaa lähes aina kun lisää interaktiivisen elementin, ellei striimata videota ulkopuoliselta palvelimelta. • Monimutkainen toteutus vastaa pientä verkkosivua 
 – tekemiseen ja testaamiseen varattava aikaa. • Julkaiseminen useammalle alustalle lisää työmäärää: esim. videot on konvertoitava useammille alustoille.
45. Maggio käytännössä
    
46. Tarvitset 1. Tilaa tunnukset julkaisun Maggio-ylläpitoon richie.fi:stä 2. Lataa Maggio Preview -sovellus iPadille/iPhonelle: 
 http://appstore.com/maggiopreview 3. Aineiston formaatti on aina PDF 4. Interaktiivisia elementtejä varten esimerkiksi Adoben Edgen tai tekstieditorin, jolla voi tarvittaessa muokata html- tiedostoja (esim. TextWrangler Macille).
47. Interaktiivisia elementtejä on mahdollista toteuttaa verkkosivuilta tutulla html- tekniikalla. Välillä on mahdollista hyödyntää myös verkkosivustolle tuotettuja elementtejä.
    
48. Kun pdf-sisältö on syötetty, klikkaa pientä raksia halutun sivun alalaidassa.
49. Lataa html-paketti zipattuna, tallenna ja generoi julkaisu.
50. Testaa Maggio Preview -sovelluksessa. Sovellukseen käyvät samat tunnukset kuin web-ylläpitoon.
51. Stepit 1. Tsekkaa, löytyykö valmiiksi hyödynnettävää pohjaa (avaa kansioista löytyvä index.html omassa selaimessa). 2. Testaa elementti Richie Preview -sovelluksella ja muokkaa muokkaa kuva/video/sijainti halutunlaiseksi. 3. Kun kaikki ok, zippaa html-paketti ja lataa Maggion ylläpitoon halutun pdf-sivun päälle. 4. Paina Generate-nappia Maggion ylläpidossa. 5. Testaa Maggio Preview -sovelluksessa.
52. Ohjeet osoitteessa: http://maggio-ohjeet.richie.fi/
    
53. Leena Saarinen www.richie.fi @richiefi
 
 http://speakerdeck.com/leena