Your SlideShare is downloading. ×
0
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Structured Content First
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Structured Content First

57,581

Published on

Presented at Mirabeau Mobile Event, Amsterdam. …

Presented at Mirabeau Mobile Event, Amsterdam.

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

Published in: Technology
4 Comments
207 Likes
Statistics
Notes
  • 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
No Downloads
Views
Total Views
57,581
On Slideshare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
725
Comments
4
Likes
207
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

×