セマンティック ズーム

Applies to Windows and Windows Phone

Alley Oop アプリのセマンティック ズーム

セマンティック ズームは、強力なナビゲーション ツールです。アプリのコンテンツの概要を示す表示を縮小できます。簡単な光学式ズームの代わりにセマンティック ズームを使うことで、アルファベット順、カテゴリ別、年代順、またはその他の条件でデータをグループ化できます。セマンティック ズームは、軽快で柔軟な Microsoft デザインの原則に基づいて、効率的なナビゲーション手段を提供しながら、コンテンツの概要を示すビューを提供します。また、アイテムの数、プレイしたゲームの数、結果、スコアなど、各グループに関する追加情報を表示することもできます。パンとスクロールだけでもコンテンツのナビゲーションはできますが、セマンティック ズームを使うと、追加のナビゲーションや整理が可能になります。

Windows のセマンティック ズーム

Bing ヘルスケア & フィットネス アプリのためのセマンティック ズーム

ユーザーは、ピンチ ジェスチャとストレッチ ジェスチャを使ってセマンティック ズームを実行します。コンテンツ領域上で指を広げると拡大表示になり、指を近づけると縮小表示になります。また、Windows ストア アプリで Ctrl キーを押しながら、マウスまたはホイールでスクロールさせることもできます。セマンティック ズームでは、コンテンツを表示するために有用なさまざまな方法を提供することにより、真にデジタルな Microsoft デザインの原則を利用しています。アプリ内のデータの分類について、ユーザーに迅速な提示を行うことによって、複雑さが軽減し、特定の領域へのナビゲーションが容易になります。

セマンティック ズームによる技術革新

セマンティック ズームによって、ズーム レベルに基づいて、情報の構造と表示を変更できます。最も一般的なユーザー シナリオに対して最適化された魅力的なソリューションを作成できます。セマンティック ズームを利用して、複雑さを軽減し、アプリのコンテンツの組織をよりわかりやすくします。

My Zoo

My Zoo アプリは、セマンティック ズームの創造的で楽しい実装の例です。縮小を行うと、コンテンツがアルファベット順に示され、アプリのパーソナリティとブランドがアルファベットの個別の文字に至るまで適用されていることがわかります。各アルファベット文字には、その文字から始まる動物の図が入力されます。この視覚的処理によって、思いもよらない喜びの瞬間を提供しながら、スムーズで容易なナビゲーションが可能になります。

My Zoo アプリのセマンティック ズーム

My Zoo アプリの縮小表示ビュー

 

Zappos

Zappos アプリは、顧客に対して迅速で容易なショッピングを実現するためにセマンティック ズームを使っています。従来の拡大表示ではフィルター オプションにより製品のカテゴリとサブカテゴリが示されるのに対して、縮小表示ビューでは簡単な統合レイアウトが提示されます。両表示間の切り替えはスムーズかつ柔軟であり、Zappos が提供する広範なカタログを容易に確認できます。

Zappos アプリのセマンティック ズーム

 

Animal Planet

Animal Planet アプリは、セマンティック ズームを使って、明確な文字体裁処理によりカテゴリを単純化することにより、複雑さを軽減しています。拡大表示では、フルカラーの写真、図、回転するコンテンツ カルーセルの利用に適しています。縮小表示では、より落ち着いたグリッドにコンテンツの種類が示され、ユーザーが選択したカテゴリに安心して移動できます。

Animal Planet アプリのセマンティック ズーム

 

TouchMail

TouchMail は、セマンティック ズームに対する真に革新的なアプローチを採ります。このアプリでは、ズーム レベルを変更すると、受信トレイのコンテンツのリッチな視覚エフェクトで表示される詳細レベルも変更されます。TouchMail は、受信トレイを迅速かつきれいに整理するためのユーザー機能を最適化し、必要時にすぐに重要な電子メールを利用できるようにします。

TouchMail アプリのセマンティック ズーム

関連トピック

セマンティック ズームのガイドライン

 

 

表示:
© 2014 Microsoft