• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ij feb-11
 

Ij feb-11

on

  • 660 views

Foredrag holdt på Institutt for Journalistikk, Fredrikstad, 14. februar 2011.

Foredrag holdt på Institutt for Journalistikk, Fredrikstad, 14. februar 2011.

Statistics

Views

Total Views
660
Views on SlideShare
652
Embed Views
8

Actions

Likes
0
Downloads
5
Comments
0

2 Embeds 8

https://www.linkedin.com 5
http://www.linkedin.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ij feb-11 Ij feb-11 Presentation Transcript

    • Den gode fronten: Moderne nettavisdesign Institutt for Journalistikk, 14 februar, 20111
    • Pål Nedregotten Leder for produktutvikling A-pressen Digitale Medier @nedregotten2
    • Web Page Title http://domain.com GoogleEvery design solution begins by definingthe problem and establishing constraints.Constraints are the mother of designinvention. Khoi Vinh/Mark Boulton, “Grids Are Good”: SXSW 2007: www.subtraction.com/pics/0703/grids_are_good.pdf 3
    • Web Page Title http://domain.com GoogleBegrensning #1: Skjermoppløsning 1280 1024 Minste felles multiplum Andre 1600 800 1440 1920 1366 1680 Andel skjermoppløsning fra TNS Scores, A-pressens nettsteder 4
    • Begrensning #2: krom http://domain.com Web Page Title Google Scrollbar: ~20 pixler bred 1024 pixler - 20 pixler = 1004 pixler 5
    • Tilgjengelig areal http://domain.com Web Page Title Google Marg: ~10 pixler på hver side Tilgjengelig areal for å vise frem nettavisen: 1004 pixler - marg på selve nettavisen ~20 px = 980 pixler 6
    • Begrensning #3: «Standard» annonsemoduler Netboard: 468 pixler bred + marg = 500 px 7
    • Begrensning #3: «Standard» annonsemoduler Web Page Title http://domain.com Google 500 px 504 pixler 8
    • Begrensning #3: «Standard» annonsemoduler Skyskraper: 180 pixler bred + marg = 200 px 9
    • Begrensning #3: «Standard» annonsemoduler Web Page Title http://domain.com Google Tre spalter som utgangspunkt: 500 px 180 px 300 px 500 px 180 px 300 px Ingen annonse- modul! 10
    • Hvorfor har vi ikke noe sliktpå nett?Modulkart fra 11
    • Forslag  )l  nye  norske   bannerstørrelser Oppsummering  av  diskusjon  påh;p://labs.finn.no/forslag-­‐)l-­‐nye-­‐norske-­‐bannerstr   og  inns)lling  )l  INMA/MBL
    • Bakgrunn• Samlet  bransjeønske  om –Et  se;  standardformater  )lpasset  dagens  reelle   skjermstørrelser • Viewport  1000px  og  1250px –Bedre  utny;else  av  )lgjengelig  skjermareal –Forenklet  annonseproduksjon  for  ulike  medier –Forenklet  planlegging  og  plassering  av  kampanjer
    • Prinsipper• Enkle  regler• Mulig  å  bygge  andre  formater  på• Forholdsbaserte  (skalerbare)  størrelser –Grunnbredde  basert  på  x80  pixel • 980px,  580px,  180px –Høyder  se;es  i  forhold  )l  bredde –Mulig  å  )lpasse  de  fleste  grids
    • Forslag  )l  nye  standardformater• Toppbanner  100% Toppbanner  100% (980x150px) – 980x150px  (7:1)• Skyskraper  20% Skyskraper  20% – 180x500px  (1:3) Netboard  60% (180x500px) (580x400px)• Netboard  60% – 580x400px  (3:2)
    • Kombinasjoner  av  standardformater• Hestesko  140% Toppbanner  100% (980x150px) Skyskraper  20% Skyskraper  20% – 2  *  skyskraper (180x500px) (180x500px) – 2  *  lub  20px – 1  *  toppbanner• Omvendt  L  120% Toppbanner  100% (980x150px) – 1  *  toppbanner Skyskraper  20% (180x500px) – 1  *  lub  20px – 1  *  skyskraper
    • Toppbanner  skalering
    • Skyskraper  skalering
    • Netboard  skalering
    • Grids – påtvinger ordenThe grid is themost vividmanifestation ofthe will to order ingraphic design.Khoi Vinh/Mark Boulton, “Grids Are Good”: SXSW2007 20
    • Grids i nettdesign• Viktigste strukturerende verktøy• Styrer øyet, etablerer flyt• Ekstremt viktig i informasjonstunge nettsteder 21
    • Obelix (forside stor) - super ex - forsidemal for de store avisene - super ex i toppen 980px Før vi fikk nye 710px 20px 250px annonseformater 10px Annonse 980*30 Logotopp / Meny 10pxEt stort flytareal på 710px Annonse Annonse 7px(500 + 180 + padding 30 15px 180*150 768*150px)Kan deles inn i• 1 helbredde (1/1)• 2 halvbredde (1/2+1/2) Vær 63*500 Linje 1 - superflex• 3 tredelsbredder (1/3+1/3+1/3) Annonse 180*500• 4 firedelsbredder (1/4+1/4+1/4+1/4)• eller kombinasjoner derav: • 1/3 + 2/3 • 3/4 + 1/4 10px • etc 15px• Netboard går som 500-breddesak 120 120 • (1/3 sak + 2/3 netboard) Linje 2 - superflex 15px 120 120En utvidet høyrespalte på 15px250 px 120 120 Egenannonse Annonse Annonse Annonse e-avis 150*60 150*60 150*60 15pxOg en utstrakt bruk avvisuelle tjuvtriks 22 Fastboks à la bruddfastboks
    • A-presseavisenesgrid 728 980 228980px / 5 (alt 4 eller 3)spalter med 20px gutterKan deles inn i• 1 helbredde (1/1)• 2 halvbredde (1/2+1/2)• 3 tredelsbredder (1/3 + 1/3 + 13)• 4 firedelsbredder (1/4+1/4+1/4+1/4)• 5 femdelsbredder (1/5 + 1/5 + 1/5 + 236 236 236 1/5 + 1/5)• eller kombinasjoner derav: • 4/5 + 1/5 478 228 228 • 3/5 + 2/5 • etc• Netboard går som 500-breddesak • (1/3 sak + 2/3 netboard) 23
    • 1000VG.noEt stort flytareal på 600pxKan deles inn i• 4 * 138 px + padding = 150 px• 3 * 188 px + padding = 200 px• 2 * 288 px + padding = 300 px• eller kombinasjoner derav • 1/3 + 2/3 600 400 • 3/4 + 1/4 • etcMerk: har innført nytt annonseformattil erstatning for Netboard på 580 px 338 238En bred høyrespalte på400 pxKan deles inn i• 2 * 188 px + padding = 200 px• 1 * 388 px + padding = 400 pxMerk: har innført nytt annonseformatpå 200 pxSkyskraper henger påutsiden av 1024 24• Krever >1240-skjerm
    • 980DB.no (før)Et stort flytareal på 765px 765 180Kan deles inn i• 1 helbredde (1/1)• 2 halvbredde (1/2+1/2)• 3 tredelsbredder (1/3+1/3+1/3)• 4 firedelsbredder (1/4+1/4+1/4+1/4)• eller kombinasjoner derav: • 1/3 + 2/3 • 3/4 + 1/4 • etc• Netboard går som 500-breddesak • (1/3 sak + 2/3 netboard)En smal høyrespalte på180 px• Defineres av skyskraper 372 372 236 236 25
    • Aftenposten.noEt smalt flytareal på 470 1000px• Defineres av skyskraperDeles opp, men følger ikke streng grid-inndeling• 1 helbredde (1/1) 470En bred indrehøyrespalte på 320 pxEn smal høyrespalte på180 px• Defineres av skyskraper 180 280 372 180 40% 60% 26
    • Parallell: 27
    • Og da er vi plutseligikke langt unna dette:Modulkart fra 28
    • Begrensning #4: Første skjermfold? 29 http://iampaddy.com/lifebelow600/
    • Begrensning #4: Første skjermfold? http://iampaddy.com/lifebelow600/ 30
    • Begrensning #4: Første skjermfold?Studier viser at folk scroller(men ikke alltid)Tydelige skiller får folk til åstoppe scrollingen: Visuellevollgraver Studie: http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm 31 http://iampaddy.com/lifebelow600/
    • OppsummertFrihet innenfor begrensninger:1. Skjermbredde begrenser2. Annonseformater begrenser3. Arealet du designer innenfor defineres av rutenett - grids4. Første skjermfold kan være en begrensning – men ikke nødvendigvis• Men hva gjør vi med friheten vi sitter igjen med?• Når fungerer det godt? 32
    • Ned i trakten33 © 2009 Ignacio Sanz
    • Vi har (alle) gjort det feil• Øyet flyter i hovedspalten: Flere spalter med ulike innholdstyper av ulik holdbarhet skaper blindhet for annet enn hovedspalten“ Stor svensk studie om annonseeffektivitet (Mejsel, «Nya ögon på Internet», høsten 2008): Surfarna har lärt sig att material i en högerspalt är mindre fräscht och inte uppdateras på samma sätt som huvudflödet när man kommer ner en bit på sajten, säger Magnus Damstedt, analyschef på Dagens Nyheter” [Innhold] som ligger i en sajts huvudspalt bibehåller dock uppmärksamheten oberoende av hur långt ner det ligger när de väl har scrollats in på skärmen.”• Sagt på en annen måte: Nettavisleserne leser midtspalten, fordi det er der vi prioriterer inn nyhetene, og det er der vi som lesere skanner etter innhold Studie: Nya ögon på Internet: http://advertising.microsoft.com/sverige/new-eyes-news 34
    • Ned i trakten:Brukerens tunnellsyn• Den store brorparten av trafikken vår går i midtspalten. Venstre- og høyrespalte i langt mindre grad Brukeren holder seg i flytspalten når han hun først har entret trakten. Ignorerer andre spalter.• Vi er ikke alene: VG kvittet seg med venstrespalten sin i siste redesign og økte størrelsen på høyrespalten Dagbladet har fjernet venstrespalten sin, og har flyt i alt unntatt høyrespalten. Brukerne scanner en større del av siden enn hos aviser med flere spalter.• Bekreftes av eyetrackingstudier - både av våre aviser og andres: rb.no vg.no dagbladet.no 35
    • Hvordan unngå at flyten stopper• Nok variasjon, nok relevant stoff, gjennom hele trakten. Likegyldig stoff = brukerne forlater oss• Faste stoppunkter/elementer i flyten som får brukeren til å ta ny sats• Unngå visuelle vollgraver Store felter som blokkerer flyten øker sjansen for at vi ikke får vist frem hele varelageret. Brede elementer (x-akse) må ikke være så høye at de struper flyten Høye (y-akse) elementer kan ikke dekke hele flytsonen – men må ha flytsone for å slippe øyet forbi• God miks av ulike stofftyper fører til økt synlighet for alle elementene: «Studien visar också att hur annonser och artiklar placeras i förhållande till varandra påverkar hur besökaren uppmärksammar materialet. Chansen att en annons uppmärksammas ökar med 150-200 procent om mer än 30 procent av den omges av redaktionellt material.» «Det omvända visas också av studien, chansen att en artikel ska uppmärksammas av ögat ökar med nästan 50 procent om artikeln [ligger i nærheten av en] annonse.» «– Resultaten visar att artiklar utsätts av konkurrens av andra artiklar men inte av annonser. Omgivningens påverkan är större än vad vi trodde, säger Daniel Lundqvist.» 36
    • Eksponering av annet innhold i flyten 37
    • Innføre en ny flyt med ny miks• Større flyt, horisontale brudd, bevisst miks: Innføre horisontale brudd til erstatning for venstrespalte - innhold som er en del av trakten og som er synlig selv etter at brukeren har entret den. Bruke en omvinklet høyrespalte langt mer bevisst: til å profilere helt andre typer tjenester enn de som vises i flytspalten Bruke trakten bevisst til å mikse og eksponere ulike typer innhold for brukeren Legge i så stor grad som mulig fast innhold på faste plasser i flyten. Oppmuntre til etablering av vaner: faste plasseringer avføder faste vaner Tørre å legge attraktivt innhold mot slutten av siden - for å trekke brukeren gjennom hele trakten Nytteinnhold: – TV-tablåer – Omfattende rubrikkdekk – Utvidet værtjeneste Fordi: • “Studien visar att surfarna mycket sällan scrollar ner speciellt långt på sidor. Artiklar som ligger 2.000 pixlar från toppen missas av hälften av alla surfare. Ner till 5.000 pixlar är det enbart 20 procent som scrollar.” • Vi ser identisk mønster i våre eyetrack-studier 38
    • SÅ HVORDAN GJØR VI DET?39 © 2009 Sea Turtle
    • Metafor: varelager og butikkdesign• God butikkdesign leder kunden gjennom så store deler av butikken som mulig - uten å verken irritere eller avspore• God butikkdesign viser frem så mye av varene som overhodet mulig uten at det kommer i konflikt med brukerens konkrete oppgave: å handle varer• I vår kontekst er varelageret:• Nyheter• Annonser• Rubrikk• osv... 40
    • Vi må eksponere brukerne for varelageret vårt• God interaksjonsdesign eksponerer brukeren for så mye av varelageret som mulig, samtidig som det gjør varelageret enkelt tilgjengelig.• Tar utgangspunkt i reelle brukerbehov – og løser dem• Fellestrekk for samtlige av nettsuksessene: Amazon.com, Ebay.com - og Finn.no• På redaksjonell side: VG.no 41
    • Bygg varelageret ut fra leserens bruk avnettavisene• Hvordan bruker leserne bruker nettavisene? Hvordan påvirker det mulighetene for å eksponere hele eller de viktigste delene av varelageret?• Nøkkelen ligger i å lede leserne gjennom nettstedet, med løsninger tilpasset leservanene på nett 42
    • Hvordan leses nettaviser:To typer sider – som løser ulike behov• Navigasjonssider: Sider som er skritt på vei til målet Inngangsport til annen informasjon Her skanner vi hvileløst etter det vi er på jakt etter Forsider og seksjonsforsider• Kjernesider Selve målet Stor vilje til å lese - til og med større enn på papir. Sakssider, rubrikksider, osv Modell: Kjernemodellen, NetLife Research – http://j.mp/bis7El 43
    • Navigasjonssider:Orientering, scanning, meny 44
    • Kjernesider:Resultatet av navigasjonen 45
    • KjernesideneSakssider, rubrikksider, katalogsider• Målet (eller delmålet) for brukeren• Når brukerbehovet er dekket skal sakssidene alltid tilby prioriterte og relevante veier videre som balanserer brukermål og forretningsmål Veier inn Kjerne Veier videre Artikkelside Rubrikkside Produktside (Fra kjernemodellen - NetLife Research) Modell: Kjernemodellen, NetLife Research – http://j.mp/bis7El 46
    • Kjernesidene:Resultatet av scanning på navigasjonssidene(bl.a.) Veier videre Viktigste Calls to action: Relatert informasjon: Veier inn Forside innhold og • saker • bildeserier Internsøk Søkemotorer funksjonalitet • videoer • lenker RSS • Relatert kommersiell informasjon Nyhetsbrev Tips/del Eksterne lenker/partnere Kommenter ...etc Kjøp Støtteinformasjon, navigasjon og veier videre ...etc Krever sin egen miks… 47
    • Forsidene/navigasjonssidene:Eksponering for varelageret 48
    • Navigasjonssidene:Forsider og seksjonsforsider• Inngangsporter til annet stoff: her presenterer vi det vi har å by på• Brukeren skanner forsidene for interessante elementer• Parallel: Butikkdesign Kunden ledes gjennom butikken slik at han eksponeres for hele varelageret i så stor grad som mulig Varelageret vårt: Nyheter Bildeserier og andre typer redaksjonelt innhold Brukerskapt (men redaksjonelt røktet) innhold Kalender Annonser Andre kommersielle elementer Etc• God forsidedesign eksponerer brukeren for så mye av varelageret som mulig, samtidig som det gjør varelageret enkelt tilgjengelig. 49
    • OppsummertBegrensninger1. Skjermbredde begrenser2. Annonseformater begrenser3. Arealet du designer innenfor defineres av rutenett - grids4. Første skjermfold kan være en begrensning – men ikke nødvendigvisFrihet innenfor begrensningene1. Mest mulig flyt: Størst mulig område av forsiden dedikeres flyt2. Færrest mulige hindringer: Flyten gjennom siden må ikke avskjæres med visuelle vollgraver3. Faste holdepunkter: Flyten skal ha faste stoppunkter – såsom tjenester eller magasinstoff fast plassert i flyten4. Payoff i enden av tunnelen: Flyten skal ende i relevant, verdifullt nyttemateriale5. Forsterkende stoffmiks: Redaksjonelt stoff, annonser og annet materiell skal mikses i flyten slik at de forsterker hverandre 50
    • Er det alt? 51 ?
    • 52
    • Med iPad kommer erkjennelsen at ikke all lesinger lik – selv på nettetNettavis: Papiravis:Anarkisk Sekvensiell,flyktig, lukket,delbar/lenkbar, dedikert tidsbruk,multiple innganger, definerte inngangermultiple utganger definerte utganger 53
    • Lesemønstre i papiravisLineær lesing, full redaksjonell kontroll med flyt 54
    • Lesemønstre i papiravisUfrivillig eksponering av stoff du ikke visste du var interessert i 55
    • Serendipity: propensity for making fortunate discoveries while looking for something unrelated (kåret til et av de mest uoversettelige ordene i det engelske språk) Serendipity machine: datastøttet oppdagelse av informasjon du ikke visste du trengte Serendipity: parallell til historien om Askeladden og prinsessen som ingen kunne målbinde56
    • Lesemønstre i nettavis (det vi tror i dag)Flyktig lesing – liten redaksjonell kontroll over inngang/utgang Artikkel: http://madebymany.co.uk/content-design-with-cojones-003109 57
    • Lesemønstre i nettavis (det vi tror i dag)Men hvor mange leser egentlig på den måten? Naviga- Naviga- Naviga- Naviga- Kjerne- Kjerne- Kjerne- sjons- sjons- sjons- sjons- side side side side side side side Naviga- Naviga- Kjerne- Kjerne- Kjerne- sjons- sjons- side side side side side 58
    • Lesemønstre i nettavis (satt på spissen)To indre og vekk me’n Forside Artikkel Facebook 59
    • Problemet: Tid brukt daglig på site: Data fra Alexa.com – tolk som sterk indikasjon, men merk potensiell feilmargin 60
    • Nettavisdesign: et demokratisk problem?Ufrivillig eksponering av stoff du ikke visste du var interessert i vs. Forside Artikkel Facebook 61
    • Ikke helt sant• Nettavisforsiden eksponerer hele nyhetsbildet• Titler, bilder og ingresser er formulert for å svare på spørsmålet: Hvorfor skal jeg gidde klikke på dette?• Bærer ikke informasjonen godt nok. 62
    • iPad utfordrer tradisjonell tenkning pånettnavigasjon – og peker mot en løsning?Tese: Nettavis Antitese: PapiravisAnarkisk Sekvensiell,flyktig, lukket,delbar/lenkbar, dedikert tidsbruk,multiple innganger, definerte inngangermultiple utganger definerte utganger Syntese: iPad Sekvensiell, åpen - lenkbar/delbar? dedikert tidsbruk? definerte innganger/utganger 63
    • Ser ut til å fungere: Dramatisk mange flere sidevisninger på Nordlys-app enn web Langt bedre enn selv de beste nettavisene Antall sidevisninger per bruker50,0 PI/UV iPad PI/UV iPhone PI/UV Nordlys.no PI/UV mobil.nordlys.no37,525,012,5 01. jan. 2011 4. jan. 2011 7. jan. 2011 10. jan. 2011 13. jan. 2011 16. jan. 2011 19. jan. 2011 22. jan. 2011 25. jan. 2011 64
    • Og bedre enn Facebook Antall sidevisninger per bruker50,037,525,012,5 01. jan. 2011 6. jan. 2011 11. jan. 2011 16. jan. 2011 21. jan. 2011 26. jan. 2011 65
    • 26. jan. 2011 Nordlys.no: Minutter per brukersesjon 25. jan. 2011 App: Minutter per brukersesjon 24. jan. 2011Nordlys NÅ (app): Tid brukt per brukersesjon 23. jan. 2011 App har 1,5 brukersesjoner per bruker i snitt. Tid per dag = 1,5 ganger høyere enn graf viser 22. jan. 2011 21. jan. 2011 20. jan. 2011 19. jan. 2011 18. jan. 2011 17. jan. 2011 16. jan. 2011 15. jan. 2011 I antall minutter 14. jan. 2011 13. jan. 2011 12. jan. 2011 Et stykke unna Facebook, med 32 min per dag 11. jan. 2011 10. jan. 2011 Klart mer tid brukt på app 9. jan. 2011 8. jan. 2011 7. jan. 2011 6. jan. 2011 5. jan. 2011 66 4. jan. 2011 3. jan. 2011 2. jan. 2011 1. jan. 2011 10,0 7,5 5,0 2,5 0
    • Problemer med syntese:Nyhetsapp-design arver veldig mye fra papir “The axis of symmetry of the spine is always there; one can certainly work over it, but not deny it. In this respect book typography is essentially different from the typography of single sheets, as in business printing, posters, and so on.” – Hochui + Kinross, Designing Books Fra http://www.alistapart.com/articles/a-simpler-page/ 67
    • Papiravis: Rygg Rygg 68
    • Rygg Rygg 69
    • Spalter – hvor er egentlig ryggen på en tablet?Hvor sveiper du for å lese videre? Rygg? Far far away, behind the word Completely impact multifunctional mountains, far from the countries processes and wireless supply chains. Vokalia and Consonantia, there live the Dynamically engage business meta- blind texts. Separated they live in services for market-driven data. Bookmarksgrove right at the coast of Collaboratively restore cross-platform the Semantics, a large language ocean. users before client-centered manufactured products. A small river named Duden flows by Assertively evolve long-term high- their place and supplies it with the impact vortals through visionary necessary regelialia. It is a solutions. Professionally harness paradisematic country, in which roasted standardized portals vis-a-vis resource Rygg? parts of sentences fly into your mouth. maximizing deliverables. Continually Rygg? coordinate stand-alone applications Even the all-powerful Pointing has no rather than virtual communities. control about the blind texts it is an almost unorthographic life One day Dynamically optimize fully researched however a small line of blind text by the results before stand-alone human name of Lorem Ipsum decided to leave capital. Completely predominate for the far World of Grammar. The Big seamless synergy via interoperable Oxmox advised her not to do so, methodologies. Dramatically provide because there were thousands of bad access to fully researched Commas. infrastructures. Far far away, behind the word ? ? Rygg? 70
    • «Let’s make this clear once andfor all: at the current surface and resolution of the iPad, multi column layouts for longscreen texts are sentimental nonsense. And the more columns you use, the worse it gets.» 71 http://www.informationarchitects.jp/en/wired-on-ipad-just-like-a-paper-tiger/
    • For å redusere forvirringen - guider! “If it needs to be explained, then it’s probably broken.” – Khoi Vinh http://www.subtraction.com/2011/02/01/unnecessary-explanations 72
    • Collaboratively restore cross-platform userswireless supply chains. Dynamically engage Completely impact multifunctional processes and Assertively evolve long-term high-impact vortals Collaboratively restore cross-platform users business meta-services for market-driven data. before client-centered manufactured products.business meta-services for market-driven data. wireless supply chains. Dynamically engage through visionary solutions. Professionally before client-centered manufactured products. Collaboratively restore cross-platform usersCollaboratively restore cross-platform users business meta-services for market-driven data. harness standardized portals vis-a-vis resource before client-centered manufactured products. Assertively evolve long-term high-impact vortalsbefore client-centered manufactured products. Collaboratively restore cross-platform users maximizing deliverables. Continually coordinate Assertively evolve long-term high-impact vortals through visionary solutions. Professionally before client-centered manufactured products. stand-alone applications rather than virtual through visionary solutions. Professionally Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resourceAssertively evolve long-term high-impact vortals communities. harness standardized portals vis-a-vis resource through visionary solutions. Professionally maximizing deliverables. Continually coordinatethrough visionary solutions. Professionally Assertively evolve long-term high-impact vortals maximizing deliverables. Continually coordinate harness standardized portals vis-a-vis resource stand-alone applications rather than virtualharness standardized portals vis-a-vis resource through visionary solutions. Professionally Dynamically optimize fully researched results stand-alone applications rather than virtual maximizing deliverables. Continually coordinate communities. harness standardized portals vis-a-vis resource The infinite canvasmaximizing deliverables. Continually coordinate before stand-alone human capital. Completely communities. stand-alone applications rather than virtualstand-alone applications rather than virtual maximizing deliverables. Continually coordinate predominate seamless synergy via interoperable communities. Dynamically optimize fully researched resultscommunities. stand-alone applications rather than virtual methodologies. Dramatically provide access to Dynamically optimize fully researched results before stand-alone human capital. Completely communities. fully researched infrastructures. before stand-alone human capital. Completely Dynamically optimize fully researched results predominate seamless synergy via interoperableDynamically optimize fully researched results predominate seamless synergy via interoperable before stand-alone human capital. Completely methodologies. Dramatically provide access tobefore stand-alone human capital. Completely Dynamically optimize fully researched results Completely impact multifunctional processes and methodologies. Dramatically provide access to predominate seamless synergy via interoperable fully researched infrastructures. The "infinite canvas" is a challenge to think big; a series of designpredominate seamless synergy via interoperable before stand-alone human capital. Completely wireless supply chains. Dynamically engage fully researched infrastructures. methodologies. Dramatically provide access tomethodologies. Dramatically provide access to predominate seamless synergy via interoperable business meta-services for market-driven data. Completely impact multifunctional processes and fully researched infrastructures.fully researched infrastructures. methodologies. Dramatically provide access to Collaboratively restore cross-platform users wireless supply chains. Dynamically engage Completely impact multifunctional processes and strategies based on treating the screen as a window rather than aCompletely impact multifunctional processes and fully researched infrastructures. Completely impact multifunctional processes and before client-centered manufactured products. business meta-services for market-driven data. Collaboratively restore cross-platform users wireless supply chains. Dynamically engage business meta-services for market-driven data. Completely impact multifunctional processes and wireless supply chains. Dynamically engagewireless supply chains. Dynamically engage business meta-services for market-driven data. page. Assertively evolve long-term high-impact vortals before client-centered manufactured products. Collaboratively restore cross-platform usersbusiness meta-services for market-driven data. wireless supply chains. Dynamically engageCollaboratively restore cross-platform users http://scottmccloud.com/4-inventions/canvas/ business meta-services for market-driven data. through visionary solutions. Professionally before client-centered manufactured products. Collaboratively restore cross-platform users harness standardized portals vis-a-vis resource before client-centered manufactured products. Assertively evolve long-term high-impact vortalsbefore client-centered manufactured products. Collaboratively restore cross-platform users maximizing deliverables. Continually coordinate Assertively evolve long-term high-impact vortals through visionary solutions. Professionally before client-centered manufactured products. stand-alone applications rather than virtual through visionary solutions. Professionally Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resourceAssertively evolve long-term high-impact vortals communities. harness standardized portals vis-a-vis resource through visionary solutions. Professionally maximizing deliverables. Continually coordinatethrough visionary solutions. Professionally Assertively evolve long-term high-impact vortals maximizing deliverables. Continually coordinate harness standardized portals vis-a-vis resource stand-alone applications rather than virtualharness standardized portals vis-a-vis resource through visionary solutions. Professionally Dynamically optimize fully researched results stand-alone applications rather than virtual maximizing deliverables. Continually coordinate communities.maximizing deliverables. Continually coordinate harness standardized portals vis-a-vis resource before stand-alone human capital. Completely communities. stand-alone applications rather than virtualstand-alone applications rather than virtual maximizing deliverables. Continually coordinate predominate seamless synergy via interoperable communities. Dynamically optimize fully researched resultscommunities. stand-alone applications rather than virtual methodologies. Dramatically provide access to Dynamically optimize fully researched results before stand-alone human capital. Completely communities. fully researched infrastructures. before stand-alone human capital. Completely Dynamically optimize fully researched results predominate seamless synergy via interoperableDynamically optimize fully researched results predominate seamless synergy via interoperable before stand-alone human capital. Completely methodologies. Dramatically provide access tobefore stand-alone human capital. Completely Dynamically optimize fully researched results methodologies. Dramatically provide access to predominate seamless synergy via interoperable fully researched infrastructures.predominate seamless synergy via interoperable before stand-alone human capital. Completely fully researched infrastructures. methodologies. Dramatically provide access tomethodologies. Dramatically provide access to predominate seamless synergy via interoperable fully researched infrastructures.fully researched infrastructures. methodologies. Dramatically provide access to fully researched infrastructures. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, Completely impact multifunctional processes and there live the blind texts. Separated they live in wireless supply chains. Dynamically engage Bookmarksgrove right at the coast of the Far far away, behind the word mountains, far Completely impact multifunctional processes and business meta-services for market-driven data. Semantics, a large language ocean. from the countries Vokalia and Consonantia, wireless supply chains. Dynamically engage Collaboratively restore cross-platform usersFar far away, behind the word mountains, far Completely impact multifunctional processes and business meta-services for market-driven data. before client-centered manufactured products. there live the blind texts. Separated they live infrom the countries Vokalia and Consonantia, wireless supply chains. Dynamically engage Collaboratively restore cross-platform users A small river named Duden flows by their place Bookmarksgrove right at the coast of thethere live the blind texts. Separated they live in business meta-services for market-driven data. before client-centered manufactured products. and supplies it with the necessary regelialia. It is Assertively evolve long-term high-impact vortals Semantics, a large language ocean.Bookmarksgrove right at the coast of the Collaboratively restore cross-platform users a paradisematic country, in which roasted parts through visionary solutions. ProfessionallySemantics, a large language ocean. before client-centered manufactured products. Assertively evolve long-term high-impact vortals of sentences fly into your mouth. harness standardized portals vis-a-vis resource A small river named Duden flows by their place and supplies it with the necessary regelialia. It is through visionary solutions. Professionally maximizing deliverables. Continually coordinateA small river named Duden flows by their place Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resource Even the all-powerful Pointing has no control stand-alone applications rather than virtual a paradisematic country, in which roasted partsand supplies it with the necessary regelialia. It is through visionary solutions. Professionally maximizing deliverables. Continually coordinate about the blind texts it is an almost communities. of sentences fly into your mouth.a paradisematic country, in which roasted parts harness standardized portals vis-a-vis resource stand-alone applications rather than virtual unorthographic life One day however a small lineof sentences fly into your mouth. maximizing deliverables. Continually coordinate communities. of blind text by the name of Lorem Ipsum decided Dynamically optimize fully researched results Even the all-powerful Pointing has no control stand-alone applications rather than virtual to leave for the far World of Grammar. The Big before stand-alone human capital. Completely about the blind texts it is an almostEven the all-powerful Pointing has no control communities. Dynamically optimize fully researched results Oxmox advised her not to do so, because there predominate seamless synergy via interoperable unorthographic life One day however a small lineabout the blind texts it is an almost were thousands of bad Commas. of blind text by the name of Lorem Ipsum decided before stand-alone human capital. Completely methodologies. Dramatically provide access tounorthographic life One day however a small line Dynamically optimize fully researched results predominate seamless synergy via interoperable fully researched infrastructures. to leave for the far World of Grammar. The Bigof blind text by the name of Lorem Ipsum decided before stand-alone human capital. Completely Far far away, behind the word mountains, far methodologies. Dramatically provide access to Oxmox advised her not to do so, because there predominate seamless synergy via interoperable Completely impact multifunctional processes and fully researched infrastructures.to leave for the far World of Grammar. The Big from the countries Vokalia and Consonantia, were thousands of bad Commas. methodologies. Dramatically provide access to wireless supply chains. Dynamically engageOxmox advised her not to do so, because there there live the blind texts. Separated they live in Completely impact multifunctional processes and fully researched infrastructures. business meta-services for market-driven data. Far far away, behind the word mountains, farwere thousands of bad Commas. Bookmarksgrove right at the coast of the wireless supply chains. Dynamically engage Collaboratively restore cross-platform users from the countries Vokalia and Consonantia, Completely impact multifunctional processes and Semantics, a large language ocean. business meta-services for market-driven data.Far far away, behind the word mountains, far before client-centered manufactured products. there live the blind texts. Separated they live in wireless supply chains. Dynamically engage Collaboratively restore cross-platform usersfrom the countries Vokalia and Consonantia, business meta-services for market-driven data. A small river named Duden flows by their place Bookmarksgrove right at the coast of the before client-centered manufactured products.there live the blind texts. Separated they live in Assertively evolve long-term high-impact vortals Semantics, a large language ocean. Collaboratively restore cross-platform users and supplies it with the necessary regelialia. It isBookmarksgrove right at the coast of the through visionary solutions. Professionally before client-centered manufactured products. a paradisematic country, in which roasted parts Assertively evolve long-term high-impact vortalsSemantics, a large language ocean. harness standardized portals vis-a-vis resource A small river named Duden flows by their place of sentences fly into your mouth. through visionary solutions. Professionally maximizing deliverables. Continually coordinate and supplies it with the necessary regelialia. It is Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resourceA small river named Duden flows by their place stand-alone applications rather than virtual a paradisematic country, in which roasted parts through visionary solutions. Professionally Even the all-powerful Pointing has no control maximizing deliverables. Continually coordinateand supplies it with the necessary regelialia. It is communities. of sentences fly into your mouth. harness standardized portals vis-a-vis resource about the blind texts it is an almost stand-alone applications rather than virtuala paradisematic country, in which roasted parts maximizing deliverables. Continually coordinate unorthographic life One day however a small line communities.of sentences fly into your mouth. Dynamically optimize fully researched results Even the all-powerful Pointing has no control stand-alone applications rather than virtual of blind text by the name of Lorem Ipsum decided before stand-alone human capital. Completely about the blind texts it is an almost communities. to leave for the far World of Grammar. The Big Dynamically optimize fully researched resultsEven the all-powerful Pointing has no control predominate seamless synergy via interoperable unorthographic life One day however a small line Oxmox advised her not to do so, because there before stand-alone human capital. Completelyabout the blind texts it is an almost methodologies. Dramatically provide access to of blind text by the name of Lorem Ipsum decided Dynamically optimize fully researched results were thousands of bad Commas. predominate seamless synergy via interoperableunorthographic life One day however a small line fully researched infrastructures. to leave for the far World of Grammar. The Big before stand-alone human capital. Completely methodologies. Dramatically provide access toof blind text by the name of Lorem Ipsum decided predominate seamless synergy via interoperable Far far away, behind the word mountains, far Oxmox advised her not to do so, because there Completely impact multifunctional processes and fully researched infrastructures.to leave for the far World of Grammar. The Big methodologies. Dramatically provide access to from the countries Vokalia and Consonantia, were thousands of bad Commas. wireless supply chains. Dynamically engageOxmox advised her not to do so, because there fully researched infrastructures. there live the blind texts. Separated they live in Completely impact multifunctional processes and business meta-services for market-driven data.were thousands of bad Commas. Bookmarksgrove right at the coast of the Far far away, behind the word mountains, far wireless supply chains. Dynamically engage Collaboratively restore cross-platform users Completely impact multifunctional processes and Semantics, a large language ocean. from the countries Vokalia and Consonantia, business meta-services for market-driven data. before client-centered manufactured products.Far far away, behind the word mountains, far wireless supply chains. Dynamically engage there live the blind texts. Separated they live in Collaboratively restore cross-platform usersfrom the countries Vokalia and Consonantia, business meta-services for market-driven data. A small river named Duden flows by their place Bookmarksgrove right at the coast of the before client-centered manufactured products. Assertively evolve long-term high-impact vortalsthere live the blind texts. Separated they live in Collaboratively restore cross-platform users and supplies it with the necessary regelialia. It is Semantics, a large language ocean. through visionary solutions. ProfessionallyBookmarksgrove right at the coast of the before client-centered manufactured products. a paradisematic country, in which roasted parts Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resource 73Semantics, a large language ocean. of sentences fly into your mouth. A small river named Duden flows by their place through visionary solutions. Professionally maximizing deliverables. Continually coordinate Assertively evolve long-term high-impact vortals and supplies it with the necessary regelialia. It is harness standardized portals vis-a-vis resource stand-alone applications rather than virtualA small river named Duden flows by their place through visionary solutions. Professionally Even the all-powerful Pointing has no control a paradisematic country, in which roasted parts maximizing deliverables. Continually coordinate communities.and supplies it with the necessary regelialia. It is harness standardized portals vis-a-vis resource about the blind texts it is an almost of sentences fly into your mouth. stand-alone applications rather than virtuala paradisematic country, in which roasted parts maximizing deliverables. Continually coordinate communities.
    • Collaboratively restore cross-platform userswireless supply chains. Dynamically engage Completely impact multifunctional processes and Assertively evolve long-term high-impact vortals Collaboratively restore cross-platform users business meta-services for market-driven data. before client-centered manufactured products.business meta-services for market-driven data. wireless supply chains. Dynamically engage through visionary solutions. Professionally before client-centered manufactured products. Collaboratively restore cross-platform usersCollaboratively restore cross-platform users business meta-services for market-driven data. harness standardized portals vis-a-vis resource before client-centered manufactured products. Assertively evolve long-term high-impact vortalsbefore client-centered manufactured products. Collaboratively restore cross-platform users maximizing deliverables. Continually coordinate Assertively evolve long-term high-impact vortals through visionary solutions. Professionally before client-centered manufactured products. stand-alone applications rather than virtual through visionary solutions. Professionally Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resourceAssertively evolve long-term high-impact vortals communities. harness standardized portals vis-a-vis resource through visionary solutions. Professionally maximizing deliverables. Continually coordinatethrough visionary solutions. Professionally Assertively evolve long-term high-impact vortals maximizing deliverables. Continually coordinate harness standardized portals vis-a-vis resource stand-alone applications rather than virtualharness standardized portals vis-a-vis resource through visionary solutions. Professionally Dynamically optimize fully researched results stand-alone applications rather than virtual maximizing deliverables. Continually coordinate communities. harness standardized portals vis-a-vis resource Ryggen finnes ikkemaximizing deliverables. Continually coordinate before stand-alone human capital. Completely communities. stand-alone applications rather than virtualstand-alone applications rather than virtual maximizing deliverables. Continually coordinate predominate seamless synergy via interoperable communities. Dynamically optimize fully researched resultscommunities. stand-alone applications rather than virtual methodologies. Dramatically provide access to Dynamically optimize fully researched results before stand-alone human capital. Completely communities. fully researched infrastructures. before stand-alone human capital. Completely Dynamically optimize fully researched results predominate seamless synergy via interoperableDynamically optimize fully researched results predominate seamless synergy via interoperable before stand-alone human capital. Completely methodologies. Dramatically provide access tobefore stand-alone human capital. Completely Dynamically optimize fully researched results Completely impact multifunctional processes and methodologies. Dramatically provide access to predominate seamless synergy via interoperable fully researched infrastructures. Vi bruker et bærende premiss fra et annet medium som bærende metafor.predominate seamless synergy via interoperable before stand-alone human capital. Completely wireless supply chains. Dynamically engage fully researched infrastructures. methodologies. Dramatically provide access tomethodologies. Dramatically provide access to predominate seamless synergy via interoperable business meta-services for market-driven data. Completely impact multifunctional processes and fully researched infrastructures.fully researched infrastructures. methodologies. Dramatically provide access to Collaboratively restore cross-platform users wireless supply chains. Dynamically engage Completely impact multifunctional processes and fully researched infrastructures. before client-centered manufactured products. wireless supply chains. Dynamically engage Completely impact multifunctional processes and business meta-services for market-driven data.Completely impact multifunctional processes and business meta-services for market-driven data. wireless supply chains. Dynamically engage Collaboratively restore cross-platform users Det fungerer ikke - og det må vi slutte med.wireless supply chains. Dynamically engage Completely impact multifunctional processes and Assertively evolve long-term high-impact vortals Collaboratively restore cross-platform users business meta-services for market-driven data. before client-centered manufactured products.business meta-services for market-driven data. wireless supply chains. Dynamically engage through visionary solutions. Professionally before client-centered manufactured products. Collaboratively restore cross-platform usersCollaboratively restore cross-platform users business meta-services for market-driven data. harness standardized portals vis-a-vis resource before client-centered manufactured products. Assertively evolve long-term high-impact vortalsbefore client-centered manufactured products. Collaboratively restore cross-platform users maximizing deliverables. Continually coordinate Assertively evolve long-term high-impact vortals through visionary solutions. Professionally before client-centered manufactured products. Assertively evolve long-term high-impact vortals Ryggen som bærende metafor er en selvpåført begrensning som forvirrer leseren. stand-alone applications rather than virtual harness standardized portals vis-a-vis resource through visionary solutions. ProfessionallyAssertively evolve long-term high-impact vortals communities. harness standardized portals vis-a-vis resource through visionary solutions. Professionally maximizing deliverables. Continually coordinatethrough visionary solutions. Professionally Assertively evolve long-term high-impact vortals maximizing deliverables. Continually coordinate harness standardized portals vis-a-vis resource stand-alone applications rather than virtualharness standardized portals vis-a-vis resource through visionary solutions. Professionally Dynamically optimize fully researched results stand-alone applications rather than virtual maximizing deliverables. Continually coordinate communities.maximizing deliverables. Continually coordinate harness standardized portals vis-a-vis resource before stand-alone human capital. Completely communities. stand-alone applications rather than virtualstand-alone applications rather than virtual maximizing deliverables. Continually coordinate predominate seamless synergy via interoperable communities. Dynamically optimize fully researched resultscommunities. stand-alone applications rather than virtual methodologies. Dramatically provide access to Dynamically optimize fully researched results before stand-alone human capital. Completely communities. fully researched infrastructures. before stand-alone human capital. Completely Dynamically optimize fully researched results predominate seamless synergy via interoperableDynamically optimize fully researched results predominate seamless synergy via interoperable before stand-alone human capital. Completely methodologies. Dramatically provide access tobefore stand-alone human capital. Completely Dynamically optimize fully researched results methodologies. Dramatically provide access to predominate seamless synergy via interoperable fully researched infrastructures.predominate seamless synergy via interoperable before stand-alone human capital. Completely fully researched infrastructures. methodologies. Dramatically provide access tomethodologies. Dramatically provide access to predominate seamless synergy via interoperable fully researched infrastructures.fully researched infrastructures. methodologies. Dramatically provide access to fully researched infrastructures. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, Completely impact multifunctional processes and there live the blind texts. Separated they live in wireless supply chains. Dynamically engage Bookmarksgrove right at the coast of the Far far away, behind the word mountains, far Completely impact multifunctional processes and business meta-services for market-driven data. Semantics, a large language ocean. from the countries Vokalia and Consonantia, wireless supply chains. Dynamically engage Collaboratively restore cross-platform usersFar far away, behind the word mountains, far Completely impact multifunctional processes and business meta-services for market-driven data. before client-centered manufactured products. there live the blind texts. Separated they live infrom the countries Vokalia and Consonantia, wireless supply chains. Dynamically engage Collaboratively restore cross-platform users A small river named Duden flows by their place Bookmarksgrove right at the coast of thethere live the blind texts. Separated they live in business meta-services for market-driven data. before client-centered manufactured products. and supplies it with the necessary regelialia. It is Assertively evolve long-term high-impact vortals Semantics, a large language ocean.Bookmarksgrove right at the coast of the Collaboratively restore cross-platform users a paradisematic country, in which roasted parts through visionary solutions. ProfessionallySemantics, a large language ocean. before client-centered manufactured products. Assertively evolve long-term high-impact vortals of sentences fly into your mouth. harness standardized portals vis-a-vis resource A small river named Duden flows by their place and supplies it with the necessary regelialia. It is through visionary solutions. Professionally maximizing deliverables. Continually coordinateA small river named Duden flows by their place Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resource Even the all-powerful Pointing has no control stand-alone applications rather than virtual a paradisematic country, in which roasted partsand supplies it with the necessary regelialia. It is through visionary solutions. Professionally maximizing deliverables. Continually coordinate about the blind texts it is an almost communities. of sentences fly into your mouth.a paradisematic country, in which roasted parts harness standardized portals vis-a-vis resource stand-alone applications rather than virtual unorthographic life One day however a small lineof sentences fly into your mouth. maximizing deliverables. Continually coordinate communities. of blind text by the name of Lorem Ipsum decided Dynamically optimize fully researched results Even the all-powerful Pointing has no control stand-alone applications rather than virtual to leave for the far World of Grammar. The Big before stand-alone human capital. Completely about the blind texts it is an almostEven the all-powerful Pointing has no control communities. Dynamically optimize fully researched results Oxmox advised her not to do so, because there predominate seamless synergy via interoperable unorthographic life One day however a small lineabout the blind texts it is an almost were thousands of bad Commas. of blind text by the name of Lorem Ipsum decided before stand-alone human capital. Completely methodologies. Dramatically provide access tounorthographic life One day however a small line Dynamically optimize fully researched results predominate seamless synergy via interoperable fully researched infrastructures. to leave for the far World of Grammar. The Bigof blind text by the name of Lorem Ipsum decided before stand-alone human capital. Completely Far far away, behind the word mountains, far methodologies. Dramatically provide access to Oxmox advised her not to do so, because there predominate seamless synergy via interoperable Completely impact multifunctional processes and fully researched infrastructures.to leave for the far World of Grammar. The Big from the countries Vokalia and Consonantia, were thousands of bad Commas. methodologies. Dramatically provide access to wireless supply chains. Dynamically engageOxmox advised her not to do so, because there there live the blind texts. Separated they live in Completely impact multifunctional processes and fully researched infrastructures. business meta-services for market-driven data. Far far away, behind the word mountains, farwere thousands of bad Commas. Bookmarksgrove right at the coast of the wireless supply chains. Dynamically engage Collaboratively restore cross-platform users from the countries Vokalia and Consonantia, Completely impact multifunctional processes and Semantics, a large language ocean. business meta-services for market-driven data.Far far away, behind the word mountains, far before client-centered manufactured products. there live the blind texts. Separated they live in wireless supply chains. Dynamically engage Collaboratively restore cross-platform usersfrom the countries Vokalia and Consonantia, business meta-services for market-driven data. A small river named Duden flows by their place Bookmarksgrove right at the coast of the before client-centered manufactured products.there live the blind texts. Separated they live in Assertively evolve long-term high-impact vortals Semantics, a large language ocean. Collaboratively restore cross-platform users and supplies it with the necessary regelialia. It isBookmarksgrove right at the coast of the through visionary solutions. Professionally before client-centered manufactured products. a paradisematic country, in which roasted parts Assertively evolve long-term high-impact vortalsSemantics, a large language ocean. harness standardized portals vis-a-vis resource A small river named Duden flows by their place of sentences fly into your mouth. through visionary solutions. Professionally maximizing deliverables. Continually coordinate and supplies it with the necessary regelialia. It is Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resourceA small river named Duden flows by their place stand-alone applications rather than virtual a paradisematic country, in which roasted parts through visionary solutions. Professionally Even the all-powerful Pointing has no control maximizing deliverables. Continually coordinateand supplies it with the necessary regelialia. It is communities. of sentences fly into your mouth. harness standardized portals vis-a-vis resource about the blind texts it is an almost stand-alone applications rather than virtuala paradisematic country, in which roasted parts maximizing deliverables. Continually coordinate unorthographic life One day however a small line communities.of sentences fly into your mouth. Dynamically optimize fully researched results Even the all-powerful Pointing has no control stand-alone applications rather than virtual of blind text by the name of Lorem Ipsum decided before stand-alone human capital. Completely about the blind texts it is an almost communities. to leave for the far World of Grammar. The Big Dynamically optimize fully researched resultsEven the all-powerful Pointing has no control predominate seamless synergy via interoperable unorthographic life One day however a small line Oxmox advised her not to do so, because there before stand-alone human capital. Completelyabout the blind texts it is an almost methodologies. Dramatically provide access to of blind text by the name of Lorem Ipsum decided Dynamically optimize fully researched results were thousands of bad Commas. predominate seamless synergy via interoperableunorthographic life One day however a small line fully researched infrastructures. to leave for the far World of Grammar. The Big before stand-alone human capital. Completely methodologies. Dramatically provide access toof blind text by the name of Lorem Ipsum decided predominate seamless synergy via interoperable Far far away, behind the word mountains, far Oxmox advised her not to do so, because there Completely impact multifunctional processes and fully researched infrastructures.to leave for the far World of Grammar. The Big methodologies. Dramatically provide access to from the countries Vokalia and Consonantia, were thousands of bad Commas. wireless supply chains. Dynamically engageOxmox advised her not to do so, because there fully researched infrastructures. there live the blind texts. Separated they live in Completely impact multifunctional processes and business meta-services for market-driven data.were thousands of bad Commas. Bookmarksgrove right at the coast of the Far far away, behind the word mountains, far wireless supply chains. Dynamically engage Collaboratively restore cross-platform users Completely impact multifunctional processes and Semantics, a large language ocean. from the countries Vokalia and Consonantia, business meta-services for market-driven data. before client-centered manufactured products.Far far away, behind the word mountains, far wireless supply chains. Dynamically engage there live the blind texts. Separated they live in Collaboratively restore cross-platform usersfrom the countries Vokalia and Consonantia, business meta-services for market-driven data. A small river named Duden flows by their place Bookmarksgrove right at the coast of the before client-centered manufactured products. Assertively evolve long-term high-impact vortalsthere live the blind texts. Separated they live in Collaboratively restore cross-platform users and supplies it with the necessary regelialia. It is Semantics, a large language ocean. through visionary solutions. ProfessionallyBookmarksgrove right at the coast of the before client-centered manufactured products. a paradisematic country, in which roasted parts Assertively evolve long-term high-impact vortals harness standardized portals vis-a-vis resource 74Semantics, a large language ocean. of sentences fly into your mouth. A small river named Duden flows by their place through visionary solutions. Professionally maximizing deliverables. Continually coordinate Assertively evolve long-term high-impact vortals and supplies it with the necessary regelialia. It is harness standardized portals vis-a-vis resource stand-alone applications rather than virtualA small river named Duden flows by their place through visionary solutions. Professionally Even the all-powerful Pointing has no control a paradisematic country, in which roasted parts maximizing deliverables. Continually coordinate communities.and supplies it with the necessary regelialia. It is harness standardized portals vis-a-vis resource about the blind texts it is an almost of sentences fly into your mouth. stand-alone applications rather than virtuala paradisematic country, in which roasted parts maximizing deliverables. Continually coordinate communities.
    • Nye utfordringer:Aktivitetssoner for mediebrett og touch-telefoner Rekkevidde - pekefinger Rekkevidde - pekefinger Enkel Enkel tommelsveip tommelsveip Enkel Enkel tommelsveip tommelsveip Rekkevidde - pekefinger eller tommel «Viktig og ofte brukt funksjonalitet bør legges til de enkle sonene. Funksjonalitet som er sjeldnere i bruk (og spesielt de som ikke skal klikkes på ved feil) bør legges i rekkevidde-sonene» – Dan Saffer http://www.kickerstudio.com/blog/2011/01/activity-zones-for-touchscreen-tablets-and-phones/
    • Aktivitetssoner for mediebrett og touch-telefoner http://www.kickerstudio.com/blog/2011/01/activity-zones-for-touchscreen-tablets-and-phones/ Carrier 12:00 PMRekkevidde Page Title- pekefinger http://www.domain.com Google Rekkevidde - pekefinger Google Page Title 12:00 PM http://www.domain.com Enkel Carrier tommelsveip Enkel tommelsveip «Viktig og ofte brukt funksjonalitet bør legges til de enkle sonene. Funksjonalitet som er sjeldnere i bruk (og spesielt de som ikke skal klikkes på ved feil) bør legges i rekkevidde-sonene» – Dan Saffer
    • Aktivitetssoner for mediebrett og touch-telefonerhttp://www.kickerstudio.com/blog/2011/01/activity-zones-for-touchscreen-tablets-and-phones/
    • Aktivitetssoner for mediebrett og touch-telefonerhttp://www.kickerstudio.com/blog/2011/01/activity-zones-for-touchscreen-tablets-and-phones/
    • Men altså: vi skriver 14. februar 79
    • Og utfordrerestår i kø: 80
    • Kjører Android81
    • Og flere: 82
    • Kjører webOS83
    • Og flere: 84
    • Kjører Blackberry Tablet OS85
    • Og flere: Windows Mobile 7 Tablet? 86
    • Appene måutvikles på nytt87 (cc) striatic @ Flickr
    • “And yet, if you talk to tech people at the tops of newscompanies, they don’t focus mainly on apps. They talkabout HTML5. If apps are the popular phenomenon of 2011, publishers’ on-ramp to digital reader payment, HTML5 is the future, they’ll say. And they are rapidly building the foundation for that future now.” – Ken Doctor http://www.niemanlab.org/2011/02/the-newsonomics-of-apps-and-html5/
    • With all these mobile devices, theres a huge Because of that, I think were spending a lot off amount of platform diversity now. When we our time investing in HTML 5. Its the code update the Facebook product we have to name, if you will, for the next generation of web update about seven different versions. We have technology thats optimised for mobile devices, to update the website that runs on your PC, and optimised to feel more like native the iPhone app, the Android app, the applications. Blackberry app, the mobile site and a number of other device-specific versions of The end goal is that well be able to develop Facebook. one version of Facebook for mobile devices, that runs on all different kinds of mobile Its becoming a real engineering challenge for phones. Thats really where our focus is now. us, as well as other technology companies. – Facebook CTO Bret Taylor http://www.bbc.co.uk/news/business-12406171
    • Everyone seems to pay HTML5plenty of lip-service. But look at theiractions. Apple, Google, Facebook,and developers are all focusing onnative apps, not HTML5 apps. – MG Siegler, TechCrunch: HTML5 Is An Oncoming Train, But Native App Development Is An Oncoming Rocket Ship http://techcrunch.com/2011/02/09/html5-versus-native-apps/
    • På tide med knagger å henge debatten påFeature phones Smartphones• Is palm/pocket sized • Is palm/pocket sized: it needs to be portable so it• Primarily operated through trackpad/trackball/joystick can be used everywhere and anytime physical controls and/or a keypad or keyboard • Primarily operated through a touch-based user• Has an average screen size of 2 to 3 inches interface: hardware buttons and a physical keyboard• Features a Web-browser without decent CSS and can be present but are optional. Javascript support • Has an average screen size of 3 to 6 inches: anything• More likely to be used without a data plan smaller makes touch-based interactions hard; anything much bigger makes it hard to transport everywhere easily. • Features a Web-browser with decent CSS (floats!) and Javascript support: ideally CSS3 and HTML5 • Is used with a data plan (not just voice!) 92
    • Tradisjonelle nettsider vs programvareEnkle løsninger, liten eller Medium avansete løsninger, Avanserte løsninger, dypingen integrasjon mot medium integrasjon mot integrasjon mot teknologi iteknologi i brukerens PC teknologi i brukerens PC brukerens PCNettsider«Vanlig» HTML Programvare 93
    • Mobile nettsider vs AppsEnkle løsninger, liten eller Medium avansete løsninger, Avanserte løsninger, dypingen integrasjon mot medium integrasjon mot integrasjon mot teknologi iteknologi i telefon/tablet teknologi i telefon/tablet telefon/tabletFeature phones og Smartphones/tablets Smartphones/tablets Smartphones/tablets Mobile nettsider Web-apper «Vanlig» HTML HTML5 Apper (programvare) Objective C, Java, Etc 94
    • Fem hovedgrunner til å lage en app i stedet forwebapp: }1. Brukerfølelse og funksjonalitet Usability2. Hastighet Usability Alle dreier seg direkte eller indirekte om3. Distribusjon brukeropplevelse Usability4. Betalingsløsning Usability5. Tilgang til hardware Indirekte usability 95
    • Peter Morvilles “Usability Honeycomb” 1 Useful. As practitioners, we cant be content to paint within the lines drawn by managers. We must have the courage and nyttig creativity to ask whether our products and systems are useful, and to apply our deep knowledge of craft and medium to (useful) define innovative solutions that are more useful. 2 Usable. Ease of use remains vital, and yet the interface- brukbar attråverdig centered methods and perspectives of human-computer (usable) interaction do not address all dimensions of web design. In (desirable) short, usability is necessary but not sufficient. verdifull 3 Desirable. Our quest for efficiency must be tempered by an appreciation for the power and value of image, identity, brand, (valuable) and other elements of emotional design. finnbar tilgjengelig 4 Findable. We must strive to design navigable web sites and locatable objects, so users can find what they need. (findable) (accessible) 5 Accessible. Just as our buildings have elevators and ramps, troverdig our web sites should be accessible to people with disabilities (more than 10% of the population). Today, its good business (credible) and the ethical thing to do. Eventually, it will become the law. 6 Credible. Thanks to the Web Credibility Project, were beginning to understand the design elements that influence whether users trust and believe what we tell them. 7 Valuable. Our sites must deliver value to our sponsors. For non-profits, the user experience must advance the mission.http://semanticstudios.com/publications/semantics/000029.php With for-profits, it must contribute to the bottom line and improve customer satisfaction. 96
    • 1. Brukerfølelse og funksjonalitetDirekte aksess til OS-elementer: sømløs opplevelseFøles appen «riktig»? Oppfører den seg slik du forventer? “...in a world of infinite software choice, people gravitate towards the products with the best overall user experience. It’s very hard for something developed in a cross-platform, lowest-common-denominator technology to – Phil Libin, CEO, Evernote provide as nice an experience as a similar native app.” http://techcrunch.com/2011/01/19/evernote-mac-app-store/ nyttig brukbar attråverdig verdifull finnbar tilgjengelig troverdig 97
    • 2. HastighetResponstid i GUI. Lugger det? nyttig (useful) brukbar attråverdig (usable) (desirable) verdifull (valuable) finnbar tilgjengelig (findable) (accessible) troverdig (credible) 98
    • 1 og 2: Brukerfølelse og funksjonalitet / HastighetBiblioteker + nye, kraftigere enheter 99
    • 2. Hastighet“I’ve been reading The Daily each daysince its debut Wednesday. Three days,three issues. My opinion of it has declinedeach day. Until I see an updated version ofthe app, I’m done with it.I noticed yesterday that it took way toolong to load the day’s new issue. Today, Itimed it. From the time I tapped the icon onmy home screen until I could read a singlepage, today’s issue took one minute andtwenty seconds. And to be clear, that wasover a reasonably fast Wi-Fi connection.One minute, twenty seconds. For over aminute of that time, this is all that I saw. Atthat point, it’s already a lost cause.” – John Gruber, Daring Fireball http://daringfireball.net/2011/02/the_daily_wait 100
    • 3 og 4: Distribusjonsplattform / butikkLavterskel tilgang,lavterskel betalingHvor lett er det å finne?Hvor lett er det å betale? nyttig (useful) brukbar attråverdig (usable) (desirable) verdifull (valuable) finnbar tilgjengelig (findable) (accessible) troverdig (credible) 101
    • 3. DistribusjonNettadresse! 15 år i å bygge brukervanerSøkbarhet! Delbarhet! nyttig (useful) brukbar attråverdig (usable) (desirable) verdifull (valuable) finnbar tilgjengelig (findable) (accessible) troverdig (credible) 102
    • “Apple’s Apps system is fantastic for software or4. Butikk games, but not necessarily for content applications. In fact, an HTML5 website, designed for the iPad and§11.2     Apps utilizing a system other than the In App the iPhone could be a good solution: it could givePurchase API (IAP) to purchase content, functionality,or services in an app will be rejected access to any kind of store — proprietary orFor existing apps already on the App Store, we are multi-titles such as a kiosk — in which publishersproviding a grace period to bring your app intocompliance with this guideline. To ensure your app will retain control over every critical dial.remains on the App Store, please submit an updatethat uses the In App Purchase API for purchasingcontent, by June 30, 2011. For media store development, the technology is on the publisher’s side. Scores of vendors are about to propose one-click payments, from PayPal Mobile Express check-out to… cell phone carriers working on systems where users buy online and are charged on their mobile bill. In other words, there is life outside Apple.” – Frédéric Filloux, Monday Note http://www.mondaynote.com/2011/01/23/apples-bet-on-publishing/ 103
    • 5. HardwaretilgangGPSPush alertsGyroskopKameraMikrofonTelefon nyttig (useful)brukbar attråverdig (usable) (desirable) verdifull (valuable) finnbar tilgjengelig (findable) (accessible) troverdig (credible) 104
    • 5. HardwaretilgangGPShttp://diveintohtml5.org/geolocation.htmlPushhttp://www.ioncannon.net/programming/1410/browser-based-push-notifications-with-mongrel2-and-eventsource/Aksellerometer/gyroskophttp://www.mobilexweb.com/blog/safari-ios-accelerometer-websockets-html5 105
    • 5. HardwaretilgangDette er vanskelig å gjenskape i en browser INVENTIO-prosjektet, Institutt for Medier og Kommunikasjon, UiO http://bit.ly/bb1PLY WordLens http://itunes.apple.com/us/app/word-lens/id383463868?mt=8 106
    • 5. HardwaretilgangEnkle løsninger, liten eller Medium avansete løsninger, Avanserte løsninger, dypingen integrasjon mot medium integrasjon mot integrasjon mot teknologi iteknologi i telefon/tablet teknologi i telefon/tablet telefon/tabletFeature phones og Smartphones/tablets Smartphones/tablets Smartphones/tablets Mobile nettsider Web-apper «Vanlig» HTML HTML5 Apper (programvare) Objective C, Java, Etc 107
    • Spørsmål: App eller webapp? 108
    • Spørsmål: App eller webapp? 109
    • Spørsmål: App eller webapp?Webapp App 110
    • Tese: Nettavis Antitese: iPadAnarkisk Sekvensiell,flyktig, åpen - lenkbar/delbar?delbar/lenkbar, dedikert tidsbruk?multiple innganger, definerte innganger/utgangermultiple utganger Syntese ? 111
    • • Laget via Guardians API • Sekvensiell lesing (tastaturnavigasjon) • Progresjonsindikator • (pre-iPad) http://guardian.gyford.com/112
    • • Gawker-nettverket • Nettopp lansert • Sekvensiell lesing (tastaturnavigasjon) • Ikke bare positivt mottatt http://www.gizmodo.com/ m.fl.113
    • ?Hva skjer med forsidennår navigasjonen blirsekvensiell? 114