Ij feb-11

794 views

Published on

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

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
794
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ij feb-11

  1. 1. Den gode fronten: Moderne nettavisdesign Institutt for Journalistikk, 14 februar, 20111
  2. 2. Pål Nedregotten Leder for produktutvikling A-pressen Digitale Medier @nedregotten2
  3. 3. 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
  4. 4. 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
  5. 5. Begrensning #2: krom http://domain.com Web Page Title Google Scrollbar: ~20 pixler bred 1024 pixler - 20 pixler = 1004 pixler 5
  6. 6. 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
  7. 7. Begrensning #3: «Standard» annonsemoduler Netboard: 468 pixler bred + marg = 500 px 7
  8. 8. Begrensning #3: «Standard» annonsemoduler Web Page Title http://domain.com Google 500 px 504 pixler 8
  9. 9. Begrensning #3: «Standard» annonsemoduler Skyskraper: 180 pixler bred + marg = 200 px 9
  10. 10. 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
  11. 11. Hvorfor har vi ikke noe sliktpå nett?Modulkart fra 11
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. 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)
  16. 16. 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
  17. 17. Toppbanner  skalering
  18. 18. Skyskraper  skalering
  19. 19. Netboard  skalering
  20. 20. Grids – påtvinger ordenThe grid is themost vividmanifestation ofthe will to order ingraphic design.Khoi Vinh/Mark Boulton, “Grids Are Good”: SXSW2007 20
  21. 21. Grids i nettdesign• Viktigste strukturerende verktøy• Styrer øyet, etablerer flyt• Ekstremt viktig i informasjonstunge nettsteder 21
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. 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
  26. 26. 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
  27. 27. Parallell: 27
  28. 28. Og da er vi plutseligikke langt unna dette:Modulkart fra 28
  29. 29. Begrensning #4: Første skjermfold? 29 http://iampaddy.com/lifebelow600/
  30. 30. Begrensning #4: Første skjermfold? http://iampaddy.com/lifebelow600/ 30
  31. 31. 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/
  32. 32. 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
  33. 33. Ned i trakten33 © 2009 Ignacio Sanz
  34. 34. 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
  35. 35. 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
  36. 36. 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
  37. 37. Eksponering av annet innhold i flyten 37
  38. 38. 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
  39. 39. SÅ HVORDAN GJØR VI DET?39 © 2009 Sea Turtle
  40. 40. 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
  41. 41. 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
  42. 42. 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
  43. 43. 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
  44. 44. Navigasjonssider:Orientering, scanning, meny 44
  45. 45. Kjernesider:Resultatet av navigasjonen 45
  46. 46. 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
  47. 47. 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
  48. 48. Forsidene/navigasjonssidene:Eksponering for varelageret 48
  49. 49. 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
  50. 50. 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
  51. 51. Er det alt? 51 ?
  52. 52. 52
  53. 53. 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
  54. 54. Lesemønstre i papiravisLineær lesing, full redaksjonell kontroll med flyt 54
  55. 55. Lesemønstre i papiravisUfrivillig eksponering av stoff du ikke visste du var interessert i 55
  56. 56. 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
  57. 57. 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
  58. 58. 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
  59. 59. Lesemønstre i nettavis (satt på spissen)To indre og vekk me’n Forside Artikkel Facebook 59
  60. 60. Problemet: Tid brukt daglig på site: Data fra Alexa.com – tolk som sterk indikasjon, men merk potensiell feilmargin 60
  61. 61. Nettavisdesign: et demokratisk problem?Ufrivillig eksponering av stoff du ikke visste du var interessert i vs. Forside Artikkel Facebook 61
  62. 62. 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
  63. 63. 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
  64. 64. 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
  65. 65. 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
  66. 66. 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
  67. 67. 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
  68. 68. Papiravis: Rygg Rygg 68
  69. 69. Rygg Rygg 69
  70. 70. 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
  71. 71. «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/
  72. 72. 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
  73. 73. 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.

×