web-dev-qa-db-ja.com

右から左へのレイアウトのスクロールバー

現在、既存のiOSアプリのアラビア語版を開発しています。

iOSでは常に右側にスクロールバーが表示されます。 RTLモードで左側に表示する必要がありますか?
右揃えのコンテンツ(右の画像+右揃えのテキスト)では、スクロールバーがコンテンツ上にノイズを追加し、右側が乱雑に見えます。
LTRモードのため、またはほとんどの人が右利きのため、スクロールバーを右側に配置するのでしょうか。

また、ほとんどのシステムでは常に右側に配置するため、左側に配置するとユーザーが混乱する可能性があります。

私はアラビア語を話せず、右から左に書くアプリのベストプラクティスについてはほとんど経験がありませんが、これらの詳細は私を困らせます...

12
Jilouc

ここには複数のコンテキスト層があります。 言語レイヤーデザインレイヤー

言語層を考慮することは重要ですが、実際には、設計層はユーザーのコンテキストに関連しています。ユーザーが2つの規則を念頭に置いている場合、1つは一般的に適用可能(ページの終わりは左側)と1つは特別に適用可能(スクロールバーは右側)ですが、最も関連性が高い規約。

右側のスクロールバーに固執するのは、それが最も理にかなっているからですデジタルコンテキストでは。確かに、この相互作用をゼロから設計している場合は、左側のスクロールバーが理にかなっています。しかし、そうではありません。規則が設定され、規則はユーザーが問題なくアプリケーションを理解して使用するのに役立ちます-少なくともthat問題なしに。

これは、QWERTYキーボードの問題に似ています。キーボードを最初から設計する場合は、より良い方法があることを確認してください。しかし、QWERTY以外の学習のコストが何度も調査されていますまた、キーボードコンテキストを切り替える際の混乱は、QWERTY以外ではグローバルレベルで実行可能であるには大きすぎる問題です その変更のためにゲームで遅すぎる

6
Ben Brocka

スクロールバーが使用されているユースケースを確認する必要があります。

  1. 画面で利用可能なコンテンツをざっと目を通すには
  2. 人がページの下部に達したときに読み続けるには
  3. ページの下部にすばやく移動します。

これらすべてのアクションに関して、スクロールバーの配置には影響があり、左から右への読み取りに関して スクロールバーの最適な配置 についていくつかの議論がありましたが、次のように確立されています。左から右に読むという従来の標準により、スクロールバーが通常右側にあり、最後にデザイン要素が迅速なナビゲーションを可能にするという事実上の標準。

また、スクロールバーが右側に配置される理由について、@ Glen Lipkaの優れた回答(上記のリンクからの質問から)も盗みます。

これはもっとメンタルモデルの問題だと思っています。マウスがないと想像してみてください。むしろ、あなたは手でそれをしていました。ほとんどの人は右利きです。私のメンタルモデルでは、右手でスクロールバーを動かしています。したがって、左側のスクロールバーは、腕がコンテンツ(の前)を横切って動いていて、視覚を妨げているため、ページをスクロールできることを示しています。

もちろん、マウスはこれを精神的なイメージにすぎず、実際に私の顔を遮ることはありません。しかし、左側のスクロールバーを想像すると、横からスクロールするのではなく、スクロールするコンテンツに手を伸ばしているように感じます。

この論文 スクロールバーが右側にある理由と他の記事 状態

左側のスクロールバーをつかむか、左側のボタンを押すと、画面上で手を動かさなければならないため、右側は右に見えます。待ってください-もちろん、あなたの手は実際に画面を横切る必要はありません、マウスはそうしますが、それはそうしなければならないような感じです!実際、タッチスクリーン、ライトペン、またはスタイラスの場合は、右側をお勧めしますが、画面上にはありません

歴史的展望については論文全体をお読みください。

しかし、これは左利きの人が何をするかという問題を提起し、これに対する答えは理想的には逆になる、つまりスクロールバーを左側に配置するが、経済的インセンティブがユーザビリティに勝るケースであると私は信じています。理由についてのフォーラムからのこの引用Microsoftは左側のスクロールバーをサポートしていません

ビルゲイツ氏は左利きなので、優先権が存在します。マイクロソフトは実際に開発に数年と莫大なお金を費やしてきましたが、それが原因となったとき、企業が変更を行うために時間とお金を費やすことができない、または費やすことができないサードパーティのプログラムが多すぎました-overはユーザーが利用でき、Microsoftは他の会社の知的財産を変更することはできません。

IOSアプリ)の場合にどうするかについての質問に来て、私はそれが私たちが設計基準に固執するか、左側にスクロールバーを置くべきかの間の決定のバランスに依存すると思いますRTL言語の場合、ユーザーが画面を横切って手で画面を下にスクロールしたり(右利きのユーザーの高い人口統計を考慮して)、コンテンツの重複を防ぐために右側に配置したり、カスタムに反する可能性のある課題に直面したりする必要があります。ユーザーは、スクロールダウンするために読書とは反対の方向に移動する必要があります

ただし、アラビア語またはRTL言語でこれを実行した ソフトウェアの例 を探している場合

アラビア語のオペレーティングシステムを使用していて、Windowsロケールもアラビア語の場合、スクロールバーはブラウザーの左側に自動的に正しく読み込まれます。ただし、ヨーロッパロケールがあり、GMS内の言語設定がアラビア語に設定されている場合、Firefoxは右側に垂直スクロールバーを誤って表示します。

RTLテキストの いくつかの追加例 sと、それがデザインにどのように影響するかを次に示します。

これ Smashing Magazineの記事-Shalom!Showcase Of Web Design In Israel には、RTLテキスト固有のWebデザインのためのデザインインスピレーションもあります。

2
Mervin