SlideShare a Scribd company logo
Writerly web:
Writing as an open web interface
by @bact at Mozilla Drumbeat #NSC1
Open web should be a writerly web.
Encourage expressions & interactions.
  Writing privilege to readers (p2p).
Writerly web has many aspects.
“The author is dead.” Read/write web.
        User-generated. Remix.
Largest user-generated content:
          Text comments.
Easy. Cheap. Potentially generative.
To express links, media, formatting:
Everybody [btns] <mrkups/>-literate?
 Every devices <mrkups/>-friendly?
Writing is a very generative technology.
    Many of us know how to write.
 By looking how other people write.
Look @reply, RT, #hashtag.
Free text alone, can do semantics.
  [[wikilink]], CamelCase, *bold*.
Filtering: #hashtag in blog’s title ?
Auto-generated aggregated ‘planet.’
  Openly deal with info overload.
rel="tag" and Microformats might work.
 But that’s a little more complicated.
    (And not, say, texting-friendly.)
Annotation: Free tagging is cool.
 But no room in UI like one’s for SMS.
Tag feld?: Pixels, key presses, not inline.
Hyperlinks: I don’t know.
    Machine-aided? Convention?
URL as a word: compact and meaningful.
Embed media: oEmbed
Type vimeo.com/8033, got embedded.
        Machine-aided via API.
Styling: Inline formatting, Markdown.
 *bold* _underlined_ ==Head==
   :’( T-T ( ãĢãƒŧ ω ãƒŧ ) ãĢ
Commands: “d username message.”
   Dream on: “This is me ++p :)”
 ‘++p’ will activate phone camera.
Human-to-machine ([[link]], oEmbed)
    Directive – less generative.
Pre-programmed. Human adapted to machine.
Human-to-human (#tag, RT)
  Communicative – more generative.
Collective convention. Machine adapted to human.
While man-machine texting is less generative,
it still lowering the cost to participate.
Accelerate a more generative web as well.
Word suggestions, T9, etc.
Could aid directive texting as web interface.
As they do with communicative texting.
No empirical evidence.
Cognitive science. Behavioural Science.
           Experimenting it.
I'm too spoiled with command line?
             [yes/no] $ _
  Ubiquity, Spotlight, Windows too.
Writing is transparent.
Have the source (Gtalk, Wiki, Wave.)
       More readily to copy.
I start writing HTML by copying code.
  I start writing wiki by copying code.
  I start retweeting by copying code.
Generation J: Journalism programs have
new media covered http://bit.ly/4t5f4s
    v:@paulbradshaw cc:@theniw
Proposing. Rejecting. Failing. Accepting.
Goes norm. Use less cognitive energy.
  And that’s even more generative.
Voice- & motion-based interfaces.
Diffcult to copy/reproduce/regenerate.
Keypad still the cheapest & most accessible.
Love to see people investigate
    further on writing UI :)
Campaign for Open Writerly Web.
Semantic URL, oEmbed, common
  wiki/markdown format, etc.
@bact Arthit Suriyawongkul
 Pedestrian-in-Residence
    opendream.co.th

More Related Content

PDF
Greg's notes from Books in Browsers 2014
PPTX
Translating mediav1
PPTX
Web 2.you keynote
ODP
The Query Rewrite Plugin Interface: Writing Your Own Plugin
PPT
Understanding the self through self bias
 
PDF
Reading Typography—Writing Typography
PDF
The Culture of Money (@Yonsei U.)
KEY
01 - Intro to Sociology
Greg's notes from Books in Browsers 2014
Translating mediav1
Web 2.you keynote
The Query Rewrite Plugin Interface: Writing Your Own Plugin
Understanding the self through self bias
 
Reading Typography—Writing Typography
The Culture of Money (@Yonsei U.)
01 - Intro to Sociology

Similar to Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat) (20)

