Reading/Web/Advanced mobile contributions/ja

改良版モバイル貢献モードは機能の組み合わせにより、モバイル体験に寄稿者用の機能や性能を増やします. よりデスクトップ版の使用感に近づけるよう、ナビゲーションと特別ページに注力して機能性の拡張に取り組みます. 下記に変更点の節には、実現を目指す機能や性能が理解できるようにまとめました. 機能をお試ししたら、ぜひ議論のページで感想 (良い点も欠点も) 、提案を聞かせてくださいませんか.

背景
モバイル版外装 を新人の読者向けに特化、積極的な編集者が活用する重要な投稿ワークフローを省略してあります. この外装を選ぶと、新人読者を混乱させがちなページへのリンクが非表示になり、PC環境専用でモバイル版での動作が保証されないリンクやページにもう悩まされなくなります.

その反面、非表示になったせいで編集者はモバイル環境でそれらの編集や管理を阻止されてしまいます. 閲読者ウェブチームは皆さんのコミュニティのリクエストをこれまでに注意深く追い、 来年度は投稿ワークフローに今よりも焦点を当てる計画です. 当面は、現状では非表示になったページを修正して表示させるため、必要な最低限の作業に取り組んでいます. 左記に加えて豊富な編集機能が並ぶようにナビゲーションの表示を広げ、モバイル版でそれらの機能を使えるように開発を進めています. 計画ではオプション機能として編集者に選んでもらう方向です. これによりモバイル端末上でいちいち表示をデスクトップ版とモバイルサイトの間で切り替える手間を減らせるはずですし、携帯端末を使った編集経験が改善されると見込んでいます. 現状の Minerva 外装で投稿ワークフローを拡充すると、たとえ完ぺきとは言えないまでも、モバイル版からの貢献を増やすには最も効率的な方法と判断しました. またこの判断により、すべてのツールが利用できる状況を最短の時間枠で実現し、ワークフローの最重要課題の探求と開発を掘り下げるために時間を確保したいところでもあります.

この目標は2018年度年次計画の成果報告書 3.1 に盛り込んであります. Contribution tools on mobile web via an existing MediaWiki skin (現状のMediaWiki外装を利用したモバイルウェブ版の貢献用ツール) としてまとめました.

January 14, 2019 - Getting started with Talk page links
We're excited to be underway with the initial stages of development on Advanced Contributions mode. Based on our research and community collaboration we learned that making Talk pages more accessible is a key component of mobile contributions. So first up: we will be adding a Talk link at the top of each page, for all namespaces. Because we are aiming to work iteratively at first the Talk link will lead users to the current mobile talk page experience:



However this current Talk page experience is a little disconnected from the article it belongs to — particularly if you switch to "Read as wiki page". It can be a bit confusing to get back to the article. So one of our design goals is to unify the article and Talk experiences, by rendering the Talk page as a tab of the article, similar to desktop. We hope this will help people keep their context, while also allowing seamless navigation back and forth.

Additionally, while working on the designs for this we realized that we have not yet had a discussion with the community about which version of the Talk page is preferred. Here are some things we're wondering about:


 * How well does the current, mobile-optimized, Talk experience work for advanced editors?
 * Thinking about various actions such as: viewing discussions, responding to discussions, adding new discussions
 * Are there features of the "wiki" version that are missing from the mobile version? Or in other words, what are reasons that people currently might switch to the wiki version of mobile Talk pages?
 * Generally speaking are there minor improvements that could be made to either Talk experience?

In the hopes of sparking discussion and ideas here's how we envision the Talk page functioning as a tab. The screens below show the basic workflow for editing a discussion in both the current/default version, and the "wiki" version. As a reminder, both of these experiences are currently available on the mobile site, so you can try them out for yourself to get a better sense of what you like/dislike and let us know (on the talk page of this page).

All feedback is welcome and much appreciated. Let us know what you think!

November 12, 2018 - Navigation prototype feedback summary
We are very grateful to have received feedback from 61 editors thus far on our. The response to the design was overwhelmingly positive, and included some great suggestions as well as some valid concerns raised. All of the feedback is valuable and will inform the next design iteration. We wanted to take a moment to both acknowledge all of you who took the time to go through the prototype, as well as highlight a few themes that surfaced. I'm considering something a theme if it was noted by two or more editors (considering the small sample size).



