Post on 08-Sep-2014
description
STRUCTURED
CONTENTFIRST
Stephen Hay . Mirabeau Mobile Event, Amsterdam . 20110609
WHAT IS
MOBILE?
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 is
PEOPLE ON THE DESKTOP WANT
THIS
the assumption is
PEOPLE ON “MOBILE” WANT
THIS
Hey, there’s that thingI wanted to read.
“I WANT IT TO
WORKON AN
iPAD”
http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
THE WORLD’S FIRST WEBSITE IS ALMOST MOBILE READY.
Opera browser
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
The device landscape is constantly changing. Capabilities are constantly changing. Properly structured content is portable to future platforms.
PLATFORM-AGNOSTIC
CONTENTfor
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.
PLATFORM-AWAREUSER EXPERIENCE
for
PLATFORM-AWAREUSER EXPERIENCE
for
Do try and create an e!ectively usable environment for people to easily accomplish tasks.
THERE IS NOMOBILE WEB.
http://www.the-haystack.com/2011/01/07/there-is-no-mobile-web/
RESPONSIVE DESIGNADAPTIVE LAYOUT
&
RESPONSIVE DESIGNADAPTIVE 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.
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.
CONTENT STRATEGY,STRUCTURED CONTENT
(FIRST).
CONTENT STRATEGY,STRUCTURED CONTENT
(FIRST).
No mind-reading!
CONTENT STRATEGY,STRUCTURED CONTENT
(FIRST).
No mind-reading!
The baseline for responsive design.
CONTENT STRATEGY,STRUCTURED CONTENT
(FIRST).
No mind-reading!
The baseline for responsive design.
= “mobile” "rst.
THANK YOU!twitter.com/stephenhay
slideshare.net/stephenhay/structured-content-"rst