Reading/Web/Desktop Improvements/Features/Sticky Header/ja

デスクトップ版改善プロジェクトの一環として、一般に利用されるツールのうちページ最上部にしか提供してこなかったものを変更します. 新しい機能では、ページのどこを表示中でもこれらのツールを「常時表示の」あるいは「固定した」ヘッダとして使えるようになります. 読者にも編集者にも、これらのツールが使いやすくなるよう目指しています. 現状ですと、ページ最上部までいちいちスクロールしなければならないと認識しています.

経緯と目的
現状では、ウィキページ上で利用者用の機能は画面最上部および／もしくは左端のパネルにしかありません. 長い記事のページでは最初の数段落を過ぎてしまうと、利用者はツールなどにアクセスするときはわざわざ上にスクロールする必要があります. この対処法を提案するなら、サイトヘッダ（および／または記事のヘッダ）を「常駐」にすることです. これにより、スクロール ダウンしてもヘッダーは画面上部 (コンテンツの上) に固定されます.

さらに、現状では閲覧者にも貢献者にもページ内の移動機能がほとんど提供されていません. このため、特定のページを他のページと区別するのが困難です.

私たちの目標 :
 * ページ内のどこを表示していてもら機能と文脈の両方を提供すること.
 * ナビゲーションのためだけに閲覧者や編集者がページを上下にスクロールする手間を省くこと.

使用事例

 * As a reader, I want to know what article I’m reading at all times, so that I can easily orient myself within the site.
 * As an editor, I want the ability to access important functionality (e.g. edit, go the the history page or the talk page of the article) from anywhere in the page, so that I do not waste time when scrolling up.
 * As a multilingual reader, I want the ability to switch languages at any point of my reading, so that I can switch directly after I find a confusing word or sentence.

機能の説明と要件
A sticky/fixed header will appear at the top of the page once a user scrolls past the current header on the page.


 * For anonymous users, the header will contain the following:
 * ウィキのロゴ
 * 検索
 * ページ名
 * 節の見出し


 * ログイン利用者には、ヘッダーに次の項目を表示します.
 * ウィキのロゴ
 * 利用者ツールメニュー（利用者ツールのページをご参照）
 * 検索
 * ページ名
 * Section name
 * Link to talk page
 * Link to history page
 * Link to source and/or edit (following the preferences of the wikis itself)
 * Language switching functionality

The scrolling behavior of the header must adapt to the needs of logged-in users The header must be adaptable at lower screen resolutions (down to 500px)
 * Note: we are currently testing a variety of scrolling and triggering behavior including allowing the header to appear upon scrolling up the page and when switching tabs. We will also be exploring displaying the header in a persistent manner

プロトタイプ
https://people.wikimedia.org/~jdrewniak/dip/p4.html#/en/wiki/Moon

匿名利用者
Note: for the first iteration of the sticky header, the header will only be available for logged-in users

User testing
We performed user testing of the sticky header with readers and editors in three locations and languages with the goal of determining which functionality was highest priority in order to include within a sticky header. For the first iteration of the sticky header, we will be removing triggering behavior and making the sticky header persistent as per request of a number of the editors involved in the user testing. We will then evaluate the change once live. We also tested the usability of our current prototype.

The results of the test were used to iterate on the links available within the header as well as the triggering and persistent behavior of the header. Special:MyLanguage/Reading/Web/Desktop Improvements/Repository/Sticky Header and Table of Contents User Testing.

試用版のテスト
2021年5月に、ウィキ30件でログイン利用者を対象にとしてプロトタイプの試験を実施しました. テストでは常駐型のヘッダーならびに利用者メニューを対象に、使い心地と機能性についてフィードバックを集める意図で 設計してあります. 訳

Our preliminary results show that an overwhelming majority of test participants reported positive experience with a sticky header. 参加者はページのどこを表示しても、常に重要な機能を利用できるのはよいと回答しました.

しかしながら、参加者のまとまった群 (20%以下) は常駐ヘッダーの現れ方そのものに難点を示しました. 参加者の大部分はさまざまなきっかけで表示されるよりも、ヘッダーはページに常駐の方が良いと記しました. 参加者の中に、きっかけを与えるとヘッダーが表示されるのを肯定しながらも、見えたり消えたりするタイミングが早すぎるため困ったと示した人が数名いました.

As next steps, we will be reviewing the triggers that allow the header to appear and disappear. We are also planning on further experimentation with the sticky header appearing persistently on the page. これらの変更点は、パイロットウィキ群における繰り返し開発では常駐ヘッダーを導入する初回に表示させる計画です.

定量的テスト
初回の展開後、パイロットウィキ群をモニターし、利用者リンクについてビフォーアフターの使用の状況を比較する予定です. これらのリンクのいくつかは件数は少なくても確実にアクセスが増えるだろう、中でもトークページと変更履歴への遷移について、そう予測します.

関連項目

 * 常駐の節ガジェット、英語版ウィキペディアの場合
 * 常駐ヘッダーのユーザースクリプト
 * 常駐ヘッダーのユーザースクリプト
 * 常駐ヘッダーのユーザースクリプト

My templates use sticky elements. How do I get them to work with the sticky header?
Add the `.mw-sticky-header-element` class to any elements that you want to stick to the bottom of the sticky header.