Questions and concerns:

 * Should categories be on by default in this mode? What will the relationship between this mode and other beta features be?
 * Is Sandbox something that people use on their phones?
 * How does this new design look and work on tablet?
 * The sticky toolbar is nice, but perhaps it would be better if it only appeared upon scrolling up (rather than always persisting)
 * Can we add the main header to the sticky toolbar, so that you can get access to search and the hamburger menu from the middle of a page?
 * Should this mode be available to logged-out editors?
 * Could we support a namespace specific search UI?
 * Icon improvements: Recent changes, History, Add discussion (on Talk page)

There were two other categories of questions and concerns raised:

1) Things pertaining to the display and functionality of Special pages (e.g. History, Recent changes) — it was great to see these remarks, as they guide us towards the next bit of work for this project, which is improving Special pages on mobile (more feature-rich, while still being manageable on a small screen)

2) Things that fall outside the scope of our current work: dark mode, an improved language icon

Appreciation:

 * Having easy access to the Talk page
 * Having easy to access History
 * Wikidata item accessible
 * Links to other Wikimedia projects
 * サンドボックス
 * Toolbar accessible without going all the way back to the top of the page

引用
"Much more convenient and usable than the current mobile view. Everything I would expect to find in a mobile view for editors is there." — Darylgolden

"I am eagerly waiting for this design." — AnkurWiki

"I think it's a great design, newcomers may be a bit confused but other than that, I like it." — Charizard201

"There seems to be lots of peculiar functions being added in this prototype compared to the existing experience. I appreciate the addition of Recent changes and "Special pages" but many of the other new links just add unnecessary confusion and clutter to the interface. I like the existing mobile interface because it reduces this clutter. Print is not something I need to do on my mobile phone for example." — Ming

“The previews presented look like a major improvement, currently the mobile browser doesn't seem editor-orientated at all.” — Donald Trung

Known prototype bugs
There were a number of errors in the prototype. We are calling them out here just so they are acknowledged as errors:


 * Search experience, Wikipedia logo bug
 * Notifications panel should have an “X”
 * Missing section edit buttons
 * Add edit button to action menu on Talk page (general & section)
 * Heading on Talk page should be “Talk:”
 * Some items in action menu don’t make sense on Talk page (Wikidata Item)

September 18, 2018 - Need your help! Collecting feedback for the new navigation prototypes
We have updated our prototype for the new navigation. The prototype is a response to the feedback we received at Wikimania. We have some questions on the current version as we continue to iterate. Any and all comments are appreciated! Keep in mind that since this is a prototype most of the links don’t actually work, and there might be other bugs or quirks that you’ll come across. We have also marked the feedback page for translation and hope to have it available in a variety of languages soon.

August 24, 2018 - Published results from Wikimania interviews
We have of from our research at Wikimania. Over the course of the conference, we interviewed 30 editors with the goal of identifying the main issues with mobile editing, prioritizing the pages that editors find most important, and raising awareness for the project among editors who are interested in mobile editing. In particular:


 * We noted that editors we spoke to were, overall, very excited about these changes, allowing us to feel confident with moving forward with the project.
 * We generated a list of the most important pages/workflows on mobile for the interviewed editors.
 * We gathered a group of editors that are interested in the project and willing to review and collaborate in the future by giving us feedback on prototypes and participating in other user testing.
 * We gathered feedback on our current prototypes for mobile navigation, giving us enough information to continue with the next round of iteration.

Please review our results and let us know what you think. Feedback is welcome and appreciated!

August 7, 2018 - Wikimania interviews
We performed 30 interviews with editors during Wikimania to collect information and feedback on the following:


 * Pages that are most important to contributors for mobile use
 * Feedback on our initial prototypes for advanced navigation

We are collecting and analyzing our results and will post an update to this page soon. We are also putting together a list of editors interested in providing feedback on prototypes throughout the development process. Let us know on the talk page if you're interested as well!

June 20, 2018 - IRC office hours
We will be holding IRC office hours to go over the proposal and brainstorm areas for improvement. We are particularly interested in speaking to editors on the contributions they would like to be able to make on mobile and on the special pages and flows that are most important.