PPT
Lecture1 San Sebastian 2007: Internet, electronic genre and writing
PDF
Practically Web 2.0
PPTX
common online terminologies
PDF
Web Writing Guide
PPT
What Is Web 2
PDF
Using Web 2.0 Technologies in Computer Science Classes
PPT
Its Not Your Parents’ Internet Jay
PPT
I School 2008 talk notes
PDF
Collective film script writing experiences in using mobile creative writing ...
PDF
Acronym Soup
PDF
Creative Web 2.0 Learning
PPT
Unlocking Creativity
PPTX
web 2.0
PPT
Its Not Your Parents’ Internet Jay
PPT
ACRL-NEC 2008 presentation
PPT
PPT
PDF
BBC Backstage Web Horizon 2007 Presentation
PPT
Social Software, teaching, and learning: fall 2007
PPTX
Common Online Terminologies
Lecture1 San Sebastian 2007: Internet, electronic genre and writing
Practically Web 2.0
common online terminologies
Web Writing Guide
What Is Web 2
Using Web 2.0 Technologies in Computer Science Classes
Its Not Your Parents’ Internet Jay
I School 2008 talk notes
Collective film script writing experiences in using mobile creative writing ...
Acronym Soup
Creative Web 2.0 Learning
Unlocking Creativity
web 2.0
Its Not Your Parents’ Internet Jay
ACRL-NEC 2008 presentation
BBC Backstage Web Horizon 2007 Presentation
Social Software, teaching, and learning: fall 2007
Common Online Terminologies
Ad

More from Arthit Suriyawongkul (20)

