Structured Content First
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Structured Content First

on

  • 57,163 views

Presented at Mirabeau Mobile Event, Amsterdam.

Presented at Mirabeau Mobile Event, Amsterdam.

Video: http://www.ustream.tv/recorded/15265012/highlight/178696

Statistics

Views

Total Views
57,163
Views on SlideShare
45,330
Embed Views
11,833

Actions

Likes
196
Downloads
697
Comments
4

75 Embeds 11,833

http://www.splashnology.com 3883
http://tableless.com.br 3178
http://arquiteturadeinformacao.com 2672
http://www.digitalbart.com 538
http://designcookhouse.tumblr.com 346
http://localhost 188
http://www.okilla.com 129
http://logmob.wordpress.com 115
http://hurtta.dev.nitroid.fi 82
http://mag.splashnology.com 70
http://nitroidintra.dev.nitroid.fi 65
https://nik-nightingale.squarespace.com 55
http://sharingroom.spade.be 47
http://nik-nightingale.com 36
https://twitter.com 33
http://us-w1.rockmelt.com 32
http://thinkux.posterous.com 27
http://www.digitalbart.dev 27
http://a0.twimg.com 26
http://lanyrd.com 25
https://si0.twimg.com 22
http://www.cs.ubbcluj.ro 22
https://twimg0-a.akamaihd.net 19
http://www.saysaysay.de 16
http://twitter.com 15
http://sumerator.blogspot.com 13
http://153.ddbstaging.com 12
http://www.twylah.com 10
http://felipe-p 10
http://flavors.me 10
http://niknightingale.com 9
http://sumerator.blogspot.in 8
http://julianaconstantino.wordpress.com 6
http://websitelab.local 6
http://translate.googleusercontent.com 6
http://www.linkedin.com 5
http://bitly.com 5
http://vestiigo2.ehclients.com 5
http://www.scoop.it 4
http://sumerator.blogspot.co.uk 3
http://pinterest.com 3
http://www.onlydoo.com 3
http://www.mongodb.org 3
http://wamu.argoproject.org 2
http://sumerator.blogspot.ca 2
http://sumerator.blogspot.kr 2
http://jp.flavors.me 2
http://tweetedtimes.com 2
http://sumerator.blogspot.com.es 2
https://learningedge.edgehill.ac.uk 2
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

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…
  • Acknowledging the inherent limitations of mobile devices (e.g., their limited viewport) does that necessarily mean that design should be limited as well? For instance, can you design mobile first for a portfolio site without sacrificing your design, which in this case, is your just as important as your content?

    Do users expect/want different experiences on different devices or do they want the same experience throughout? What assumptions are we making? Do they want a simplistic/minimalist-type design on their laptop as well? Do they expect that?

    Is graphic design being phased out of web-design so that websites only have 1 responsive site rather than two sites, one for desktop, one for mobile?

    Great presentation. Very informative.
    Are you sure you want to
    Your message goes here
    Processing…
  • @Jono Not a Pro feature. It means I synchronized the audio recording of the talk with the slides. You should be able to hear it if you play the slideshow (not clicking ahead one-by-one).

    @porcelainduck Thank you :)
    Are you sure you want to
    Your message goes here
    Processing…
  • Stephan, what's the 'Slidecast Audio Track Inside' badge? Is that a Slideshare Pro feature?
    Are you sure you want to
    Your message goes here
    Processing…
  • Great talk
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Structured Content First Presentation Transcript

  • 1. STRUCTURED CONTENT FIRST Stephen Hay . Mirabeau Mobile Event, Amsterdam . 20110609
  • 2. WHAT ISMOBILE?
  • 3. usatoday.com in Android browser, Samsung Galaxy S
  • 4. WTF?
  • 5. twitter.com in Opera browser
  • 6. twitter.com in Android browser, Samsung Galaxy S
  • 7. twitter.com in Opera Mini
  • 8. the assumption isPEOPLE ON THE DESKTOP WANT THIS
  • 9. the assumption isPEOPLE ON “MOBILE” WANT THIS
  • 10. Hey, there’s that thing I wanted to read.
  • 11. “I WANT IT TOWORK ON AN iPAD”
  • 12. THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY. Opera browser http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
  • 13. THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY. Opera Mobile, Samsung Galaxy Tab http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
  • 14. The device landscape is constantlychanging. Capabilities are constantlychanging. Properly structured contentis portable to future platforms.
  • 15. PLATFORM-AGNOSTIC forCONTENT
  • 16. Don’t assume users want di!erent content simply becauseof the platform they’re using.Do cater to device capabilities if you want, but don’tassume that users want other capabilities on other devices.PLATFORM-AGNOSTIC forCONTENT
  • 17. PLATFORM-AWARE forUSER EXPERIENCE
  • 18. Do try and create an e!ectively usableenvironment for people to easily accomplish tasks.PLATFORM-AWARE forUSER EXPERIENCE
  • 19. THERE IS NO MOBILE WEB.http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/
  • 20. RESPONSIVE DESIGN& ADAPTIVE LAYOUT
  • 21. Real responsive design will be hard to do.Adaptive layout is a good "rst step, and is oftenwhat people mean with the term “responsive design”.Because layout is only a part of design.RESPONSIVE DESIGN& ADAPTIVE LAYOUT
  • 22. http://mediaqueri.es
  • 23. Thinking about, creating anddesigning structured content "rstcaters to the lowest common layoutdenominator, whether this be a smallscreen or a text browser.In fact, this content should be able togo anywhere.
  • 24. CONTENT STRATEGY,STRUCTURED CONTENT (FIRST).
  • 25. No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENT (FIRST).
  • 26. No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design. (FIRST).
  • 27. No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design. (FIRST). = “mobile” "rst.
  • 28. THANK YOU!twitter.com/stephenhayslideshare.net/stephenhay/structured-content-"rst