UI研究会#2のLT資料です。

1. UI研究会 第2回
いまいだいすけ

2. こんに
ちは

3. 日本時間6/11 2:00AM
WWDC2013にて
iOS7のお披露目がありました

4. 漏れ聞こえていたフラットデザ
イン採用のiOS7。事前の情報
通り、これまでのデザインポリ
シーを変更し、フラットデザイ
ンの方向に大きく舵を切ったよ
うです。

5. 当日からDeveloper向けには
ベータバージョンが配布され、
それを試した多くの方が色々な
意見を述べています。

6. iOS7フラットデザインに思う
3つの気になる点
ネットプライスドットコム
beenos future center いまいだいすけ

7. 1. 使い方わかりにくいんじゃないか
2. 見えづらいんじゃないか
3. 統一感無いんじゃないか

8. 1. 使い方わかりにくいんじゃないか

9. iOS7の問題と言うよりも
もしかしたらフラットデザインの
根本的な問題かもしれず。

10. ロック画面からの遷移

12. スワイプ
言われないとわからない！
※英語版では「Slide to unlock」なので、わかる。

13. ちなみに

14. カメラ起動
コントロールセンター
カメラ起動ますますわかりにくい
しかも
コントロールセンター開きがち！

15. ロック後のパスコード入力

17. このへんが押せる

18. 緊急電話

20. このへんが押せる

21. 画面下部に出る文字は
押せるという暗黙のルール？

22. インタラクション可能の
サインが明確に必要なのでは？

23. 2. 見えづらいんじゃないか

25. 曇りガラスのような印象

26. コントラストが低い

27. 日中屋外での視認性わるい

28. まあそれはいい（よくない）

29. 色覚異常の方へのUD

30. 赤(R)、緑(G)、青(B)の明るさをそれぞれ0∼255の256段階で表す
明度差
表示された際の明るさの差を表す
・明度差は( R 299 + G 587 + B 114 )/1000 で計算する
・明度差は125以上が望ましい
色差
表示された際の色相の差を表す
・色差は、RGBそれぞれの前景色と背景色の差を取り、合計したもの
・色差は500以上が望ましい
W3Cのガイドライン
「色彩異常」
『フリー百科事典 ウィキペディア日本語版』（http://ja.wikipedia.org/）
2013年6月18日17時（日本時間）現在での最新版を取得。

31. 左がiOS7、右がiOS6

32. WindowsPhoneはどうか

33. 背景色のコントロールなどで
ある程度は回避できるが
WPに比べると
コントラストは低い

34. 3. 統一感無いんじゃないか

36. グラデーション

37. 下が暗い

38. 下が明るい

39. グラデーションがない

40. 前景がグラデーション

41. 色使い

42. 背景白に多色

43. 背景グラデーションに白抜き

44. 背景グラデーションに黒

45. 背景グラデーションに多色

46. フラットデザインにおいて
アイコンなどは
抽象化されたデザインとなる

47. 抽象化度

48. 抽象化度高すぎ

49. 抽象化度やや高（シンプル）

50. シンボル的

51. ややディテイル寄り

52. 機能的

53. 全体にまだゴチャゴチャしてる

54. 秋の正式リリースまでに
ブラッシュアップされることを
期待しています

55. ご清聴
ありがとうございました。