web-dev-qa-db-ja.com

カスタム評価スライダー

現在作成しているテイクアウトアプリでユーザーの評価を処理するためのカスタムインターフェイスオブジェクトを作成しました。

しかし、それがその形で十分直感的であるかどうかはわかりません。

Q:このようなオブジェクトがアプリに表示された場合、それを理解しますか?スライダーのルック、フィール、または機能を改善する建設的な方法はありますか?

また、「Rating:」と書いて、その上に、誰が何が起こっているのかを確実に知ってもらう必要がありますか?

デフォルト: enter image description here

下にスライドすると: enter image description here

上にスライドする場合: enter image description here

アプリの完全な動画: http://www.youtube.com/watch?v=ldfCkrwHwYs

19
Nils Munch

コントロールは見た目が良く、直感的です。変更するのは2つだけです。

  1. 次の理由により、デフォルトを〜75%の正の評価に設定します(または、素晴らしい:D評価の前に:)を生成する方に設定します)。

    • それは、スライダーが何をするかを最もよく伝える最も認識できる絵文字です。
    • 満足している顧客は、できるだけ早くプロセスを完了したいと思うでしょう。おそらく、評価を完全にスキップします。標準としてニュートラルがあると、全体的な顧客満足度データが人為的に低下するだけです。
  2. 次の理由により、ボタンからスマイリーを取り、スライダーラインの右側に配置します。

    • スライダーを操作すると、指がボタンを覆います。指を離すまで、スマイリーが実際に顔を変えているのがわかりません。
    • 右側は自然な西洋の読書方向なので、左から右、そして下にすると、多くの不動産が無駄になります。

enter image description here

10
fdmsaraiva

ユーザーを評価するように招待し、評価後にユーザーインタラクションを強制するというJOGのポイントを活用しています。

デフォルト: enter image description here

滑るとき: enter image description here

上にスライドする場合: enter image description here

このアプローチは、ユーザーのフィードバックとの相互作用を強制するYoutubeの「いいね」/「嫌い」コントロールのコントロールを組み込んでいます。これは、評価コントロールを使用するようにユーザーを招待する方法である可能性があり、説明的なテキストを使用してユーザーアクションを強制することにもなります。

ただし!明確にしたいのですが、個人的にはコントロールはそのままで、散らかすだけで大丈夫だと思います。私が提示するこのアプローチは、より予約されたユーザーからのアクションを強制しますが、何をすべきかについて非常に明確であるユーザー(これは私が想定するフォーカスグループの大部分であるべきです)のレイアウト全体を損なうと思います)。

9
AndroidHustle

スライダーに触れた瞬間に顔が見えなくなったので、私はそれを得るとは思いません。

enter image description here

@AndroidHustleのソリューションは本当に気に入っていますが、それでも指でカバーされます。だから私は以下をお勧めします:

enter image description here

6
Fresheyeball

それは素晴らしいコントロールであり、ほとんどの好奇心の強い人々はおそらくそれに関与するでしょう。

私はあなたがおそらくアプローチしたいと思う3つの問題を見ます:

  1. 領域は暗く、読み取り専用として認識される可能性があります、
  2. スライダーはカスタムなので、静的な線の上にある評価としてのみ認識されます。
  3. ためらっているユーザーは、それに従事するように招待されていません。

私はお勧めします。

  • 会場のリストに同じ評価記号(スマイリー)を表示することにより、このコントロールが表示されたときに、ユーザーは会場の評価をこのインタラクティブなコントロールにマップできます。
  • 左または右にスライドできることを示すための方法。小さな矢?それとも、少し弾力があるのでしょうか? :)
  • Rate it! "などの奨励タイトル
2
JOG

私はコンセプトが本当に好きです。ここにいくつかの考えがあります:

  1. ユーザーが実際に遊んでみるまで、ユーザーがそれが何であるかを完全に理解していないことがわかりました。一度か二度それを使用した後、ユーザーはおそらくそれが何をするか常に覚えているでしょう。そうは言っても、「Rate it!」という画面の読み込みが完了したら、バブルを表示できます。または「Rate Me!」ゆっくりと(適切に)フェードアウトします。スライダーを動かして評価の値をバブルに入れると、バブルが表示されることもあります。手放すと、フェードアウトします(これも適切です)。このようにして、彼らはその画面に移動したときにそれが何に使用されるかを確認し、スライドしたときにその価値を思い出させます。
  2. スライダー領域が無効になっているように見えるという前述のコメントの1つに同意します。右に移動すると、コントラストが上がる場合があります。言い換えると、より良い評価が得られると、おそらく右側に行くほど、塗りつぶしはゆっくりと正の評価で表現したい色になります。左に移動すると、色はゆっくりと、より否定的な評価を表す色になります。
  3. 現在の評価をどのように表示するかについて、私は引き裂かれています。私の一部は、最初のふきだしにそれを表示させるのはいいことだと言います。だから、このようなもの:「評価:素晴らしい!」ただし、評価していない場合、評価の初期値は何ですか?たぶん、「評価:OK!」このアプローチを使用すると、画面の読み込み時にボタンを常に現在の評価として表示し、スライドするときにこの形式で表示できます。また、以前に評価したかどうかを覚えて、「Rate Me!」で始めることもできます。そして、彼らが最初にそれを評価した後、それは次のフォーマットでそれを覚えています、「評価:素晴らしい!」。
2
Ed Glogowski

素晴らしいアイデアですが、スライダーの上に指を置くのは良い点です...マウスを使用すると、スライダーの変化を確認できます。顔はサイトを再訪するときにも役立つと思いますが、実際の評価設定プロセスでは機能しません。

スライダーバーを明るくして、緑と赤の色をよりはっきりさせます。

私は、Fresheyeballのポップアウトのアイデアを使用しますが、単純な評価数を入れます。

1
Lisa Tweedie