web-dev-qa-db-ja.com

ユーザーを変わったナビゲーションに誘導して使用するにはどうすればよいですか

だから、私は誰かをハイコンセプトなウェブサイトにしています。基本的に、チャンネルを変更するために、ストーブの上にあるような円形のノブが付いた昔ながらのテレビセットの1つがあります。ノブを回すと、テレビ画面の表示が変わります。私に発生した2つの問題:

  1. どのようにしてユーザーをノブに導くことができますか?
    • 悪い方法:明るい透明なオーバーレイ(奇妙であまり効果的ではない)または蟻の行進のような穏やかなアニメーション(効果的でもなく、嫌でもある)でノブを強調表示する
    • 悪くはないが、それでも悲惨な方法:「ノブを回してチャネルを変更する」と表示されるフローティングボックスでノブを指す矢印。言うまでもなく、これは恐ろしいことです。
  2. 回転メカニズムはどのように機能する必要がありますか?
    • 私は以前に回転可能なものを見たことがありますが、彼らはいつもマウスで少しぎこちなく感じます。実際に回すようにマウスをドラッグする必要がありますか、それともクリックしますか?

どんなアイデアでもいいです。

4
James
  1. ホット/クールマウス近接シナリオを実装する:たとえば、色や明るさを変更する kカーソルの近さに関連するノブ。ユーザーはすぐにそれに気づき、自然に引き付けられます(動的な相互作用が魅力的です)。
  2. ノブ(半径方向の配置)を基準にして、ラベル付きの位置(「-off/-1/-2など」)を追加する必要があります。クリックは明らかですが、実際に問題が発生するのは、後戻りしたい場合です(バイナリーの選択でない場合)。ノブ自体に左/右エリアソリューションを使用することをお勧めします。ノブの右側にマウスカーソルを合わせると、正の順序を示す曲線の矢印が表示され、左側も同様です(もちろん、最初と最後の位置は方向が1つだけ示されています)。
4
Knu

ここにヒントがあります-ノブのダイヤルの数字をクリック可能にします。そうすれば、少なくとも回転メカニズム(実際には実装方法がわからない)を理解していないユーザーでも、既存のものを使用して、物事を見る->物事が欲しい->物事を指す->クリックしてください。

非常に重要なのは、ダイヤルのセレクターをはっきりと見えるようにすることです。

それでも、一般的に言えば、ノブではなくボタンを備えたビンテージTVデザインを探します。ユーザーがデザイン>使いやすさを感じた場合、彼らはまだ昨年からあのひどいFlashスプラッシュサイトにアクセスしているでしょう。

3

テレビのデフォルトチャンネルでユーザーにチャンネルの変更方法を伝える方法は?

1
jk.

ウェブサイトが表示されたら、ノブを2回、おそらく前後に回して、チャネルを変更します。次に、「手放す」とユーザーに制御を渡します。

ノブに少し異なる視覚スタイルを使用することは非常に優雅にできると思います、そしてそれはひどいことである必要はありません。

回転メカニズムについて-ノブの周りの目盛りにマウスオーバー表示を提供します。それらをクリックすると、ノブが関連する目盛りに変わります。それを超えて、Knuによって提案された「左/右領域ソリューション」は良いオプションですが、私は上下に、または多分斜めの分割を使ってそれを行います。

1

1.ユーザーをリードする

ノブの代わりにリモコンを使用することもできます。これにより、ユーザーはテレビを制御してボタンをクリックする必要があることを知ることができます。

ノブが本当に必要な場合は、たまに「ノブ」を「輝かせる」ことができます。これはビデオゲームでは非常に一般的です。

これがEnslavedからのビデオです: 壁の小さな「レンガ」がこのビデオで輝いているのを見てください、彼らはほとんど点滅しています。

2.ノブを回す

クリックごとに「1ステップ上に」させると、クリックするだけで最後の設定から最初の設定に戻ります。または、クリックしてドラッグできるようにします(左から右)。ただし、ホバーチップや矢印などがないと、コミュニケーションが難しくなる場合があります。私はクリックで行きます。

0
John-Philip

私は単に全体の考えを再考します。他のもっと使いやすい方法を考えて、この昔のテレビのテーマをユーザーに伝えましょう。しかし、これは誰かが発案したアイデアの1つに見えます。他の実装がユーザーにより良いサーバーを提供するならば、彼らにそれを再考させることは難しい。

0
Illotus

テーマに沿ったものであるなら、どんなスタイルや要素も取り入れたくないようです。それで、どうですか:a)マウスオーバー(または近接)で画面のエッジから入る手の形の影。シャドウは、ユーザー自身の手によるものであるため、ダイヤル/ボタンと相互作用する必要はありません。

b)別のオプションは、一連の簡単な指示を導入することです(おそらくTVガイドの形式で)-それらは、テーマの残りの部分に合わせて見るようにスタイルを設定でき、明らかに場違いに感じられません。

0
Alex Magill