Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem...
Transcript of Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem...
![Page 1: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/1.jpg)
Beyond VisualEditorTrevor Parscal & James D. ForresterWikimania 2015, Mexico City
![Page 2: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/2.jpg)
What’s next for editing?
![Page 3: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/3.jpg)
Cool things we’ve built
![Page 4: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/4.jpg)
● A new theme for our UI library, aligned with MediaWiki● Simpler, design cues from ‘flat design’● Converges on design used by the rest of WMF
New, consistent design
![Page 5: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/5.jpg)
https://doc.wikimedia.org/oojs-ui/master/demos/#toolbars-apex-vector-ltr
New, consistent design
https://doc.wikimedia.org/oojs-ui/master/demos/#toolbars-mediawiki-vector-ltr
![Page 6: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/6.jpg)
● Used to be grey buttons to edit things● Now gives details to see what the settings are
○ Where does the link go?○ What is the reference?○ What is the name of this image?
● Edit control is more visible
Clearer context
![Page 7: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/7.jpg)
Clearer context
Screenshots of MIT VisualEditor & OOUI software; content is CC-BY-SA-3.0 Foobar@enwiki; photo is
CC-BY-SA-2.0 File:Foo Fighters.jpg@commons Jdforrester (WMF); CC-BY-SA 4.0
![Page 8: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/8.jpg)
● See information about link targets● Find the right page● Avoid disambiguations or redirects
Links
![Page 9: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/9.jpg)
Links
Adding_a_link_using_the_visual_editor_(gif).gif
Neil P. Quinn (WMF); CC-BY-SA 4.0
![Page 10: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/10.jpg)
Auto-citations
● ‘Citing what you write’ is now the core editing workflow● Not good enough to just depend on community gadgets● Building this work into a good, production-scale service● Sharing some wikis’ pioneering work for all our projects
![Page 11: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/11.jpg)
Auto-citations
Auto-citing_a_source_using_VisualEditor.gif
Neil P. Quinn (WMF), CC-BY 4.0
![Page 12: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/12.jpg)
● HTML tables are difficult to create● Wikitext tables are even worse● Wikimedians’ wikitext tables are… way worse
Table editing
![Page 13: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/13.jpg)
Table editing
Editing_a_table_using_VisualEditor.gif
Neil P. Quinn (WMF), CC-BY-SA 4.0
![Page 14: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/14.jpg)
● “Writing about music is like dancing about architecture[*]”● See the range of media on Commons● Find what’s best for the article● Add it quickly, guided through display options
Media search
![Page 15: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/15.jpg)
Media search
Adding_an_image_using_the_visual_editor_(gif).gif
Neil P. Quinn (WMF), CC-BY-SA 4.0
![Page 16: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/16.jpg)
Cool things we’re building
![Page 17: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/17.jpg)
● Mobile editing is not second-class editing● Billions of Internet users are, or will be, mobile-only● On desktop/tablet/phone, volunteers should be equal● Will have tools like auto-cite across platforms
Mobile
![Page 18: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/18.jpg)
● We want to give readers more media● Uploading whilst you edit is an often-requested feature● No need for the complexity of save/upload/re-edit/save● Our work will also help build custom campaign tools
Upload
![Page 19: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/19.jpg)
● Some kinds of meta-data are ‘in’ a page, some aren’t○ Out: Title, protection, Wikidata language links, translation state○ In: Title override, redirect, categories, category default sort key
● As a user you shouldn’t need to care where it’s stored● Editing tools should let you do these edits standalone● We will move some of these tools outside the editor
Meta-data editing
![Page 20: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/20.jpg)
● Losing your edit is hugely annoying and demotivating● More a problem for bigger edits, which VE encourages ● If network/browser dies, will prompt to resume editing
Auto-store in-progress edits
![Page 21: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/21.jpg)
● Having two edit tabs is a poor, confusing hack● Integrating the editors will make it simpler● It will let us share tools like auto-cite between them● Needs to be easier to switch as you edit
Single edit tab
![Page 22: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/22.jpg)
Takeaways
Then: Making it easier to make articles better‘Better’ for readers — with more content, more references, more tables of data, more media, …
Now: Making it easier to make articles everywhereEverywhere for all editors — editing fluidly, simply and clearly on desktop and mobile alike
![Page 23: Beyond VisualEditor · Wikimania 2015, Mexico City. What’s next for editing? ... More a problem for bigger edits, which VE encourages If network/browser dies, will prompt to resume](https://reader033.fdocuments.net/reader033/viewer/2022060508/5f23cb24164a5025b844e098/html5/thumbnails/23.jpg)
Discussion