web-dev-qa-db-ja.com

2つの機能を持つリンクのベストプラクティスは何ですか?

たとえば、ブックマーク(親子)のリストを備えたブックビューアーがあるとします。私の問題は、同じリンクに2つのアクションがあるブックマークをどのように処理するかです。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

上記のモックアップスケッチには、ページ番号100につながる親ブックマークアイテムTitle 3があり、同時にTitle 3は、その中のサブアイテム。

ブックマークリストビューのタイトル3に2つのアクションがあることがわかります。最初のアクションは100ページに直接リンクするリンクで、2番目はその下の折りたたまれたメニューです。ユーザーエクスペリエンスとして、ユーザーは、サブタイトルを何をクリックして決定する前に、サブタイトルを開いて探索および移動することができます。同じリンクを2回クリックして、1つはページに移動し、もう1つはサブ項目を開きます。

私の質問:同じリンクで2つのアクション(関数)を使用することは良い習慣ですか?上記のスケッチに示すように、タイトルの横にある[+]を何を使用するかはわかりません。他に役立つと思われるものはありますか?

1
hsawires

私はこの問題に何度も遭遇しましたが、誰も最高の結果に同意しません:(

個人的には、1つのリンクで2つの機能を実行することはできません。リストを開くか、説明するトップアイテムページに移動する必要があります。それでも、トップアイテムに到達すると、そのアイテムの下に新しいサブメニューが表示されるようにすることができます。

これが、私が取り組んだプロジェクトで実際に起こったことです: https://www.crunch.co.uk/who-we-help/accounting-for-freelancers/

これはモバイルで特に問題があるため、私は反対しました。モバイルでは、チームはナビゲーションの1つのレベル全体を取り出して問題に対処することに決めましたが、これもまた恐怖でした。

私はこのようなものを提案しました(ただし、明らかによりエレガントです)。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

このジレンマに対するよく研究された(決定的でない場合)回答も読みたいです:)

2
Chris