PDF
Beyond retailer-consumer relationships
PDF
āļ—āļļāļ™ āļ‚āđ‰āļ­āļĄāļđāļĨ āđāļĨāļ°āļŠāļ āļēāļžāđāļ§āļ”āļĨāđ‰āļ­āļĄ: āđ€āļžāļ·āđˆāļ­āļŠāļ™āļąāļšāļŠāļ™āļļāļ™āļāļēāļĢāļĄāļĩāļŠāđˆāļ§āļ™āļĢāđˆāļ§āļĄāļ‚āļ­āļ‡āļ›āļĢāļ°āļŠāļēāļŠāļ™āđƒāļ™āļāļēāļĢāļ­āļ­āļāđāļšāļšāđāļĨ...
PDF
āļāļŽāļŦāļĄāļēāļĒāđ€āļāļĩāđˆāļĒāļ§āļāļąāļšāđ€āļ™āļ·āđ‰āļ­āļŦāļē āđ‚āļ†āļĐāļ“āļē āđāļĨāļ°āļāļēāļĢāļ•āļĨāļēāļ”āļ­āļ­āļ™āđ„āļĨāļ™āđŒ (āļ—āļģāđƒāļŦāđ‰āđ€āļžāļ·āđˆāļ­āļ™āđ„āļ›āļŠāļ­āļš DAAT āđ„āļĄāđˆāļĢāļđāđ‰āļˆ...
PDF
āļž.āļĢ.āļš.āļ„āļļāđ‰āļĄāļ„āļĢāļ­āļ‡â€Ļāļ‚āđ‰āļ­āļĄāļđāļĨāļŠāđˆāļ§āļ™āļšāļļāļ„āļ„āļĨ āđāļĨāļ°āļŠāļīāļ—āļ˜āļīāđƒāļ™āļ„āļ§āļēāļĄāđ€āļ›āđ‡āļ™āļŠāđˆāļ§āļ™āļ•āļąāļ§
PDF
Rights-based Internet Governance: āļāļēāļĢāļ­āļ āļīāļšāļēāļĨāļ­āļīāļ™āđ€āļ—āļ­āļĢāđŒāđ€āļ™āđ‡āļ•āđ‚āļ”āļĒāļ„āļīāļ”āļˆāļēāļāļŠāļīāļ—āļ˜āļīāđ€āļ›āđ‡āļ™āļ—āļĩāđˆāļ•āļąāđ‰āļ‡
PDF
āļ§āđˆāļēāļ”āđ‰āļ§āļĒāļŠāļ·āđˆāļ­āļŠāļąāļ‡āļ„āļĄ
PDF
āđ‚āļ”āļ™āļ­āļļāđ‰āļĄāđƒāļ™āđ‚āļĨāļāđ€āļŠāļĄāļ·āļ­āļ™
PDF
āļ„āļ™āļ—āļģāļ‡āļēāļ™āđāļĨāļ°āđāļĢāļ‡āļ‡āļēāļ™āđƒāļ™āļĒāļļāļ„āļ”āļīāļˆāļīāļ—āļąāļĨ
PDF
Three-Layer Model for the Control of Online Content: A Study on Thailand
PDF
Mapping Stakeholders, Decision-makers, and Implementers in Thailand’s Cyber P...
PDF
Data Protectionâ€Ļ in the Age of Big Data
PDF
Anonymity in the Digital Age #digitalcitizen16
PDF
Information Laws in Mekong Countries
PDF
āđāļ™āļ°āļ™āļģāļĄāļđāļĨāļ™āļīāļ˜āļīāđ€āļžāļ·āđˆāļ­āļ­āļīāļ™āđ€āļ—āļ­āļĢāđŒāđ€āļ™āđ‡āļ•āđāļĨāļ°āļ§āļąāļ’āļ™āļ˜āļĢāļĢāļĄāļžāļĨāđ€āļĄāļ·āļ­āļ‡
PDF
āļāļēāļĢāļŠāđˆāļ‡āđ€āļŠāļĢāļīāļĄāļāļēāļĢāļāļģāļāļąāļšāļāļąāļ™āđ€āļ­āļ‡â€Ļāđƒāļ™āļāļīāļˆāļāļēāļĢāļŠāļ·āđˆāļ­āđƒāļŦāļĄāđˆāļĒāļļāļ„āļŦāļĨāļ­āļĄāļĢāļ§āļĄ
PDF
Cybercrime and Cybersecurity Differences
PDF
Development and Concerns over "Digital Economy" Bills in Thailand
PDF
Thailand on LINE
ODP
The Junta Digital Agenda: 76 Days Later
ODP
The state of Internet freedom after the coup in Thailand
Beyond retailer-consumer relationships
āļ—āļļāļ™ āļ‚āđ‰āļ­āļĄāļđāļĨ āđāļĨāļ°āļŠāļ āļēāļžāđāļ§āļ”āļĨāđ‰āļ­āļĄ: āđ€āļžāļ·āđˆāļ­āļŠāļ™āļąāļšāļŠāļ™āļļāļ™āļāļēāļĢāļĄāļĩāļŠāđˆāļ§āļ™āļĢāđˆāļ§āļĄāļ‚āļ­āļ‡āļ›āļĢāļ°āļŠāļēāļŠāļ™āđƒāļ™āļāļēāļĢāļ­āļ­āļāđāļšāļšāđāļĨ...
āļāļŽāļŦāļĄāļēāļĒāđ€āļāļĩāđˆāļĒāļ§āļāļąāļšāđ€āļ™āļ·āđ‰āļ­āļŦāļē āđ‚āļ†āļĐāļ“āļē āđāļĨāļ°āļāļēāļĢāļ•āļĨāļēāļ”āļ­āļ­āļ™āđ„āļĨāļ™āđŒ (āļ—āļģāđƒāļŦāđ‰āđ€āļžāļ·āđˆāļ­āļ™āđ„āļ›āļŠāļ­āļš DAAT āđ„āļĄāđˆāļĢāļđāđ‰āļˆ...
āļž.āļĢ.āļš.āļ„āļļāđ‰āļĄāļ„āļĢāļ­āļ‡â€Ļāļ‚āđ‰āļ­āļĄāļđāļĨāļŠāđˆāļ§āļ™āļšāļļāļ„āļ„āļĨ āđāļĨāļ°āļŠāļīāļ—āļ˜āļīāđƒāļ™āļ„āļ§āļēāļĄāđ€āļ›āđ‡āļ™āļŠāđˆāļ§āļ™āļ•āļąāļ§
Rights-based Internet Governance: āļāļēāļĢāļ­āļ āļīāļšāļēāļĨāļ­āļīāļ™āđ€āļ—āļ­āļĢāđŒāđ€āļ™āđ‡āļ•āđ‚āļ”āļĒāļ„āļīāļ”āļˆāļēāļāļŠāļīāļ—āļ˜āļīāđ€āļ›āđ‡āļ™āļ—āļĩāđˆāļ•āļąāđ‰āļ‡
āļ§āđˆāļēāļ”āđ‰āļ§āļĒāļŠāļ·āđˆāļ­āļŠāļąāļ‡āļ„āļĄ
āđ‚āļ”āļ™āļ­āļļāđ‰āļĄāđƒāļ™āđ‚āļĨāļāđ€āļŠāļĄāļ·āļ­āļ™
āļ„āļ™āļ—āļģāļ‡āļēāļ™āđāļĨāļ°āđāļĢāļ‡āļ‡āļēāļ™āđƒāļ™āļĒāļļāļ„āļ”āļīāļˆāļīāļ—āļąāļĨ
Three-Layer Model for the Control of Online Content: A Study on Thailand
Mapping Stakeholders, Decision-makers, and Implementers in Thailand’s Cyber P...
Data Protectionâ€Ļ in the Age of Big Data
Anonymity in the Digital Age #digitalcitizen16
Information Laws in Mekong Countries
āđāļ™āļ°āļ™āļģāļĄāļđāļĨāļ™āļīāļ˜āļīāđ€āļžāļ·āđˆāļ­āļ­āļīāļ™āđ€āļ—āļ­āļĢāđŒāđ€āļ™āđ‡āļ•āđāļĨāļ°āļ§āļąāļ’āļ™āļ˜āļĢāļĢāļĄāļžāļĨāđ€āļĄāļ·āļ­āļ‡
āļāļēāļĢāļŠāđˆāļ‡āđ€āļŠāļĢāļīāļĄāļāļēāļĢāļāļģāļāļąāļšāļāļąāļ™āđ€āļ­āļ‡â€Ļāđƒāļ™āļāļīāļˆāļāļēāļĢāļŠāļ·āđˆāļ­āđƒāļŦāļĄāđˆāļĒāļļāļ„āļŦāļĨāļ­āļĄāļĢāļ§āļĄ
Cybercrime and Cybersecurity Differences
Development and Concerns over "Digital Economy" Bills in Thailand
Thailand on LINE
The Junta Digital Agenda: 76 Days Later
The state of Internet freedom after the coup in Thailand
Ad

Recently uploaded (20)

PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
Spectroscopy.pptx food analysis technology
PDF
Machine learning based COVID-19 study performance prediction
PPTX
A Presentation on Artificial Intelligence
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Assigned Numbers - 2025 - BluetoothÂŪ Document
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
 
PPTX
Machine Learning_overview_presentation.pptx
PPTX
Cloud computing and distributed systems.
PDF
Electronic commerce courselecture one. Pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Spectral efficient network and resource selection model in 5G networks
Review of recent advances in non-invasive hemoglobin estimation
Mobile App Security Testing_ A Comprehensive Guide.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Spectroscopy.pptx food analysis technology
Machine learning based COVID-19 study performance prediction
A Presentation on Artificial Intelligence
“AI and Expert System Decision Support & Business Intelligence Systems”
Diabetes mellitus diagnosis method based random forest with bat algorithm
Unlocking AI with Model Context Protocol (MCP)
Assigned Numbers - 2025 - BluetoothÂŪ Document
The Rise and Fall of 3GPP – Time for a Sabbatical?
 
Machine Learning_overview_presentation.pptx
Cloud computing and distributed systems.
Electronic commerce courselecture one. Pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
20250228 LYD VKU AI Blended-Learning.pptx
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
sap open course for s4hana steps from ECC to s4
Spectral efficient network and resource selection model in 5G networks

Writerly Web: Writing as an Open Web Interface (Mozilla Drumbeat)