Structured Content First

STRUCTURED

CONTENTFIRST

Stephen Hay . Mirabeau Mobile Event, Amsterdam . 20110609

WHAT IS

MOBILE?

usatoday.com in Android browser,Samsung Galaxy S

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




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.

http://mediaqueri.es



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


(FIRST).

No mind-reading!




(FIRST).

No mind-reading!

The baseline for responsive design.






(FIRST).

No mind-reading!

The baseline for responsive design.

= “mobile” "rst.







THANK YOU!twitter.com/stephenhay

slideshare.net/stephenhay/structured-content-"rst

Structured Content First

Technology

Transcript of Structured Content First