web-dev-qa-db-ja.com

サイドナビゲーション矢印の配置は右ですか、左ですか。

私はページサイドナビゲーションの再構築を含むプロジェクトに取り組んできました。プロジェクト全体を通して、ナビゲーション構造の現在の傾向を調査し、左側の矢印の配置に気づきました。現在の傾向は右側の矢印から離れていますか?左側の矢印はユーザーエクスペリエンスを向上させますか?

右矢印と左矢印の配置を以下の例に示しました。

right aligned arrows

left aligned arrows

8
Courtney Jordan

2番目の例(テキストの左側にある矢印の配置)を使用します。なんで?ええと、たとえばWindowsのエクスプローラを見てみると、矢印が左側に配置されていることに気づくでしょう。 Google Chromeのコンポーネントインスペクタ。言い換えれば、これはユーザーが矢印を配置することを期待する場所である可能性が最も高いです(以前の使用に基づく)。その他の例:

Windows Liveデスクトップメールニュースリーダー Windows Live Desktop Mail newsreader

Mac OS X Finder http://quince.infragistics.com/Patterns/Examples/07d686f4-1f5a-4b40-8c62-a5f1e2dee682.png

現在の傾向は右側の矢印から離れていますか?

正直なところ、最近この例を見たことがありませんので、「はい」と答えます。

左側の矢印はユーザーエクスペリエンスを向上させますか?

まあ、それはおそらくユーザーにとって最も身近な体験なので、そういう意味ではそうです。

8

この記事でわかるように、 折りたたみ可能なコンテンツの折りたたみインジケーターの最適な位置 Microsoftは右に矢印を使用していますが、モックアップのように方向が左から右ではなく上から下になっていることがわかります。

だから私はそれがそうなら言うでしょう:

  • アコーディオンメニューの場合、右下に移動すると下方向に拡張し、矢印方向に下に開くと閉じることができます。矢印とその反対のガイドラインは同じ垂直です。

  • ディレクトリのようなマルチレベルの場合、PC画面などの同じ画面で展開すると、左側がより適切です。右側で試してみたところ、非常に長いラベルの付いた展開アイコンが表示されなかった。アイコンがポップアップの外側にありました。この場合、オペレーティングシステムのアイコンの使用規則

  • モバイルデバイスでのマルチレベルナビゲーションの場合、ページごとの規則は右側で、左から右への方向矢印のみです。この場合、メッセージは次のボタンと同じです。そして、[次へ]ボタンの規則は右側にあります。しかし、閉じるボタンは次の画面の左側上部にあり、右から左への矢印または「戻る」ラベルの場合があります。

これを尊重することは、モバイルデバイスの右側にあることを忘れていました。

1
pierre lebailly

各arrowプレゼンテーションには異なるユースケースがあると思います。

右側の矢印は、主に単一レベルのナビゲーションと単独のアイテムに使用されます。

これは、ボタンやリンクなど、「ここをクリックして別の場所に移動する」という考え方のスタンドアロンアイテムの標準のようです。ドロップダウンリストについても同じです。

ただし、左側の三角形は、特にマルチレベルのアコーディオンデザインパターンの一部として使用されています。アイテムをクリックすると、以下のサブリストが開きます。この場合、私はそれらを右側に表示することはめったになく、左側に表示するほうが理にかなっていると思います。

ここの左矢印の方がユーザーエクスペリエンスが良いと思います。

0
Jeremy T