• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Structured Content First
 

Structured Content First

on

  • 55,517 views

Presented at Mirabeau Mobile Event, Amsterdam.

Presented at Mirabeau Mobile Event, Amsterdam.

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

Statistics

Views

Total Views
55,517
Views on SlideShare
44,106
Embed Views
11,411

Actions

Likes
195
Downloads
688
Comments
4

73 Embeds 11,411

http://www.splashnology.com 3883
http://tableless.com.br 2965
http://arquiteturadeinformacao.com 2672
http://www.digitalbart.com 386
http://designcookhouse.tumblr.com 344
http://localhost 188
http://www.okilla.com 125
http://logmob.wordpress.com 112
http://hurtta.dev.nitroid.fi 82
http://nitroidintra.dev.nitroid.fi 65
https://nik-nightingale.squarespace.com 55
http://sharingroom.spade.be 47
http://nik-nightingale.com 36
http://us-w1.rockmelt.com 32
http://mag.splashnology.com 31
https://twitter.com 30
http://thinkux.posterous.com 27
http://www.digitalbart.dev 27
http://a0.twimg.com 26
http://lanyrd.com 25
https://si0.twimg.com 22
http://www.cs.ubbcluj.ro 22
https://twimg0-a.akamaihd.net 19
http://www.saysaysay.de 16
http://twitter.com 15
http://sumerator.blogspot.com 13
http://153.ddbstaging.com 12
http://flavors.me 10
http://felipe-p 10
http://www.twylah.com 10
http://sumerator.blogspot.in 8
http://niknightingale.com 7
http://websitelab.local 6
http://translate.googleusercontent.com 6
http://www.linkedin.com 5
http://bitly.com 5
http://julianaconstantino.wordpress.com 5
http://vestiigo2.ehclients.com 5
http://www.scoop.it 4
http://pinterest.com 3
http://www.onlydoo.com 3
http://www.mongodb.org 3
http://sumerator.blogspot.co.uk 3
http://sumerator.blogspot.kr 2
http://jp.flavors.me 2
http://www.pearltrees.com 2
http://www.slideshare.net 2
http://abtasty.com 2
https://learningedge.edgehill.ac.uk 2
http://wamu.argoproject.org 2
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

14 of 4 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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.
    Are you sure you want to
    Your message goes here
    Processing…
  • @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 :)
    Are you sure you want to
    Your message goes here
    Processing…
  • Stephan, what's the 'Slidecast Audio Track Inside' badge? Is that a Slideshare Pro feature?
    Are you sure you want to
    Your message goes here
    Processing…
  • Great talk
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Structured Content First Structured Content First Presentation Transcript

    • 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/19921103-hypertext/hypertext/WWW/TheProject.html
    • 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
    • The device landscape is constantlychanging. Capabilities are constantlychanging. Properly structured contentis portable to future platforms.
    • PLATFORM-AGNOSTIC forCONTENT
    • 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
    • PLATFORM-AWARE forUSER EXPERIENCE
    • Do try and create an e!ectively usableenvironment for people to easily accomplish tasks.PLATFORM-AWARE forUSER EXPERIENCE
    • 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 “responsive design”.Because layout is only a part of design.RESPONSIVE DESIGN& ADAPTIVE LAYOUT
    • http://mediaqueri.es
    • 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.
    • CONTENT STRATEGY,STRUCTURED CONTENT (FIRST).
    • No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENT (FIRST).
    • No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design. (FIRST).
    • No mind-reading!CONTENT STRATEGY,STRUCTURED CONTENTThe baseline for responsive design. (FIRST). = “mobile” "rst.
    • THANK YOU!twitter.com/stephenhayslideshare.net/stephenhay/structured-content-"rst