23
The Mobile Frontier Chapter 8. Awakening the Senses Touch, Gesture, Voice, and Sound @chachaki

The Mobile Frontier chapter8 #mf_ja

  • Upload
    -

  • View
    294

  • Download
    3

Embed Size (px)

Citation preview

Page 1: The Mobile Frontier chapter8  #mf_ja

The Mobile FrontierChapter 8.

Awakening the SensesTouch, Gesture, Voice, and Sound

@chachaki

Page 2: The Mobile Frontier chapter8  #mf_ja

• アジェンダ–Touch–Gesture–Voice and Sound

Page 3: The Mobile Frontier chapter8  #mf_ja

• Touch

Page 4: The Mobile Frontier chapter8  #mf_ja

• Touch– 生まれつき (innate) かつ 親しんでいる

(intimate)– 乳幼児でも持っている感覚– 老いるまで持っている感覚– 学び、害から身を守る、他者と繋がる、喜び

を体験するためにつかう

Page 5: The Mobile Frontier chapter8  #mf_ja

• Optimize for Generous Touch Targets– 指はデカい– マウスのポインタよりでかい– PC の画面上のリンクを指でクリックするには

殺意が芽生えるほど小さすぎる– かと言って大きすぎても画面が 無駄になる

– じゃぁどのくらいがいいの?– 10mm (iPhone だと 8mm 、  Windows Phone だと推奨 9mm  ( 最小 7mm))

Page 6: The Mobile Frontier chapter8  #mf_ja

• タッチのスクリーン上の配置

SmartPhone の場合  Thumb Zone を考える

Tablet の場合 ソファ カルテ マルチタスク

Page 7: The Mobile Frontier chapter8  #mf_ja

• Lead with the Content, Not Interface Elements

• コンテンツで導く– 現実のメタファ– 潜在的な UI エレメントで表記する– 文字で書く– UI エレメントが必要になるまで隠す– ビジュアルの手がかりにたよる

Page 8: The Mobile Frontier chapter8  #mf_ja

• Gesture

Page 9: The Mobile Frontier chapter8  #mf_ja

• Gesture ( 身体性を手に入れろ! )– Wii や Kinect– 生まれながらのものを持っている– 自転車乗りやシュート練習のたぐい– モデリング– 小さく失敗して覚える– 現実世界の体験がベース

Page 10: The Mobile Frontier chapter8  #mf_ja

• Introduce New Gesture– visual affordance が少ない / ない

– spring to refresh ( pull to refresh )– rollover -> tap

Page 11: The Mobile Frontier chapter8  #mf_ja

• Provide Feedback with an Additional Sence– キーボードは拡大と音で (Fig8.32)– プレスジェスチャは虫眼鏡で (Fig8.33)

Page 12: The Mobile Frontier chapter8  #mf_ja

• Be Creative and Patient– GUI は 40 年に渡り調査などなどしてきた– が、ジェスチャ UI はまだ形成段階

– Tap / Drag/Slide / Flick – Pinch / Spread / Press– Press and Tap / Rotate /Shake– Bump / Reorient

Page 13: The Mobile Frontier chapter8  #mf_ja

• Voice and Sound

Page 14: The Mobile Frontier chapter8  #mf_ja

• Voice and Sound– invisibility

Page 15: The Mobile Frontier chapter8  #mf_ja

• When to Use Voice

Page 16: The Mobile Frontier chapter8  #mf_ja

• Flattening Menus

Page 17: The Mobile Frontier chapter8  #mf_ja

• Mobile UX Sense Case Study– iPhone’s SIRI

Page 18: The Mobile Frontier chapter8  #mf_ja

• 参考– boundio

Page 19: The Mobile Frontier chapter8  #mf_ja

• Some VUI Fundamentals– シングルモード。(マルチモードよりも効果

的なコミュニケーションが難しい– タスク指向だが枝分かれのワークフローとな

る– ユーザーの注意と認知が必要

Page 20: The Mobile Frontier chapter8  #mf_ja

• Swing for the Fences When Thinking about the Senses– 全力で。– ( 例 ) オカリナアプリ

Page 21: The Mobile Frontier chapter8  #mf_ja

• ・人間には様々な知覚があり(触感、味覚、視覚、嗅覚)、特に視覚を通じてテクノロジーエクスペリエンスをナビゲートしている

• その結果として、強欲なモバイルインターフェースが出来上がる、タッチインターフェースはより直感的でダイレクトな情報の操作を可能にする

• モバイルのタッチ UI を作る際に十分に考慮しなければいけない点は 3 つある– 一般的なタッチターゲットのために最適化すること– スクリーンをマッピングすること– インターフェースではなくコンテンツでリードすること

Page 22: The Mobile Frontier chapter8  #mf_ja

• ジェスチャーを用いるインターフェースはデジタルなシステムによってインタラクションをもたらすユーザーインターフェスである。そしてマウスやキーボードによって干渉されない。

• あなたが作ろうとしているモバイルエクスペリエンスにジェスチャーを統合したいなら次の 3 つの戦略を適用するべきである– 新しいジェスチャーについてヘルプと共に紹介するこ

と– 追加された感覚についてフィードバックを含めること– 想像的に、そして辛抱強くあれ!

Page 23: The Mobile Frontier chapter8  #mf_ja

• 音声 UI はもっとも控えめなタイプのインターフェースである。なぜならそれはほとんど見えないからだ。

• スピーチによる入力はユーザーが見ることも触ることもできない状況に合ったものであり、声による入力と音によるレスポンスは制約が多い。

• 知覚について考える際は全力を傾けるようにしよう。それが視覚によるインターフェースの支配を破る最善の方法だからだ。