May 19, 2018 - Themes from Barcelona Hackathon conversations
During the Barcelona Hackathon in 2018, we held two sessions focused on discussing this project with members of the editing and technical community. These are our notes from these sessions:


 * Interest in exposing more pages in mobile was high and people agreed that any work in this direction would be valuable. The main issues that were identified were use and availability of gadgets as well as specific workflow variation - tools used and shifting across wikis, different workflows based on projects, workflows split among multiple pages, etc. Interest was raised towards microcontributions and new microcontribution functionality (noting this here as it came up multiple times, although it is outside the scope of this project).

Full notes from the sessions can be found on this etherpad.

How people currently edit on mobile


 * 1) Switch back between Vector and Minerva, although some editors preferred Minerva
 * 2) Use mobile for language and translation due to better multi-language input
 * 3) Use mobile for better syntax highlighting

What we’re missing currently


 * 1) Users do not like the fact that certain pages are blocked on mobile - “a lot of what timeless did well was simply bringing back hidden pages and features”
 * 2) There is an interest in exposing all pages, even if they are flawed
 * 3) Gadgets - one user switches to desktop only for the ability to use their gadgets
 * 4) Recent changes
 * 5) History
 * 6) Familiarity - If there were a mobile version of Vector, for instance, it would make it easier to find something familiar
 * 7) Mobile-specific workflows
 * 8) Easy way to read discussions - talk pages, help desk, administrative noticeboard, help desk
 * 9) New ways for microcontributions

Split audience here. While all could agree on missing functionality, the room seemed to be split along the lines of making this functionality mobile-specific versus making it available now and allowing editors to find workaround where necessary within their current workflows

Ideas on exposing all pages


 * 1) It probably won’t scale to expose all pages - begin with a prioritized list
 * 2) Collapsing rather than hiding can give a lot of the gains of hiding without the detriments

Minerva vs Vector


 * 1) No strong opinions either way - some people leaning towards Vector with the technical motivation of only having one skin. Others disagreeing to say the more skins the better
 * 2) Either will be useful and an improvement from the norm

Other notes


 * 1) A lot of simple tasks are built into tools such as Twinkle and Huggle. Focusing on performing these tasks directly from mobile might not get us the results we are expecting. However, not all editors use these tools.
 * 2) Whether responsiveness is desirable came up a few times - good to remember that regardless of what we do, it will make some people unhappy
 * 3) Often special pages might not even be that useful - while some people use recent changes, there’s a wide variety of workflows that this does not account for
 * 4) 80/20 rule applies to microcontributions - it would be helpful to have a way to tag articles/portions that fall into the side that requires more care, attention etc from mobile. These can later be reviewed on desktop
 * 5) Vandalism example: “If you look at vandal-fighting the bots take 70% of the work. 30% left - automation to say likely hard/likely not hard. Likely not hard - show to mobile user like "do you think this might be vandalism" with buttons "yes" and "no"

Identified pages that need some work:


 * トーク ページ
 * 井戸端
 * 管理者伝言板
 * ヘルプ ページ
 * 最近の更新
 * Pending changes
 * Flagged revisions
 * Special:RecentChangesLinked
 * Special:NewPagesFeed

質問

ごく些細なタイプの編集や管理をするとき、外部のツールを利用する編集者の割合は何パーセントか？

ウィキごとにどんなリビジョン作業手順が発生するか？

プロジェクトの背景
調査段階はまずコミュニティの皆さんと個別面談をして、モバイル編集の主な問題は何か意見を聴き取りました. バルセロナのハッカソンではグループ協議を2回行い、主な問題として両方から得たものをご紹介します.


 * 現状のモバイル環境では、貢献のワークフローを求めているページ (編集や管理) は表示されない
 * モバイル版には、ごく小さな貢献のワークフローがもっとたくさんあるはずなのに、見過ごされている

このプロジェクトの焦点は、第1のポイント - 現状ではモバイル版のウェブサイトで非表示のページをアクセス可能にします.

