Win8.1でのIE11の使用経験

タッチのホバー操作を解決する

タッチ技術とWindows 8により、ますます多くのPCにタッチスクリーンが装備されています。従来のPCの分野であるタッチ操作に新しいインタラクティブな体験をもたらします。しかし、やや厄介な問題があります。タッチ操作用に最適化されたWindows 8アプリケーションに加えて、私たちの最も一般的なインターネットアクセスなど、多くの従来の操作はキーボードとマウスに基づいています。今日のほとんどのWebサイトではマウスとキーボードの操作しか考慮されていないため、タッチを使用してWebサイトにアクセスすると操作上の障害が発生する可能性があります。 Webサイトから始めて、タッチ操作と互換性のあるWebページを再作成することが最も徹底的な解決策ですが、Webサイトの数が非常に多いため実装するのがより困難です。別の解決策は、ブラウザから始めてインターネット中のタッチ操作の問題を解決するためにブラウザを改良することであり、この方法はブラウザ開発者が一生懸命に働くことができる限り実行するのが比較的簡単である。

Windows 8.1でリリースされるInternet Explorer 11として、タッチ操作のサポートがさらに強化され、Webページにアクセスするときにさらに便利になりました。では、IE11はどのように改善したのでしょうか？それを見てみましょう。 。 。

マウスホバー操作のシミュレーション

現在、商品分類ブロックで基本的に使用されている主要なeコマースWebサイトなど、多くのWebサイトで「ホバーオーバーの拡大」機能があります。フォームこのような製品分類は、煩雑で肥大化しているようには見えず、ユーザーは自分が必要とする商品を見つけるのが簡単になります。
最も一般的なWebホバー拡張操作

しかし、この一般的なホバー操作では、タッチ操作を通じて認識の問題を解決したいと思います。マウスがポインタを持っているので、ポインタが検出されている限りはホバリングおよびアンフォールディング操作を実現でき、タッチ操作はポインタを持っていません指を直接置くと、ウェブページは単に「クリック」として認識されます。一部の人々は'を押し下げる方法を考えるかもしれませんが、現実はこうです：'押し続ける'操作はホバーの代わりに "右コンテキストメニューを開く"として認識されます。

IE11ではこの問題が改善され、元の「押したまま」の機能を維持したまま「'」を押しながら「ホバー」できるようになりました。 IE11で上記のウェブページにアクセスするときは、'を押したままにしてセカンダリメニューを展開します。同時に、「押す」自体の場所に「クリック」操作（ハイパーリンクなど）が含まれている場合は、画面の下部に「右クリックコンテキストメニューコマンドバー」（新しいウィンドウを開く、リンクをコピーする）が追加表示されます。注文を待ちます）。

タッチ操作を使用した複数の異なるWebサイトでのホバーメニューの操作

その他のタッチ操作の改善

リンクの強調表示の改善

Web上の場合さらにリンクがある場合は、タッチを介してリンクを開くことは間違いを防ぐために必要です。ユーザがクリックされたリンクをリアルタイムで確認するのを助けるために「クリック」プロセスの間により明確なフィードバックプロンプトがある場合、間違いなくタッチ操作はより正確になるだろう。

IE 11ではフィードバックプロンプトが追加され、ユーザーがタッチでリンクをクリックすると、リンクテキストの周囲に灰色の背景が短く表示され、ユーザーがクリックしたオブジェクトが強調表示されます。
リンクの強調表示効果の比較

前後の操作を実装するために左右にスイープ

Webブラウジング中、IE11（IE10を含む）はすべての機能バーをフルスクリーンモードでアクティブに非表示にします。 Webページを表示するこの場合、ユーザーは余分な手順を実行するために「後退」操作を使用することがよくあります最初にアドレスバーを呼び出してから[戻る]ボタンをクリックします。モバイルインターネットアクセスを頻繁に使用すると、多くのモバイルブラウザで前後方向のジェスチャ操作がサポートされます。Windows8も例外ではありません。 ＩＥ１０から、ユーザがウェブページを閲覧するとき、ユーザは、前のページに戻るために画面上を直接右にスワイプし、そして左にスワイプすることは前方である。
<11> IE11はこのジェスチャーを継承し、ユーザーエクスペリエンスと操作効率をさらに向上させます。ユーザーが異なるページを切り替えると、IE11は前のページを中断してメモリにキャッシュします。ユーザーが前のページにスワイプバックすると、そのページは再ロードされるのではなくメモリから復元され、その結果、前のページが即座にロードされます。さらに、巻き戻しまたは進むと、IE11はページが読み込まれたときにWebページのスクリーンショットを表示するので、ユーザーはページに到達したときに目的のコンテンツをすばやく見つけることができます。

HTML5ドラッグアンドドロップのタッチ実装

HTML5には大規模なアプリケーションから来るものがたくさんあるかもしれませんが、それは将来の傾向です。 IE11はもちろんHTML 5をサポートしており、タッチでHTML 5のドラッグアンドドロップ機能をサポートする最初のブラウザです。 IE11では、ユーザーは実装するために長押しするだけです。

マイクロソフトのMagnetic Poetryテストデモでは、IE10でマウスを使用してHTML5のドラッグアンドドロップ操作を実装できましたが、今度はIE11を使用してこのデモを開き、タッチ操作とHTML5ドラッグアンドドロップ操作を行います。
Magnetic Poetryのデモページ

アクセス：Magnetic Poetry

ポインタイベントを実装するための改良されたタッチAPI

マイクロソフトおよび他のブラウザベンダーおよびW3CによるPointerイベントIE10で導入されたベンダープレフィックスを持つAPIに基づいて共同開発された一連の規格。このAPIにより、Webサイトはマウス、スタイラス、マルチタッチなどのさまざまなタッチデバイスをサポートできます。 IE11では最新のMSPointer APIが導入され、正式版の最終版ではプレフィックスなしのポインタイベントがサポートされる予定です。

注：この記事の一部の技術説明テキストのスクリーンショットとビデオは、Microsoftの公式ブログのものです。
zh-CN"],null,[1],zh-TW"]]]