Structured Content First
Upcoming SlideShare
Loading in...5
×
 

Structured Content First

on

  • 56,495 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
56,495
Views on SlideShare
44,796
Embed Views
11,699

Actions

Likes
195
Downloads
692
Comments
4

74 Embeds 11,699

http://www.splashnology.com 3883
http://tableless.com.br 3134
http://arquiteturadeinformacao.com 2672
http://www.digitalbart.com 478
http://designcookhouse.tumblr.com 345
http://localhost 188
http://www.okilla.com 127
http://logmob.wordpress.com 113
http://hurtta.dev.nitroid.fi 82
http://nitroidintra.dev.nitroid.fi 65
https://nik-nightingale.squarespace.com 55
http://mag.splashnology.com 51
http://sharingroom.spade.be 47
http://nik-nightingale.com 36
http://us-w1.rockmelt.com 32
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://www.twylah.com 10
http://felipe-p 10
http://flavors.me 10
http://niknightingale.com 8
http://sumerator.blogspot.in 8
http://julianaconstantino.wordpress.com 6
http://websitelab.local 6
http://translate.googleusercontent.com 6
http://bitly.com 5
http://vestiigo2.ehclients.com 5
http://www.linkedin.com 5
http://www.scoop.it 4
http://pinterest.com 3
http://www.mongodb.org 3
http://sumerator.blogspot.co.uk 3
http://www.onlydoo.com 3
http://www.slideshare.net 2
http://sumerator.blogspot.kr 2
http://wamu.argoproject.org 2
http://jp.flavors.me 2
http://sumerator.blogspot.ca 2
http://tweetedtimes.com 2
https://learningedge.edgehill.ac.uk 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
  • 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