web-dev-qa-db-ja.com

音楽プレーヤーの曲名はマーキーまたはエリプシスですか?

再生中の曲が上部に表示される音楽プレーヤーを持っています。再生中の曲の名前が長すぎて、幅が足りないため完全に表示できない場合がよくあります。

この状況に対抗するために、私は2つの方法を考えました。

1。ドット付きのオーバーフローテキスト

曲名が大きくて幅に収まらない場合は、省略記号が適用されます。ユーザーがオーバーフローしたテキストの上にマウスを置くと、完全な曲名がツールチップに表示されます。このようなもの。

enter image description here

2。マーキー

曲名が大きくて幅に収まらない場合は Marquee が適用されます。テキストは右から左にスライドするので、ユーザーは曲の完全なタイトルを知ることができます。このようなもの。

enter image description here

質問-

これらのオプションのどれが優れたUXですか?

19
Aditya Ponkshe

どちらもユーザーが開始するものであればどちらでもかまいません。

ツールチップで楕円を視覚的に引き出すことができる場合は、それを使用します。ツールチップはプレーヤーの境界線を超えないことに注意してください。私にとっては、ツールチップは未完成のタッチを与えるだけです。

ユーザーが開始するスクロールは、ユーザーが何が起きようとしているのかを知っているので、気を散らすようなものではないと思います。ユーザーは、部分的に表示されているタイトルにカーソルを合わせると、タイトルが一度ビュー内でスクロールし、その後、開始した場所で停止します。これは、Spotifyがデスクトッププレーヤーで行うことです。

10
locationunknown

ユーザーはタイトルを2回以上見ることはなく(ユーザー全般)、マークには感動的なテキストが含まれるため、他のオプションを選択する必要があると思います。

マーキーには優れたUXがありますか?

10
ravitejagv

マーキーは本当に邪魔になることがあります。また、テキストの開始直後にテキストの先頭を隠します。ユーザーは、読み取りを再開するのを待たなければならない場合があります。

私は省略記号(または別の同等のビジュアルデザイン)をプッシュし、必要に応じてユーザーが名前を簡単に見つける方法をユーザーに提供します。

4
Aidan Hall

一般に、切り捨てもマーキーも優れたUXを提供しないので、両方を避けるです。ユーザーの興味を引くような情報をできるだけ多く表示するようにしてください。ユーザーがメタデータをチェックするのは、再生されるトラックごとに1回未満ですが、おそらくGUIの他の部分をさらに使用しません。

ただし、一部のテキスト行は、合理的にサポートできる長さよりも長くなります。次に、自動スクロール(古いCNN)またはフリッピング(新しいCNN)ユーザーがプレーヤーとの相互作用を回避するシナリオ、たとえばカーステレオ、および静的な切り捨てオーバーレイまたはexpansionよりインタラクティブな設定の場合。

音楽プレーヤーの主な目的は何ですか?

  • 選択再生する音楽。
  • Control再生(ほとんどは開始と停止だけでなく、スキップ、巻き戻し、繰り返しなど、おそらくボリューム)。
  • お知らせ音楽の再生について(今、次、前)。

UIを(その洗練されたバージョン)に最適化します。

具体例について

プログレスバーで多くのスペースを浪費し、さらに実行時間(または残り時間)を表示しています。通常、どちらもタイトル情報より重要度は低くなります。アーティスト。 (あまり重要ではないアルバムの場合、カバーアートと、おそらく名前、リリース年、アルバムアーティストのツールチップが表示されます。)プログレスバーは、少なくとも、多くの場合、クイックシークウィジェットとして機能します。スキップボタンの移動を検討してくださいそれらの隣に同様の機能があり、タイマーもそこに移動します。

私の意見では、すべてのリピートおよびランダム化コントロールはプレイリストビューに属していますが、再生/一時停止ボタンのドロップダウンにすることもできます。

それは単にミュートボタンですか?私はそのためにシステムキーを使用しますが、他の人がそれを見つけることがどれほど重要かはわかりません。ベータビルドでボタンのクリックを冷やして追跡し、どれがまったく必要ないか、別の方法で実行する必要があるかを分析します。

2
Crissov

少しの再編成とグループ化が役立つかもしれません。このバージョンでは、時間インジケーターを時間の横に配置し、タイトルをさらに長くするために2行を表示するのに十分なスペースを確保しました。間違いなく、これはさらに改善される可能性があります。

enter image description here

1
Eric Stoltz

ここにはたくさんの良い答えがあります。

ただし、(標準のWindowsの閉じるアイコンと最小化アイコンを持っているので、おそらく誤って、これがマウス操作のインターフェイスになると思います)私が見た中で最高のマウス操作の音楽インターフェイスのほとんどは、省略記号として省略記号を使用しています次に、マウスオーバーでツールチップまたはマーキーを表示します。ツールチップには明らかに有限の空間制限がありますが、マーキーはそうではないため、限られたスペースに表示される長さが不明なテキストに選択されることがよくあります。

@Crissovからのプログレスバーに関するコメントについて-プログレスバーをスクラブコントロールとしても使用していますか?そうでない場合は、彼のアドバイスに従い、トラックの進行状況を表示する別の小さな方法を使用することをお勧めします。

1
Andrew Martin

この場合、デフォルトのオプションとして、MarqueeまたはEllipsisを右揃えにします。その理由は、ユーザーはほぼ確実に曲のタイトルに精通しているが、一部のアルバムには同じ曲の異なるバージョンがあるため、長いタイトルではStack Exchange Blues (impossible to read mix)省略記号がStack Exchange Bluに切り捨てられるためです。それがどのミックスなのかを知る方法がありません。右揃えするとsible to read mix)が表示されますが、最初の使用時はあまりわかりませんが、一度聞いた後は覚えておくと、他の2つのバージョンのStack Exchange Bluesと区別できます。私が持っています。

1
Level River St

補足:タッチスクリーンで誤ってXを押してアプリケーションを閉じると、自分が見えるようになります。 [X]の近くに他の操作ボタンがないように、アルバムアートを右に移動することを検討しましたか?

円形のアルバムアートの代わりに、アルバムアートを右側に四角形にして、再生/一時停止、曲のスキップ、ミュート用の円形の多方向ボタンを追加するのではないかと思います。方向パッド付きのリモート)。次に、中央に進行状況インジケーターとともに表示する余地があります。

0
Olavxxx