FRMSKI開発ブログ

プログラミング、UI / UX、仕事、読書のことなど、日々の記録を綴ります

Human Interface Guidelines⑩ - User Interaction / 3D Touch 和訳&まとめ

Human Interface GuidelinesのUser Interactionの3DTouchについての翻訳です。

3D Touch

 3D Touchは、タッチベースの相互作用にさらなる次元を追加します。サポートされているデバイスでは、タッチスクリーンにさまざまなレベルの圧力を加えることによって、人々は追加の機能にアクセスできます。アプリは、メニューを表示したり、追加のコンテンツを表示したり、アニメーションを再生したりすることで対応できます。 3D Touchと対話するために新しいジェスチャーを覚える必要はありません。画面上を軽く押して応答を得ることで、インタラクティブな領域がすぐに発見されます。

ホーム画面の相互作用

 ホーム画面で、3D Touchをサポートしているアプリのアイコンを押すと、アクションビューが表示されます。このビューでは、一般的なアプリ固有のタスクをすばやく実行したり、興味深い情報を表示したりできます。たとえば、カレンダーは、イベントを作成するためのショートカットを提供します。また、あなたのスケジュール上の次のイベントも表示されます。

ピークとポップ

 ピークを利用すると、3D Touchを使用して、現在のコンテキストの上に一時的に表示されるビューで、ページ、リンク、ファイルなどのアイテムをプレビューできます。この機能をサポートするアイテムを覗くには、指でアイテムに少し力をかけます。覗き見を終了するには指を持ち上げてください。アイテムを開いて詳細を表示するには、アイテムがポップアップして画面に表示されるまで少し強く押します。一部のピークビューでは、スワイプして関連するアクションボタンを表示できます。たとえば、Safariのリンクを見ながら、スワイプしてリンクをバックグラウンドで開く、公開リストにリンクを追加する、リンクをコピーするボタンを表示することができます。

遊ぶ

 ライブでコンテンツが豊富なプレビューを提供するためにピーキングを使用します。理想的には、ピーキングは、現在のタスクを補強するためにアイテムに関する十分な情報を提供するか、アイテムに完全に関与するかどうかを判断するのに役立ちます。たとえば、Safariで開くか、友人と共有するかを決める前に、メールメッセージのリンクをプレビューします。ピッキングは、行が選択される前に詳細な行情報を表示するためにテーブルでよく使用されます。

十分な大きさのピークをデザインする

 指がコンテンツを覆い隠さないように十分な大きさのピークをデザインします。アイテムを完全に開く(ポップする)ために少し深めに押すかどうかを人々が決めるのに十分な詳細を覗かせます。

PeekとPopを一貫して採用する

 PeekとPopをいくつかの場所でサポートしていて、他の場所ではサポートしていない場合、人々はどこで機能を使用できるか分からず、あなたのアプリやデバイスに問題があると思うかもしれません。

ボタンのような要素をピークで表示させない

 ユーザーがピーク上でボタンのように見える要素をタップするために指を離すと、ピークが消えます。

すべてのピークがポップされるようにする

 ピークは人々に必要な情報をほとんど提供するはずですが、現在の作業から離れて項目に集中することを決めた場合、常にポップに移行させてください。ポップはアイテムをタップするのと同じことを表示する必要があります。

同じ項目に対してピークや編集メニューを有効にしない

 ユーザーを混乱させる可能性があります。両方の機能が1つのアイテムに対して有効になっている場合、システムが選択を検出するのが難しい場合があります。

必要に応じてアクションボタンを提供する

 すべてのピークがアクションボタンを必要とするわけではありませんが、一般的なタスクのためのショートカットを提供するための素晴らしい方法です。あなたのアプリがアイテムのカスタムタッチアンドホールドアクションを既に提供している場合は、ピーク時に同じアクションを含めることをお勧めします。

f:id:frmski:20181020132414p:plain:w200←アクションボタン

ピーキングしているアイテムを開くためのアクションボタンは用意しない

 人々は一般に、彼らが見ているアイテムをポップするために深く押しています。その結果、通常、明示的な「開く」ボタンを用意する必要はありません。

アイテムアクションを実行する唯一の方法としてピークを作らない

 すべてのデバイスがピークとポップをサポートするわけではなく、3Dタッチをオフにするユーザーもいます。あなたのアプリは、これらのような状況でアイテムアクションを引き起こす他の方法を提供する必要があります。たとえば、アイテムをタッチして保持しているときに表示されるビューでは、アプリケーションでピークのクイックアクションを反映させることができます。

ライブ写真

 アプリは、ライブ写真をサポートすることで、写真閲覧体験への押し込みを組み込むことができます。ライブ写真は、写真を撮る直前と直後の瞬間を表示するために動きと音を用いることにより、それらを押した時に生き生きとするようになります。