web-dev-qa-db-ja.com

これはどのタイプのパターンと呼ばれますか?

最近、私はいくつかのウェブサイトを行き来し、彼らはこのパターンを使用していました。このパターンは何と呼ばれていますか? PFAイメージ。

enter image description here

enter image description here

4
NB4

Apple UIガイドラインでは、これを「セグメント化されたコントロール」と呼んでいます。

enter image description here

参照: https://developer.Apple.com/ios/human-interface-guidelines/ui-controls/segmented-controls/

それらは主にタブとして機能します。

6
bfritz

私の推測では、正確な名前はまったく標準的ではなく、2番目のスクリーンショットではかなり「複雑」であるため、正確な名前は見つかりません。それは基本的にいくつかのパターンの構成です。

私にとって、これは正統でないスタイルのラジオメニューです(ラジオなし、「|」区切り文字)。ラジオメニューは一部のデータを制御し、オプションを選択するとフィードバックが得られます。または、クリックされた最新のオプションが強調表示されたボタングループと呼ぶこともできます。しかし、インタラクションに関しては、「メンタルリファレンス」はラジオメニューです(一度に1つのオプションを選択します)。

パネル内のデータを並べ替えるためのアクションの配線は、それを制御するために使用されるパターンの選択とは無関係です。

編集:他の回答については、「オプション」によって制御されるパネルがないため、タブではないこと、および「セグメント化された制御」は明らかにモバイルの世界からのものであることを付け加えたいと思います。ほとんどの人が理解できるように、この用語は使用しません。ラジオボタンにすることはできませんが、ラジオメニューの背後にあるパラダイムは「複数のオプションから1つだけ選択してください」にすぎないことを覚えておいてください。ここに表示されているものです。セグメント化されたコントロールは、その相互作用の特定の設計と実装を参照します(Googleでそれをググると、すべてのプラットフォームで同じに見えることがわかります)。

0
ArkDeus