概要
このプロジェクトではモバイルサイトの機能性拡充に集中し、デスクトップ版のユーザー経験に近いナビゲーションと特別ページへのアクセスを導入します. 新しい機能はすべての登録利用者を対象に、モバイル版の個人設定ページで設定変更できるようにします. ナビゲーション部分から着手し、段階的に変更点を実装する予定です. 今すでにモバイル版で編集をしている人や、もうすぐやってみようと考えている皆さん - ここで提案している変更点について、ぜひフィードバックをお寄せください！

ナビゲーション
AMC モードのナビゲーションには以下の各要素を盛り込みます.


 * ページ上部に議論のページへのボタンを置く (デスクトップ版のタブ表示に近いイメージ)
 * 編集履歴へのボタンをページ上部に置く
 * ユーザーメニューを広げ、自分の利用者ページや議論のページ、下書きページ (サンドボックス) や投稿記録へのボタンを置く
 * メニューを展開すると「最近の更新」や特別ページ、コミュニティポータル、その他のプロジェクトページへのリンクがある
 * 高度なページ処理として、ページをPDF形式でダウンロードしたり、ページ情報や固定リンクの表示、ウィキデータ項目へのリンク、他のページへのリンクなどを提供する

特別ページ
以下のページに関して、モバイル版機能の一部もしくはすべてを提供できるよう作業をします (優先順に記載).


 * 1) History
 * 2) Diff pages
 * 3) Watchlist
 * 4) Talk
 * 5) Contributions
 * 6) Recent changes
 * 7) User pages
 * 8) Village pump
 * 9) Preferences
 * 10) New pages feed
 * 11) Pending changes
 * 12) Related changes
 * 13) What links here

勧告
Expose currently unavailable pages on the mobile website using the Minerva skin as an opt-in setting option.


 * Doing the changes in the Minerva skin is more straightforward from a technical perspective and requires lower maintenance cost than other options. It also reduces disruption to existing workflows. Community members can use Minerva with the new optimised experiences on their mobile devices, and continue to use their existing experience with Vector or other skins on desktop.

観衆

 * 活発な編集者で、特定のメディアを対象に大量の編集を実行 (編集100件以上)
 * 管理ワークフローに注力する編集者 - モバイル版から小さな貢献をしやすい
 * 参加を歓迎：モバイル版の編集者全員

Per project
While we will be reaching out and are open to feedback from all projects, we have created a list of projects that we would like to specifically focus on. We looked at wikis that already had a decent amount of editors on mobile, indicating that editing on mobile is a comfortable concept for users of these projects. As the target audience for this project is medium and high-volume contributors, our assumption was that projects with a decently large number (1000+) of monthly editors would be likely to have a higher percentage of editors with 100+ edits. Finally, in terms of priority, we wanted to focus on projects that had the largest gap in mobile editing - projects whose ratio of mobile edits to new active editors was the highest:


 * 1) 英語版ウィキペディア
 * 2) スペイン語版ウィキペディア
 * 3) 日本語版ウィキペディア
 * 4) 中国語版ウィキペディア
 * 5) ポルトガル語版ウィキペディア
 * 6) イタリア語版ウィキペディア
 * 7) ペルシャ語版ウィキペディア
 * 8) ヘブライ語版ウィキペディア
 * 9) アラビア語版ウィキペディア
 * 10) フィンランド語版ウィキペディア
 * 11) ベトナム語版ウィキペディア
 * 12) インドネシア語版ウィキペディア
 * 13) 英語版ウィクショナリー
 * 14) タイ語版ウィキペディア
 * 15) ヒンディー語版ウィキペディア

KPI指標

 * Mobile web edit rate on target wikis: 10% increase
 * Retention rate for opt-in advanced mobile mode amongst medium and high-volume editors (100+ edits previous month): At least 60% retention
 * Moderation actions on mobile web on target wikis: 10% increase

Other potential metrics

 * Decreased number of users of desktop version link?
 * Number of users opting into/out of the feature

More details: T210660

