web-dev-qa-db-ja.com

マルチタッチジェスチャインタラクション:ピンチとスワイプを超えて。

相互作用と期待の混合バッグ...

使い慣れたジェスチャーがいくつかあることを知っているiP(hone/od/ad)で写真アプリを使用しています。

  • タップして画像を選択します。

  • アルバムを前後に移動するには、左または右にスワイプします。

  • ピンチまたはストレッチしてズームインまたはズームアウトします。

  • どのレベルのズームでも、1本または2本の指でズームされた画像の平面を移動します。

これらのジェスチャーセットは、Cooliris、Flickrなどの他のアプリで転送できますet al

現在の操作 Appleマルチタッチデバイスでのジェスチャーの水平方向または垂直方向の反転を想定して)を想定すると、どのジェスチャーを想像できますか?


上記のアプリで取り上げられているジェスチャーの現在の実装と競合しないジェスチャーを採用したいので、一方のタッチをもう一方の方向とは反対に保ちます(Macbooksのタッチパッドを使用してスクロールすることを考えてください。Jamesは彼の問題に取り組んでいます答え)ここでは完全に合理的であるように見えるかもしれませんが、ピンチが見えるだけなので、iP(hone/od/ad)デバイスに変換されません。

他のジェスチャーを模倣していないジェスチャーとその上下のスワイプを見つけました。実際、これはズームインしている場合を除いて何もしません。

5
saybeano

「指の下のポイントが指に追従する」の原則は、パン、スワイプ、ピンチ、ズームのジェスチャの背後にすでにあります。この原則は、回転や反転などの変換に新しいジェスチャーを追加する方法も示唆しています。

  • 1本の人差し指を左から右に同時に他の人差し指を右から左に。 左右入れ替え
  • 1本の人差し指を上から下へ同時に、他の人差し指の下から上へ。 上下を入れ替え

これらは、人差し指の代わりに親指を使用して片手で行うこともできます。 原理は、既存のジェスチャーが比較的直感的である理由です。


編集:

  • ピンチすると、指が接触するとジェスチャーが停止します。
  • スワップでは、指は過去に続きます。

したがって、ユーザーやソフトウェアがジェスチャーを混乱させるリスクはあまりありません。

それでも同じ原理に従う別の方法は、指が一緒になるまでピンチしてからストレッチを行うことです-指を削除せずにすべて同じジェスチャー-方向を反転します動きの。これは、「移動するオブジェクトを追跡するのではなく、動きを追跡する」という私たちの知覚パターンに依存しているため、指/親指が場所を入れ替えているかのようです。縮小してから拡大する(反転する)アニメーションもこれでうまく機能します。

5
James Crook

「フリップ」がジェスチャーであるとは思いません。

ジェスチャーによって画像操作ツールが表示される場合があり、これはフリップの1つかもしれません。

'Flip'は画像を変換します。ジェスチャーは、実際に画像を変更するのではなく、画像のビューを操作する傾向があります。

2
Alex Feinman

数学的に言えば、画像を反転することは、負の係数で画像を拡大縮小することと同じです。多くの描画アプリケーション(Illustrator、SketchUpなど)では、この方法でオブジェクトを反転できます。つまり、オブジェクトをゼロにスケーリングし、反対側に移動し続けます。

ピンチジェスチャーをこのように動作させることができますが、片手でやるのは少し難しいかもしれません。また、2本の指を同時に回転および拡大縮小できる場合も機能しません(180度回転のジェスチャーは反転のジェスチャーと同じであるため)。

これを行うと、ユーザーはスケーリングせずにフリップすることがよくあり、画像を97%または101%フリップしてスケーリングすることになるため、視覚的に判断する必要はありません。したがって、縮尺が100%に近づくと縮尺が100%になることが非常に望ましいです(この動作は、画像が反転している場合にのみ適用されるはずです。ユーザーがそれ以外の場合はwantで縮尺を調整する可能性があるためです)少量)。

1
bobtato

ここではコンテキストが重要だと思います。仮想3Dオブジェクトについて話しているのですか? 3D空間の仮想2Dオブジェクト? PhotoShopで画像の軸を反転することについて話しているのですか?単機能アプリですか?多機能?等.

2D画像のコンテキストでは、これが何らかの形式の画像編集であると想定すると、重要なのは、別のジェスチャーを発明するのではなく、モードを切り替える方法になることだと思います。

これが、iOSデバイスのほとんどの画像編集アプリが現在動作している方法です。ある種の「回転/フリップ」モードをクリックすることを想像します。そのモードでは、水平スワイプはx軸に沿って反転し、垂直スワイプはy軸に沿って反転します。 2本指で回転し、ピンチしてズーム/スケールします。

1
DA01

昔ながらのノブを握っているように、5本の指すべてをマルチタッチで右または左に回転させてみませんか。

1
Shiv Prasad

タッチインターフェイスは、物理的なオブジェクトと同様の方法でハンドジェスチャーに反応するときに最適に機能します。たとえば、左/右にドラッグして小説をフリックしたり、指で画像を「ストレッチ」してズームインしたりします。いくつかの現実世界の行動に密接にマッピングするジェスチャー。

このような動作には次のようなものがあります。

  • アイテムを削除またはクリアするために前後にこする
  • 1本の指を使用して1つのオブジェクトを保持し、別の指を使用して1つのオブジェクトをそのオブジェクトに近づけ、オブジェクトをグループ化する
  • デバイスを振って別のデバイスにデータとファイルを送信する
1

一方の手で2本の指を使用して回転軸を定義し、もう一方の手で1本の指を使用してその軸に垂直にスワイプすることを想像できます。

したがって、垂直方向に反転するには、右の人差し指と中指を取り、それらを水平方向に配置して水平軸を定義します。これは画像が回転する軸です。左の人差し指を使用して、軸に垂直に上下にスワイプします。これにより、水平軸を中心に画像が回転します。

スワイプ指の下のスポットは、スワイプ指に対して移動します。

0

物理デバイスを水平軸または垂直軸を中心に反転(回転)します。部分的な反転で十分です。これは、加速度計やジャイロスコープの読み取り値で実装できます。それは大きな動きですが、画像をめくることはいつもあなたがすることではありません(私はしません)。

0
Marielle

関連する軸(親指、人差し指、中指)で3本指でつまむ

私の最初の考えはデバイスも回転させることでしたが、iPadを回転させることはしませんでした。それは速くて短いジェスチャーである必要があり、そのようなぎくしゃくした操作には壊れやすく、重すぎます。

0

理論的には、ページの隅の1つをつかんで、文字通りそれ自体を裏返すことができますか?これは、AppleのiBooksアプリで使用されているページめくりアニメーションを模倣します。

これを実装した場合、画像の下側で画像が反転して表示され、反転が画像上で動的に「折りたたまれる」ようにアニメーション化されることを期待します。

0
Kit Grose

私のテーブルで人工的な写真をめくろうとしました、

私の体の最初の反応は、

  • 写真の上に親指を置いて押し続けます
  • 中指と同時に、親指を中心点として、左から右、または右から左に30 */60 *回転をシミュレートします。
0
Bluewater