web-dev-qa-db-ja.com

競合するUI / UX要素-両側にステッパーボタンがあるスライダー

IOSモバイルアプリの1つで、の2つのオプションを含む画面を表示します。ビデオスクラブ

この時点で、ビデオはpausedです。ユーザーは、高速スクラブを使用するか、フレームごとにビデオを調べるオプションを提供しています。オプションは次のとおりです。

  • スライダーを使用した高速スクラブ-すべての音楽アプリと同様に、ユーザーはビデオを高速スクラブするオプションを利用できます。

  • ステップフォワードボタン-スライダーの両側に、1フレームフォワードと1フレームフォワードのボタンを配置しています。

これは私が試したオプションです:

enter image description here

理解できない問題がいくつかあります。

スライダーのつまみは円でなければなりません。サイド/下の丸いボタンを使用すると、混乱を招きます(丸が多すぎる)。

Sliderの下にテキストのみのボタンを配置すると、各Siderサイドの動作を示すインジケータのように見え、ボタンがクリアされません。

結論-両側にステッパーがあるスライダー。
良い習慣として何をお勧めしますか? あなたの考えを聞いてどんな愛、ありがとう!


UPDATE:

何度もトライしてみて、それが思いついたものです。ガイドラインとしてゲシュタルトの原則を使用しました。

どう思いますか?

enter image description here

[〜#〜]または[〜#〜]

enter image description here

5
Roi Mulia

編集:これは6か月前に投稿されたことに気づきました!ぶつかってごめんなさい。

mockup

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

スライダーとアドバンスボタンを一緒にする必要がある理由は何ですか?それらをビデオディスプレイに組み込むのはどうですか?

1
kerr

このようなもので、明確なラベルを使用して、ユーザーがフレームスキップをより詳細に制御できるようにします...

Skip Frames

0
DarrylGodden