Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Structured Content First

73,424 views

Published on

Presented at Mirabeau Mobile Event, Amsterdam.

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

Published in: Technology
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 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.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @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 :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Stephan, what's the 'Slidecast Audio Track Inside' badge? Is that a Slideshare Pro feature?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Great talk
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Structured Content First

  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

×