Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android Wear Design Guideline

1,057 views

Published on

http://developer.android.com/design/wear/index.html
ここの内容を整理・ピックアップしたものです。

  • 7 Ways To Prolong The Life Of Deep Cycle Lead-Acid Batteries.. ♣♣♣ http://t.cn/AiFAbuQp
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/V1ihz ◀ ◀ ◀ ◀
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Android Wear Design Guideline

  1. 1. Android Wear Design Guideline “OK Google” http://developer.android.com/design/wear/index.html ここに書いてある内容のピックアップ (読めばわかります) Soyeon LEE 2014.07.15
  2. 2. 一言で言うと、 “今までとは違うよ” Android Wearが提供するWearable deviceのアプリをデザインする ことは、スマホやタブレットのデザインとは大いに違うことで す。異なるメリットやデメリット、異なるユースケース、異な る人間工学のことを考えないといけません。 “Designing apps for wearable devices powered by Android Wear is substantially different than designing for phones or tablets: different strength and weaknesses, different use cases, different ergonomics.”
  3. 3. Suggest: The Context Stream アプリからの通知や、ユーザーのTPOを考えた適切 な提案はカードの形で画面に表示する。ユーザーが 通知をたくさんチェックしなくても、Wearをパッ と見ただけで重要な情報をチェックできる。 上下にスワイプしてPagesやButtonsを表示可能、右 にスワイプしてカードを終了させられる。 Demand: The Cue Card Wearの提案が物足りないときは、Cue Cardを 操作することもできる。”OK Google”と呼ぶ か、Cue Cardをタップ。Cue Cardを上にスワ イプするとタップできるVoice Commandのリ ストを表示することもできる。 主なUI Feature二つ
  4. 4. Home Screen Watch faces Ambient mode Date and Battery display Settings screen Full screen apps Other UI Features だいたい見ればわかる感じ Android Wear Notification and Application Patterns http://commondatastorage.googleapis.com/androiddevelopers/design/ Android_Wear_Patterns_20140626.pdf
  5. 5. Launched automatically Creative Vision アイコンタップしたりするんじゃなくて、Wearがユーザーのコンテキ ストを把握して、必要な情報をタイムリーに出す Glanceable パッと見わかるように。情報を詰め込みすぎない All about suggest and demand “Wearはあなたの個人秘書みたいなものです。あなたの嗜好を知ってて、必要 なときだけ邪魔するし、居合わせていて常に良い答えを用意してます” 提案もするし命令も受ける、丁寧で役に立つもの (出しゃばらないということを強調している印象) Zero or low interaction 簡単で早いタッチ、スワイプ、音声でほとんど操作可能 デリケートな指の操作はできるだけ使わなくしたい
  6. 6. Focus on not stopping the user and all else will follow Design Principles 時計というのは「ながら操作」するもの。 操作のために他にやってることを止めない ようにする 操作に5秒以上かかるならもっとフォーカ スさせてみること Design for big gestures あまり細かい操作しなくても良いようにする 他にも色々あるけど読めばわかります(たぶん) 強制じゃないけど、こういう考え方とやり方でデザインしてください、な感じ
  7. 7. ・Bridged Notifications App Structure めっちゃ簡単単純通知 Android Appで対応してれば簡単に使える 下記は簡単(シンプル)な順で並べたアプリ構造の例、 これをそのまま使うか組み合わせて使うと良い アプリの立ち上げ・終了についてユーザーに色々考えさせないでほしい ・Contextual Notifications イベントドリブンで通知を飛ばす方法 例えば、ユーザーが走り出したら運動アプリを起動させたり リビングに入ったら、リビング照明コントロールUIを出したり しかし何をトリガーとして通知を飛ばすかは良く考えてほしい あまり飛ばしすぎるとユーザーはウザがって あなたのアプリの通知を全部ブロックしちゃうかもよ Contextual card in the stream
  8. 8. ・2D Picker 複数のオプションをリストで見せるときに訳に立つデザインパターン e.g.) Google検索 カードの数を最小限にすること、最も重要なカードを最初に表示すること、 それぞれのカードをシンプルにすること、操作速度の最適化を行うこと ナビゲーションは、下スワイプ→右スワイプの順で行うようにする 最初のカードを下スワイプ、最も左側に配置されているカードの右スワイプ でアプリを終了させるようにする ・Breaking out of the card (with custom layouts) 一時的にフルスクリーン表示をすることも良い方法 カードで実現できないときだけフルスクリーンを使うこと、カードっぽい デザインでユーザーを混乱させないこと、フルスクリーンでやることが終 わったら自動で終了させること、仕方なく手動終了させるときは長押し Full screen UI app
  9. 9. UI Patterns Cards App icons Pages Dismissing cards Action buttons Continuing activities on phone Actions on cards (such as media controls) Card stacks 2D Picker Voice commands Selection List Action countdown and confirmation だいたい見ればわかる感じ Wearでできることに限界があって、Androidデバイスに 飛ばして続きをやりたいときのUIパターン →続きはスマホで
  10. 10. Style Screen Size 様々なサイズがあり得るので固定でデザインしな い。特に四角い画面と丸い画面、両方考えてデザ インすること(言うのは簡単だけどさ) Emulatorでチェックすること Specific Assets Required マテリアルデザインとも関係ありそうな内容 平面だけど立体構造が想像できるように、決まったAssetsを正しく並べること Peek Card Readability カードの情報がパッと見読みとれるか、正しくクロップされていて、 スワイプすれば追加の情報が見られることがわかるようになっているか 確認すること
  11. 11. Low Information Density 情報を詰め込まない 一瞬でパッと見で情報が読み取れるようにすること 関連性のある背景イメージを使うことで情報が伝わりやすくすること Separate Information into Chunks どうしても追加の情報を出さないといけないとき、 カードレイアウトをごちゃごちゃにせず、追加のページを設けること あるいはContinuing activities on phone(スマホで続く)パターンを使う Keep Notifications to a Minimum 何度も強調している内容。ウザがられないように、通知はほどほどに Use Clear, Bold Typography システムフォントはRoboto 文字のサイズ・色の指定があるので従うこと できるだけ文字は大きくする 究極の目標は、さりげなく最大の情報を伝達すること(言うのは簡単だけどさ)
  12. 12. Use Consistent Branding and Color アイコンの使用はオプショナル、 使うなら指定の場所(カードの右上)に配置すること 背景イメージにアイコンを配置したりブランディングに使わないこと 背景イメージはカードの情報と関係のあるイメージにすべき Copywrite Sparingly 要らないテキストは入れない 「読む」ためのデザインではなく、「パッと見」のためのデザインにすること Be Discreet if Necessary 通知の際Peek Cardにセンシティブな情報は表示しない 出すならスワイプしないと見えない位置に置くなどの配慮をすること Confirmation Animation 「〜〜が完了しました」の表示はAndroidが提供するもの→ を使ってもよし、カスタマイズしてもよし アニメを入れるなら、1000ms以下のシンプルなものにする
  13. 13. まとめると、 “ごちゃごちゃさせないで” - Wearは読むものではない、パッと見するもの - ユーザー操作は最低限にする:タップ、スワイプ、音声程度 - アクションに5秒以上かかるならもっかい考えて - 情報を詰め込まない、最低限の情報だけを表示する - 通知飛ばしまくってユーザーにウザい思いさせないで - どうしても色々情報を出さないといけないときはスマホに飛ばす

×