iOSに秘められた「見えないデザイン」について検証した面白いブログエントリをみつけたのでご紹介(*ﾟ∀ﾟ)ﾉ
さて「見えないデザイン」とはなんでしょう？？
もちろん見た目の美しいボディデザインのコトじゃないですよwww
iOSはiPhoneやiPadのようなタッチスクリーンデバイス上で動くOSですね。
ユーザーがタッチスクリーン操作を行うとき、狙って触れる画面上のポイントと、実際に触れている位置とでは若干のズレがあることをアップルは突き止め、iOSに反映しているのですwwwww
このことを検証されているのがコチラのブログ
詳細は元記事にお任せして、以下、もの凄く簡潔にご紹介^^;
最低限の大きさ
ユーザーが十分に指でタップできる最小面積のサイズとして「44 x 44 ポイント」としていて、iPhone や iPad mini では約 7mm 四方、iPad では約 9mm 四方になるとのこと。
iOS の標準UIコンポーネントの多くの部品が44ポイントでできている。
ヒットエリアの拡張
正確にボタンの上をタップしなくても、だいたいの位置に触れればボタンを押したことになります。
左側のボタンのヒットエリアが広いのは、ラベルによってボタンのサイズが変わることを前提に余裕をもたせている。また、タップ頻度が高いので優先度を上げている。
キーボードの動的なサイズ変化
iOS はユーザーが一文字タイプするたびに、次に来る文字を予測し、キーごとに重み付けをし、次に打たれる可能性が高いキーのヒットエリアを広げ、タイプミスが起きにくくしている。
【通常のヒットエリア】
【予測し重みを持ったヒットエリア】
ヒットエリアの幅が32ポイントから44ポイントまで広くなっているところに注目(´ω`)b
タッチポイントのシフト
上記のヒットエリアの拡張は知っていたが、この「タッチポイントのシフト」は知らなかった^^;
「タッチポイントのシフト」とは・・・
スクリーンに触れた指の実際の場所よりも、少しずらした座標を入力値として受け取るという工夫
この検証結果が興味深い！！
- まず、32ポイント間隔のグリッドを敷いた画像を用意する。
- それを iPhone 5 に入れて、お絵描きアプリ（Adobe Ideas）で背景画像として開く。
- 先端の細いスタイラス（Jot Pro）を使って、できるだけ正確に、グリッドの交差点の上をタッチして赤いマーカーを付ける。
これで、画面にタッチした座標（グリッドの交差点）と、入力値として受け取られた座標（赤いマーカー）とのギャップを見ることができます。
信じられないくらいズレてます( ≧∀≦)ﾉﾌﾞﾊﾊｯ!!
スクリーン上の場所によって、シフトの量や方向が違う点が面白い！！
これは、ユーザーは、スクリーンを正面から見ているのではなく「下の方から斜めに見ている」という前提でチューニングされているからではないかとのことでした。
これらは「見えないデザイン」の一部に過ぎないと思うが、視覚と実際の物理的な現象とのちょっとしたズレが、操作感覚の大きな違和感につながる可能性があるワケですから、ココにこだわるアップルは流石ですね(´ω`)b
iOS は正に「体感を最優先したOS」と言えるでしょう！！
コメント
iPadを逆からタップしたりキー入力したりすると、入力が難しい、思いどうりに動かない、とても時間が掛かってしまう事が起こります。
この記事で納得しました。 なるほど!!!!!, おでこを ペシ。 bear
コメントありがとうございます(≧∀≦*)ﾉ
お！そうですね！反対からの操作が難しいという事象もこれで解決ですね(´ω`)b
なるほど!!!!!, おでこを ペシ(๏ิ‿๏ิ)ﾉ”
[…] すげぇ！iOSに秘められた「見えないデザイン」 #applejp #iphonejp – Blog!NOBO…タッチポイントのシフトは知らなかった… （ブログ更新）まじめに規則を守って仕事をすればするほど、ダメになっていく日本 – 竹内研究室の日記【Retweeted】なぜルールができたのかは忘れられ、ルールだけがひとり歩きして全能化していく問題。ルールを守ってすませるんじゃなく、トライアンドエラーに変えないと。 サムスン、脳波でタブレットを操作できる帽子を開発中 | ガジェット速報脳波での操作って今現在どれくらいの精度や使い勝手なんだろ 「人生の時間配分」 ＝ 「どう生きるか」 – Chikirinの日記『どこかで「俺は人生の時間のこれだけを○○に使う」と、自分で決める人にならなくちゃいけない。』 9割の人は「お金の奴隷」!お金に愛されるために必要な5つの考え方 | シンプルデイズ『どういうことかというと、「お金とは？」という質問に即答できるということは、常にお金について考えられている証拠です。』 ハタチエイゴ – 英文読解の勉強が辛くなったときにはこの記事を読んでください。やっぱり留学以前に英文法や語彙などの基礎力が必要なんだ 英語上達完全マップ●瞬間英作文 ヒル・バレーの歴史 – BTTF RISER’s ROOM【Retweeted】バックツーザフューチャー2の舞台は2015年。もうすぐだ。空飛ぶクルマもスケボーも発明されてないけど。1980年代のトップクリエーターも未来はクルマの進化にあると思ったんだろうけど実際はモバイル通信とコンピュータだった。 両親が逮捕されてから自分の家が異常だと知った BIPブログ軽くカルチャーショック。こういう情報貴重だよね たった1枚に込められたクリエイティブすぎる17個の広告【Retweeted】めっちゃいい！！ カイジ「命より重い!」お金の話 【第3回】 経済学の罪 ～「借金の利息は、お金のレンタル料」ではない! | 木暮太一の「経済の仕組み」 | 現代ビジネス [講談社]【Retweeted】コレ大事。ローン組む人は、利子の総額を計算して、その金額を今現金で払ってでもローンを組みたいかを考えるといいと思う Apple、MacがPC市場の営業利益の45%を占める | LinkmanOS比べれば当然の結果でしょ ネット公開された日本の魔法少女アニメが海外で大絶賛！ 「続編を作ってくれ！」「この世に神は存在した」 | ロケットニュース24面白かった！ 迷惑メール送ってきた業者にメール1万件送った結果ｗｗｗ – VIPPER速報 | 2ちゃんねるまとめブログ […]