New functionality
An advanced editing option will be presented in the mobile settings menu (not a part of beta settings). Selecting this option will do the following:


 * 1) Add navigational elements within the user menu that direct to pages currently missing from the mobile website.
 * 2) Switch all MobileFrontend mobile special pages to redirect to the base MediaWiki special pages. (For example, if a link currently navigates to https://en.m.wikipedia.org/wiki/Special:History/King_Island_emu, switch to https://en.wikipedia.org/w/index.php?title=King_Island_emu&action=history)

Roadmap

 * 1) Perform user consultation based on proposed approach
 * 2) Determine navigational elements and hierarchy
 * 3) Determine metrics and build out instrumentation
 * 4) Build new navigation
 * 5) Switch links/Redirect mobile pages to MediaWiki pages
 * 6) Provide settings option and communicate widely
 * 7) Potentially provide banner/some sort of CTA for advanced editors
 * 8) Based on feedback, prioritize fixes necessary to special pages
 * 9) Perform fixes in prioritized order

Length
The total length of this project would be approximately 1.5 quarters

Technical estimates
The below estimate is for exposing the pages only. The special page fixes will require extra work depending on the scale/number of pages:


 * Navigation, link switching, adding new setting: 1 Quarter, approximately 2 engineers

コミュニティとの協働
コミュニティの皆さんとの協働は開発プロセスを通じて実現しようとしていて、モバイル版ウェブに向けた特別ページやFlow (構造化された議論) の開発を最優先することと、並行してプロジェクトの進行状況に関するフィードバックを常に集めることを助けていただきたいと考えます. そのため次の方法を実行します.
 * == チャットルームの開室時間 ==
 * 開発プロセスを通じて一貫したコミュニケーションを図り、更新情報やコミュニティからフィードバックを受け付ける十分な時間枠を設けること
 * 実装の工程表についてすべてのウィキで公表し協議すること
 * 実装後はバナー通知や上級の編集者に協力のお願いを発信すること

Next Steps
Based on feedback received, we may continue with the following:
 * Expanding the set of fixes to special pages
 * Expanding the possible workflows available (making certain gadgets work on mobile, for example)
 * Continuing with similar changes in the vector skin (making vector responsive)

Product
Achieving the overall objective can be done through the following on mobile: In terms of functionality, both the Vector and Minerva skins can achieve the objective. Investing in the Minerva skin for mobile, however, will make future transitions between entry-level editing and advanced editing easier and ensure a more consistent user experience throughout the process. In addition, exposing veteran editors to Minerva is likely to make them more conscious of the way their edits are displayed on the mobile website, which could eventually lead to providing better content for readers and editors alike.
 * Displaying hidden special pages in an existing MediaWiki skin
 * Identifying issues with current special pages and performing fixes to make pages usable

Technical Rationale
From a technical perspective, doing these changes in the Minerva skin is preferable compared to Vector because of the downsides of doing so in Vector:
 * Less complexity - if we select Vector, we will need to hide the responsive vector changes under a feature flag, thus allowing for three separate versions of the mobile website - Vector, Responsive Vector, and Minerva. We would also have to work on making sure we hide gadgets for Responsive Vector or worse, audit all gadgets before shipping so that we do not break any existing gadgets or workflows in Vector
 * Onboarding cost and development time will be higher - doing the project in Vector will take approx. twice the amount of time
 * Higher maintenance cost - the team will be expected to bear the full burden of maintaining volunteer changes to Vector

Community risk and adoption rationale
From the community perspective:
 * No strong preference was shown towards performing the changes in either skin.
 * Doing the changes in the Vector skin introduces risk - it was highlighted during our sessions and individual consultations that many members of the community will prefer to use the desktop version of Vector on their phones despite the changes due to familiarity. We would like to allow editors to be able to continue doing this in the future
 * Community members stressed the importance of informing users on Minerva about the new advanced functionality to promote adoption.

Next Steps

 * IRC Office hours for additional input from communities on July 20th
 * Meeting with stakeholders to review the proposal

Documentation

 * Technical analysis
 * Community consultation summaries and product rationale

フィードバック
この作業テーマに関するフィードバックを議論のページにぜひお寄せください.

個別のコミュニティから寄せられたフィードバック (要約版)


 * Themes from Barcelona Hackathon conversations - バルセロナハッカソンで話し合ったテーマ
 * Wikimania 2018 user testing - ウィキマニア2018 ユーザーテストのテーマ (メモ記入の作業中)