Structured Content First

Presented at Mirabeau Mobile Event, Amsterdam.

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

Transcript

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 WORKON AN iPAD”
25. http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY. Opera browser
26. http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY. Opera Mobile, Samsung Galaxy Tab
28. The device landscape is constantly changing. Capabilities are constantly changing. Properly structured content is portable to future platforms.
30. PLATFORM-AGNOSTIC CONTENTfor
31. PLATFORM-AGNOSTIC CONTENTfor 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.
32. PLATFORM-AWARE USER EXPERIENCE for
33. PLATFORM-AWARE USER EXPERIENCE for Do try and create an e!ectively usable environment for people to easily accomplish tasks.
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. RESPONSIVE DESIGN ADAPTIVE LAYOUT & 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.
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. CONTENT STRATEGY, STRUCTURED CONTENT (FIRST). No mind-reading!
43. CONTENT STRATEGY, STRUCTURED CONTENT (FIRST). No mind-reading! The baseline for responsive design.
44. CONTENT STRATEGY, STRUCTURED CONTENT (FIRST). No mind-reading! The baseline for responsive design. = “mobile” "rst.
45. THANK YOU! twitter.com/stephenhay slideshare.net/stephenhay/structured-content-"rst