web-dev-qa-db-ja.com

タッチスクリーンゲームでラジアルメニューデザインを使用する必要がありますか?

現在、Android向けのゲームに取り組んでいます。各メニューエントリが他の下にある通常のメニューがありました。この退屈な作業を見つけたので、さまざまなアプローチを検討し、ハニカムを備えたタブレットのロック画面に出会いました。そこには開始点があり、そこから開始して、大きな円の境界にスワイプジェスチャーを行って画面のロックを解除する必要があります。 。

話を短くするために、ここに私たちのプロトタイプのビデオがあります: http://www.youtube.com/watch?v=7oC8AEHIMuo

「他のすべてのように」ではなく直感的であるかどうか、そのアプローチが良いものかどうかはわかりません。

何を改善すべきか、何に注意を払うべきか、あるいは完全に軌道に乗って通常のメニューレイアウトに戻るべきかについて、いくつかのアイデアがあるかもしれません。

5
WarrenFaith

ポインタとスタイラスベースの入力システムで同様のアプローチがうまく使用されているのを見てきました。 「 パイメニュー 」または「ラジアルメニュー」と呼ばれます。
enter image description here

ラジアルメニューは少し珍しいですが、非常に優れています Fittの法則の結果パイメニューの設計 に関するすばらしい記事があります。放射状メニューは、提案されたメニューのように「ドラッグ」コントロールを常に備えているわけではありませんが、ペンベースの入力に効果的であることが示されています。

Windows XP TabletエディションおよびWindows 7以降、Microsoftには同様のペン「フリック」機能が含まれています。ユーザーはスタイラスまたは指を方向にドラッグしてアクション(ページダウンコマンドの場合はフリックダウン)Windowsのフリックは少し異なりますが、メニューを表示しないため、フリックを実行した後にアクションを実行するだけです。

Circle Dock から Pocketables.net を経由した良い例を次に示します。 enter image description here

ラジアルメニューからのデザインの重要な相違点は、選択ポイントが開始ポイントから非常に離れており、論理的な配置がないことです。ほとんどは、基本的な方向で約8つのオプションの「コンパス」スタイルセットを使用します。これが、フィットの法則の優れた結果を得る場所です。ほとんどのパイメニューでもメニュー項目に「押し下げてドラッグ」する必要はありませんが、ホバーアクションが存在しないため、タッチデバイスではこれは非常に理にかなっています。

編集:Roger Attrillは、タッチ操作の場合、完全なラジアルメニューはユーザーの手で覆い隠される可能性があることを正しく指摘しました。メニュー項目が(完全な円ではなく)タッチポイントの上にある円弧にすることは、十分な数のメニュー項目がない場合に、ユーザーの手が項目を覆い隠すことを防ぐための優れた方法です。

6
Ben Brocka

私はそれが左から右に遠すぎることに同意します。しかし、実際に試してみてください。大きな携帯電話またはタブレットを手に持って、その動きをしてください。複雑すぎて実行が難しいことがわかります。

円(コンパス)の配置により、はるかに簡単になり、理解しやすくなります。

ユーザー全体が長いスワイプに集中している場合は、ユーザーが慣れている、または慣れているため、私はあなたのオプションのようなものを試してみます。そして、長いスワイプはそれらに追加されたUXです。 (特に面白いデザインで強化されている場合)

たとえば Fruit Ninja では、アプリ全体がスライス体験を中心としているため、メニューでもすべてを指でスライスする必要があります。

enter image description here

2

左下から向こうへtoo遠すぎると思います。

スワイプ動作セグメントの長さを同じにしようとする傾向があります(たとえば、ビデオの場合)、開始点からいずれかのオプションまでの距離は同じ距離であり、理想的には、1つのオプションからもう1つも同様の距離です。たとえば、すべてのインタラクティブな要素を正三角形のグリッドの頂点に配置します。

このようにして、可能な各スワイプ/ジェスチャーの動きは同じまたは類似した長さであり、これにより、異なるタスクに対して異なる長さのスワイプを実行する必要がある場合よりも、相互作用がより簡単で一貫性のあるものになります。

私はまた、単一のジェスチャーの間に情報を組み合わせたり収集したりするという概念を試すことに熱心です-たとえば、このux.seで この質問に対する私の回答 を参照してください。 2段階のスワイプ-トピックを先に-次にアクション(つまり、1つのスワイプとして実装された2段階メニュー)

1
Roger Attrill

コメントを書きたいのですが(ポイントは少ないと思います)できません。私はこのゲームの2番目の開発者です。サークルについては既に考えました。サークルをゲームで使用して何かを構築したいと考えています。ただし、メインメニューでは円を使用したくありません。アイテムの編成はそこにありますが、どのように正確に編成するかはまだわかりません(おそらく、右側の半円のように)。ユーザーの左下から右に憧れる方法だと思いますか?

円には2つの問題があります。完全な円の場合、指を動かしてもすべてが表示されません。2番目の問題は、円の半分だけを使用する場合、左利きのユーザーはどうですか? (私は私の学士課程でこの問題を同じようなもので見つけました)

左手ユーザーが世界に何人いるかはわかりませんが、これも処理する必要はありませんか?彼らは本当に左手でスワイプしますか?

0
Informatic0re