the mobile frontier chapter8 #mf_ja

Post on 25-Jun-2015

293 Views

Category:

Design

3 Downloads

Preview:

Click to see full reader

TRANSCRIPT

The Mobile FrontierChapter 8.

Awakening the SensesTouch, Gesture, Voice, and Sound

@chachaki

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

• Touch

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

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

を体験するためにつかう

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

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

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

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

SmartPhone の場合  Thumb Zone を考える

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

• Lead with the Content, Not Interface Elements

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

• Gesture

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

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

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

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

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

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

• Voice and Sound

• Voice and Sound– invisibility

• When to Use Voice

• Flattening Menus

• Mobile UX Sense Case Study– iPhone’s SIRI

• 参考– boundio

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

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

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

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

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

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

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

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

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

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

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

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

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

top related