STRUCTURED  CONTENT                         FIRST  Stephen Hay . Mirabeau Mobile Event, Amsterdam . 20110609
WHAT ISMOBILE?
usatoday.com in Android browser,      Samsung Galaxy S
WTF?
twitter.com in Opera browser
twitter.com in Android browser,      Samsung Galaxy S
twitter.com in Opera Mini
the assumption isPEOPLE ON THE DESKTOP WANT     THIS
the assumption isPEOPLE ON “MOBILE” WANT   THIS
Hey, there’s that thing I wanted to read.
“I WANT IT TOWORK            ON AN iPAD”
THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY.                              Opera browser  http://www.w3.org/History/19...
THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY.                Opera Mobile, Samsung Galaxy Tab  http://www.w3.org/Histo...
The device landscape is constantlychanging. Capabilities are constantlychanging. Properly structured contentis portable to...
PLATFORM-AGNOSTIC   forCONTENT
Don’t assume users want di!erent content simply becauseof the platform they’re using.Do cater to device capabilities if yo...
PLATFORM-AWARE   forUSER EXPERIENCE
Do try and create an e!ectively usableenvironment for people to easily accomplish tasks.PLATFORM-AWARE                    ...
THERE IS NO             MOBILE WEB.http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/
RESPONSIVE DESIGN& ADAPTIVE LAYOUT
Real responsive design will be hard to do.Adaptive layout is a good "rst step, and is oftenwhat people mean with the term ...
http://mediaqueri.es
Thinking about, creating anddesigning structured content "rstcaters to the lowest common layoutdenominator, whether this b...
CONTENT STRATEGY,STRUCTURED CONTENT          (FIRST).
No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENT          (FIRST).
No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design.                                    ...
No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design.                                    ...
THANK YOU!twitter.com/stephenhayslideshare.net/stephenhay/structured-content-"rst
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
×

Structured Content First

58,008

Published on

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
58,008
On Slideshare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
726
Comments
4
Likes
207
Embeds 0
No embeds

No notes for slide

Structured Content First

  1. 1. STRUCTURED CONTENT FIRST Stephen Hay . Mirabeau Mobile Event, Amsterdam . 20110609
  2. 2. WHAT ISMOBILE?
  3. 3. usatoday.com in Android browser, Samsung Galaxy S
  4. 4. WTF?
  5. 5. twitter.com in Opera browser
  6. 6. twitter.com in Android browser, Samsung Galaxy S
  7. 7. twitter.com in Opera Mini
  8. 8. the assumption isPEOPLE ON THE DESKTOP WANT THIS
  9. 9. the assumption isPEOPLE ON “MOBILE” WANT THIS
  10. 10. Hey, there’s that thing I wanted to read.
  11. 11. “I WANT IT TOWORK ON AN iPAD”
  12. 12. THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY. Opera browser http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
  13. 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. 14. The device landscape is constantlychanging. Capabilities are constantlychanging. Properly structured contentis portable to future platforms.
  15. 15. PLATFORM-AGNOSTIC forCONTENT
  16. 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. 17. PLATFORM-AWARE forUSER EXPERIENCE
  18. 18. Do try and create an e!ectively usableenvironment for people to easily accomplish tasks.PLATFORM-AWARE forUSER EXPERIENCE
  19. 19. THERE IS NO MOBILE WEB.http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/
  20. 20. RESPONSIVE DESIGN& ADAPTIVE LAYOUT
  21. 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. 22. http://mediaqueri.es
  23. 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. 24. CONTENT STRATEGY,STRUCTURED CONTENT (FIRST).
  25. 25. No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENT (FIRST).
  26. 26. No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design. (FIRST).
  27. 27. No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design. (FIRST). = “mobile” "rst.
  28. 28. THANK YOU!twitter.com/stephenhayslideshare.net/stephenhay/structured-content-"rst
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×