2 building for the post-mobile world - drupal · building for the post-mobile world ... don’t get...
TRANSCRIPT
![Page 1: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/1.jpg)
2
building for thepost-mobile worldwhy “mobile sites” are doomed,why the future is made of structured content,and how to build without breaking the bank
![Page 2: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/2.jpg)
i’m with lullabot.hi. i’m @eaton!
3
strategy, design, and development
![Page 3: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/3.jpg)
![Page 4: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/4.jpg)
feel free to leave if…5
‣ You don’t manage or publish content‣ Your pool of content is small, and static ‣ You have infinite budget, unlimited staff‣ You’re retiring in 2014
‣ Otherwise? Stick around, watch or heckle #postmobile
![Page 5: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/5.jpg)
change is here
6
![Page 6: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/6.jpg)
Karen McGrane, A List Apart
7
“People don’t want different content or less content. They imagine that their devices are different windows on the same content, and we don’t get to choose how people view our stuff.
![Page 7: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/7.jpg)
‣ Mobile is today’s crisis
8
![Page 8: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/8.jpg)
9
‣47% of US adults use phone for browsing
‣15% use their phone for most browsing
‣45% of teen girls — same as IE’s share
Mobile: No longer a feature
![Page 9: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/9.jpg)
10
‣75% of mobile usage at home or the office
‣90% split tasks between multiple devices
‣68% avoid desktop site if mobile breaks
Parity: No longer optional.
![Page 10: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/10.jpg)
11
‣$50k-150k to build a midrange app
‣60% of apps are never downloaded
‣50% of app time is gaming or facebook
Apps: Not a silver bullet.
![Page 11: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/11.jpg)
©2012 Lyza Danger — http://flic.kr/p/cfkULL
12
breakpoint overload
![Page 12: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/12.jpg)
Google Glass breaks every web site’s interaction model. Sigh.
13
blink, blink, wink
![Page 13: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/13.jpg)
Drupal.org on my living room television. No, seriously.
14
not even mobile
![Page 14: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/14.jpg)
Drupal.org on my living room television. No, seriously.
14
not even mobile46m on XBox Live
25
50
75
100
Time Warner Dish DirecTV Comcast XBox Live PlayStation
![Page 15: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/15.jpg)
‣ Mobile is today’s crisis‣ Channel explosion is tomorrow’s
15
![Page 16: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/16.jpg)
16
Web
![Page 17: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/17.jpg)
17
Social
Web Apps
![Page 18: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/18.jpg)
18
Search Social
APIs
PrintFeedsWeb
Apps
![Page 19: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/19.jpg)
‣ Mobile is today’s crisis‣ Channel explosion is tomorrow’s‣ Forked content doesn’t scale
19
![Page 20: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/20.jpg)
20
![Page 21: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/21.jpg)
23
![Page 22: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/22.jpg)
Karen McGrane: A Separate Mobile Site? No Forking Way
“The challenge for most organisations in the long run won’t be maintaining multiple sets of frontend code or different templates. It will be maintaining variations of duplicate content.
24
![Page 23: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/23.jpg)
‣ Mobile is today’s crisis‣ Channel explosion is tomorrow’s‣ Forked content doesn’t scale‣ This isn’t a new problem
25
![Page 24: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/24.jpg)
26
![Page 25: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/25.jpg)
26
![Page 26: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/26.jpg)
26
![Page 27: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/27.jpg)
26
![Page 28: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/28.jpg)
26
![Page 29: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/29.jpg)
27
plan for the futureor pay to rebuild
and rebuild…and rebuild…
![Page 30: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/30.jpg)
there is a solution
28
![Page 31: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/31.jpg)
Whitehouse.gov, Digital Government Blueprint
“Rather than thinking primarily about the final presentation — publishing web pages, mobile applications or brochures — an information-centric approach focuses on ensuring our data and content are accurate and available.
29
![Page 32: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/32.jpg)
30
‣ Governments (see Data.gov)‣ Large enterprise businesses‣ Technical writers‣ News media (see NPR’s COPE)
who’s already grappling with it?
![Page 33: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/33.jpg)
‣ Manage one pool of content
31
![Page 34: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/34.jpg)
‣ Create Once, Publish Everywhere ‣ Small team, started a decade ago‣ Uses the same content across all channels
32
NPR’s COPE
![Page 35: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/35.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 36: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/36.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 37: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/37.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 38: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/38.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 39: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/39.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 40: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/40.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 41: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/41.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 42: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/42.jpg)
‣ Desktop‣ Mobile‣ iPhone‣ Android‣ Partner‣ Microsite‣ Youtube‣ Social
33
NPR’s COPE
![Page 43: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/43.jpg)
‣ Manage one pool of content‣ Structure content for remixing
34
![Page 44: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/44.jpg)
35
Story titlesubtitleshortTitleteaserminiTeaserslugtexttextWithHtmlthumbnailstoryDatepubDate
audioaudioDurationaudioDescriptionaudioMp3
imagepullQuoterelatedLinkkeywordsorganizationlistTextcorrection
Program
Series
Blog
![Page 45: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/45.jpg)
36
Page
Tech Guy Labs
![Page 46: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/46.jpg)
37
EpisodeShow Question
News
InterviewPage
Tech Guy Labs
![Page 47: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/47.jpg)
38
Flexible chunks beat content blobs
![Page 48: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/48.jpg)
39
![Page 49: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/49.jpg)
40
![Page 50: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/50.jpg)
‣ Manage one pool of content‣ Structure content for remixing‣ Decouple content, presentation
41
![Page 51: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/51.jpg)
42
http://api.npr.org/query?fields=title,teasers &format=NRML &id=170510189 &apiKey=MDEwNzg…
![Page 52: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/52.jpg)
43
<story id="161551774"><link type="html">http://www.npr.org/2012/09/21/16…</link><link type="api">http://api.npr.org/query?id=161551774</link><link type="short">http://n.pr/Sc6mZV</link><title>Printing Solar Panels In The Backyard</title><teaser>
With crowd-sourced funding through Kickstarter, a team of inventors are building a Solar Pocket Factory: a machine designed to print micro solar panels. Co-inventor Shawn Frayne stopped by Flora Lichtman's backyard with a few pieces of the prototype to explain how the machine works.
</teaser><miniTeaser>
A Kickstarter-funded project aims to build a machine to print micro solar panels.
</miniTeaser></story>
![Page 53: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/53.jpg)
‣ Manage one pool of content‣ Structure content for remixing‣ Decouple content, presentation‣ …Profit?
44
![Page 54: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/54.jpg)
NPR, What We Did Wrong: NPR Improves Its API Architecture
“Having an API allows us to be highly efficient at building new platforms. We build the presentation, and the ‘data’ is already ready to go. In 12 months we doubled our online audience and launched 11 products, including a site redesign, with limited dev resources.
45
![Page 55: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/55.jpg)
46
making it
happen
![Page 56: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/56.jpg)
This man just read a case study about COPE transforming NPR’s business, but he needs to redesign a florist’s web site.
47
So. Much. Work.
![Page 57: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/57.jpg)
‣ Model meaning, not appearance
48
![Page 58: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/58.jpg)
‣Know why each element matters‣Learn from DBAs, markup purists‣Kill the dreaded “iPhone field”‣Test models with multiple channels
49
what you have vs.how it’s presented
![Page 59: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/59.jpg)
‣ Model meaning, not appearance ‣ Protect your assets
50
![Page 60: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/60.jpg)
51
AssetsThe stuff people want when they
visit your site
StructureThe elements you use to group and organize assets
PresentationEphemeral stuff
driven by channel design needs
![Page 61: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/61.jpg)
‣ Model meaning, not appearance‣ Protect your assets‣ Expose and use content feeds
52
![Page 62: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/62.jpg)
‣RSS, JSON, etc. (Views RSS, Views Datasource)
‣Web Services (Services, RestWS, ContentAPI…)
‣Consume, too! (Feeds, Client-side scripts…)
‣Drupal 8 (Web Services Initiative…)
53
content APIs don’t have to be crazy
![Page 63: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/63.jpg)
‣ Model meaning, not appearance‣ Protect your assets‣ Expose and use content feeds‣ Tailor the editing experience
54
![Page 64: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/64.jpg)
‣It privileges the editor’s device‣Dreamweaver fields kill reuse‣Visual layout runs the same risk‣Limit allowed tags, watch for abuse
55
is this the scheduled WYSIWYG rant? yes.
![Page 65: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/65.jpg)
‣Tailor tools for tasks and workflows‣Let them control priority, emphasis‣Don’t force them to be designers‣Plan for long term maintenance
56
editors are the most important users
![Page 66: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/66.jpg)
‣Reuse, don’t fork, your content‣Put purpose and structure first‣Separate assets from presentation‣Expose feeds to drive new channels
57
building for the post-mobile world
![Page 67: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/67.jpg)
58
read these books now.
Content EverywhereContent Strategy for Mobile APIs, A Strategy Guide
![Page 68: 2 building for the post-mobile world - Drupal · building for the post-mobile world ... don’t get to choose how people view our stuff. ‣ Mobile is today’s crisis 8. 9 ... ‣Tailor](https://reader030.vdocuments.net/reader030/viewer/2022041104/5f045daa7e708231d40d9f60/html5/thumbnails/68.jpg)
read these links, too.59
Luke WKaren McGraneInsert Content hereMIT Technology Review
Subcompact PublishingFuture Friendly Design
Structure first
10 Commandments of mobile design
www.lukew.com/ffkarenmcgrane.cominsertcontenthere.comwww.technologyreview.com/businessreport/mobile-computing-in-questioncraigmod.com/journal/subcompact_publishing/speakerdeck.com/lukebrooker/future-friendly-designwww.markboulton.co.uk/journal/structure-first-content-alwayswww.lullabot.com/articles/10-commandments-modern-web-design