Presented at Mirabeau Mobile Event, Amsterdam. Video: http://www.ustream.tv/recorded/15265012/highlight/178696

1. STRUCTURED
CONTENT
FIRST
Stephen Hay . Mirabeau Mobile Event, Amsterdam . 20110609

4. WHAT IS
MOBILE?

5. usatoday.com in Android browser,
Samsung Galaxy S

8. WTF?

9. twitter.com in Opera browser

10. twitter.com in Android browser,
Samsung Galaxy S

11. twitter.com in Opera Mini

17. the assumption is
PEOPLE ON THE DESKTOP WANT
THIS

19. the assumption is
PEOPLE ON “MOBILE” WANT
THIS

23. Hey, there’s that thing
I wanted to read.

24. “I WANT IT TO
WORK ON AN
iPAD”

25. THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY.
Opera browser
http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html

26. 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

28. The device landscape is constantly
changing. Capabilities are constantly
changing. Properly structured content
is portable to future platforms.

30. PLATFORM-AGNOSTIC for
CONTENT

31. Don’t assume users want di!erent content simply because
of the platform they’re using.
Do cater to device capabilities if you want, but don’t
assume that users want other capabilities on other devices.
PLATFORM-AGNOSTIC for
CONTENT

32. PLATFORM-AWARE for
USER EXPERIENCE

33. Do try and create an e!ectively usable
environment for people to easily accomplish tasks.
PLATFORM-AWARE for
USER EXPERIENCE

34. THERE IS NO
MOBILE WEB.
http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/

35. RESPONSIVE DESIGN&
ADAPTIVE LAYOUT

36. Real responsive design will be hard to do.
Adaptive layout is a good "rst step, and is often
what people mean with the term “responsive design”.
Because layout is only a part of design.
RESPONSIVE DESIGN&
ADAPTIVE LAYOUT

37. http://mediaqueri.es

39. Thinking about, creating and
designing structured content "rst
caters to the lowest common layout
denominator, whether this be a small
screen or a text browser.
In fact, this content should be able to
go anywhere.

41. CONTENT STRATEGY,
STRUCTURED CONTENT
(FIRST).

42. No mind-reading!
CONTENT STRATEGY,
STRUCTURED CONTENT
(FIRST).

43. No mind-reading!
CONTENT STRATEGY,
STRUCTURED CONTENT
The baseline for responsive design.
(FIRST).

44. No mind-reading!
CONTENT STRATEGY,
STRUCTURED CONTENT
The baseline for responsive design.
(FIRST).
= “mobile” "rst.

45. THANK YOU!
twitter.com/stephenhay
slideshare.net/stephenhay/structured-content-"rst