Structured Content First

  • 55,314 views
Uploaded on

Presented at Mirabeau Mobile Event, Amsterdam. …

Presented at Mirabeau Mobile Event, Amsterdam.

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    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.
    Are you sure you want to
    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 :)
    Are you sure you want to
    Your message goes here
  • 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
  • Great talk
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
55,314
On Slideshare
0
From Embeds
0
Number of Embeds
28

Actions

Shares
Downloads
700
Comments
4
Likes
196

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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