しかしながら、「Button Shapes」、「文字を太くする」、「コントラストを上げる」、「オン/オフラベル」、「視差効果を減らす」といったオプションが必要とされること自体、iOS 7 のデザインに重要な欠陥があることを示している。
iOS 7のパララックス効果やアプリ起動時等のズームエフェクトで酔ってしまう人が出ている模様。
Suffered From Motion Sickness After Using iOS 7? You’re Not Alone — AppAdvice
★ Appleのデザインガイドライン
Appleがソフトウェア開発者に向けて書かれたデザインガイドラインには、以下の3つのポイントが書かれています。やや抽象的ですが、目指している方向が示されています。
服従 ( Deference ) : UIはユーザによるコンテンツの理解や、すべき操作方法を分かりやすくするが、コンテンツとUIが並列関係になることはない。
iOS 7がついにリリース！クラスメソッドブログにiOS 7の記事を一気に70本公開しました！ ｜ Developers.IO
コンテンツがメインで、ユーザインターフェイスはサブということ?
明快 ( Clarity ) : テキストはあらゆるサイズで読みやすく、アイコンは精密で明快、装飾は目立たせすぎずに適切、そして機能性を重視したデザインである。
iOS 7がついにリリース！クラスメソッドブログにiOS 7の記事を一気に70本公開しました！ ｜ Developers.IO
層化 ( Depth ) : ヴィジュアルレイヤ ( 層化UI ) とそのリアルな動きがユーザの満足と理解を高める。
iOS 7がついにリリース！クラスメソッドブログにiOS 7の記事を一気に70本公開しました！ ｜ Developers.IO
★ iOS 7のデザインはいわゆる “フラットデザイン” ではない
一見、ちまたでよく見られるフラットデザインを採用したようにも見えるiOS 7ですが、よく見ると、単なるフラットデザインではないことが分かります。
iOS 7は、ジョニー・アイブ曰く「新しいタイプの奥行き表現」。レイヤーとディメンショナリティ(次元性)に溢れています。そして全く新しいタイプのアニメーション。
例えば新しい天気のアイコンのような、加速度計によって計算された、視差効果(Parallax Effect)を使った奥行き表現もそうです。
［ #WWDC2013 ］iOS 7、フラットデザインというより「奥行き」のデザインである : ギズモード・ジャパン
iOS 7にはスピードとユーザビリティに力点が置かれていますが、そのために快適さが犠牲になっている面もあります。ただAndroidユーザーが使う分には、逆に問題ないはずです。iOS 7のルック＆フィールは、Androidにより近いものになっているからです。
iOS 7さっそくレビュー：変わった！ のはデザインだけじゃない : ギズモード・ジャパン
★ “一般的な” フラットデザイン5箇条
フラットデザイン5箇条
・グラデーションを使わない!
・質感は無視して、とにかく塗りつぶし!
・形に迷ったら正方形!
・カラフル大事! ビタミンカラーよりもちょっとくすませて!
・整列して並べて、気持ちよく配置!
だいたい40秒くらいでわかる「フラットデザイン」について*prasm
iOS 7では、グラデーションは排してはいません。
★ グラデーションは使用可, 上側と下側のどちらが明るくてもいい
http://9to5mac.com/2013/06/10/welcome-to-ios-the-first-install-gallery/
・グラデーションを使うかどうかに、明確なルールはあるのだろうか。見た目の統一感に欠ける。
・グラデーションによって、人間はそれに凹凸を感じるが、背景に影が落ちていないため、違和感を感じる。
・グラデーションの向きも、電話は上が明るく、メールは下が明るく、不統一であるのも違和感につながる。
https://matome.naver.jp/odai/2137876775875757301/2137953323528447603
重要なのは、(過度な)装飾がなくても、ユーザーがアプリの機能を理解できるようにすること、そしてユーザーの期待どおりに動作するよう、アプリを慎重にデザインすることです。これは当たり前のように思えますが、そう簡単なことではありません。
iOS7に見る“フラットデザイン”の難しさ
★ ボタンには “枠” はつけず “文字の色” でボタンだと理解させる
iOS 7では、ボタンには枠や塗りはあまり使われていない。コンテンツの邪魔をしないように、なるべくコンテンツを制御するボタン類の装飾を排除する方向のように見える。ただし、それでは何が押せるものか分からないため、色をつけて押せる箇所を示すようになっている。
http://9to5mac.com/2013/06/10/welcome-to-ios-the-first-install-gallery/
・アプリケーション毎にテーマカラーというものがあり、その色によってユーザ操作を受け付けることを表現する。
https://matome.naver.jp/odai/2137876775875757301/2137973521855841503
http://9to5mac.com/2013/06/10/welcome-to-ios-the-first-install-gallery/
・日本語ではほとんど意味がありませんが、グループ名は大文字を使って目立たせようとしている模様。「DO NOT INCLUDE」など。
https://matome.naver.jp/odai/2137876775875757301/2137973530756011603
きじとら@kijtra
https://matome.naver.jp/odai/2137876775875757301/2137989829341743903
https://matome.naver.jp/odai/2137876775875757301/2138010110618350103
このような平面的なデザインは批判の対象にもなっています。たとえばユーザビリティーの専門家であるヤコブ・ニールセン氏はWindows8の新しいUIについて、「立体的な表現を廃したフラットなUIでは、どこを押すことができるのか、あるいはどこに文字を入力できるのかわからない」と指摘しています。
iOS7に見る“フラットデザイン”の難しさ
コンテンツを重視するのは正しいとしても、どこにボタンがあるのかが分からないようではUIとしては失格でしょう。ユーザがボタンを探そうとした時には、ユーザに取ってはボタンがメインのコンテンツであるはずです。
★ たまにはボタンに “枠” を付けてもいい
http://tmgwhrmlife.blogspot.jp/2013/06/ios-7-beta-1_27.html
・枠を付けた理由はよく分からない。
http://9to5mac.com/2013/06/10/welcome-to-ios-the-first-install-gallery/
・お金に絡むからでしょうか。周りに文字が多いからでしょうか。
https://matome.naver.jp/odai/2137876775875757301/2137973537156034003
http://tmgwhrmlife.blogspot.jp/2013/06/ios-7-beta-1_27.html
・これは、3Dモードがオンなのかオフなのかを表現するために、塗りを使っている。
★ ボタンは左右ぶち抜きでレイアウトする
https://matome.naver.jp/odai/2137876775875757301/2137953323628451403
http://tmgwhrmlife.blogspot.jp/2013/06/ios-7-beta-1_27.html
・行全体がボタンになっており、左右にマージンは1ドットもない。
・削除用の「ー」ボタンは塗られている。データ損失の危険性があるからだろうか。
http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-and-android/
・アクションシートはシステムが表示するため、アプリ側ではデザインは変えられない。なぜ、ぶち抜き出ないのかは不明。
いま必要なのは、種々のスタイルや細かな修正といった事柄についての表層的な議論を超えて、インターフェイス・デザインの次のフロンティアを大胆につくり出すことである。
「iOS 7」論争とデザインの本質：ジョン・マエダ « WIRED.jp
★ アイコンは “輪郭線のみ” で “塗りは少なめ” にする
アイコンは、輪郭のみであり、かつ、輪郭線が細いことから、視覚障害者やお年寄りにやさしくない。ユニバーサルデザインの観点からはNGと思われる。
http://taisy0.com/2013/08/07/18714.html
・上段は、アプリアイコンのため塗りやグラデーションが使われている。グラデーションの向きがバラバラで統一感に欠ける。
・下段は、輪郭のみでグレーのため、使えないボタンのようにも見える。
・フラットデザインは、一般に有効と無効の区別がつかないものが多い。
http://tmgwhrmlife.blogspot.jp/2013/06/ios-7-beta-1_27.html
・画面下部のタブバーでは「アラーム」のように選択されているものは塗ることで、目立たせている。
・タブバーの4つのアイテム間には仕切り線もなく、選択されても、背景に色がついたりはしない。
★ 立体的なデザインは使ってもいい
https://matome.naver.jp/odai/2137876775875757301/2137956448851804203
https://matome.naver.jp/odai/2137876775875757301/2137953323528450303
http://9to5mac.com/2013/06/10/welcome-to-ios-the-first-install-gallery/#jp-carousel-274859
・オン/オフといったラベルは無くなっているが、設定により、アイコンを表示させることが可能)。
・オンのときの色はテーマカラーに関係なく必ず緑が使われる。
9to5Macは、オンライン調査サイトPolarで行われた「iOS 7」と「iOS 6」のユーザーインターフェイスの比較調査によると、「iOS 7」のデザインの方が好まれているという結果が出ていると伝えています。
やはり「iOS 7」のデザインの方が「iOS 6」のデザインより好まれている!? – Linkman – ONETOPI
正式リリースされ、多くの人が使った時にどのような反応が返ってくるか…。
★ スキューモーフィックを完全排除するわけではない
Forstall 氏は、工芸品や実際のテクスチャなど現実世界のモチーフを模倣したデザイン( Skeuomorphic Design )の強い信奉者だった。Jobs 氏もまた Skeuomorphic Design の主唱者だった。しかしほかの役員はほとんど — とくに Ive 氏は — 工芸品のようなみかけは時代遅れで、コンピュータのユーザーインターフェイスデザインにそんな見かけ上のトリックはもう要らなくなっているとずっと信じていた。
iOS 6 Maps 謝罪レター問題 | maclalala2
Forstall氏は、iOSのマップ品質が原因で退社になった。
http://tmgwhrmlife.blogspot.jp/2013/06/ios-7-beta-1_27.html
・ナビゲーションのメモボタンはくぼんでいる。
★ 半透明を使って画面の上下関係を表現したい
http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-and-android/
・影を落とした方が前後関係が分かるのではないか。
くれぃんKengoTsuruzono@_crane_
iOS７のウリに、パネルが視差を利用して立体的に見える機能がある、これはなんの目的があるんだ?
iOS7のフラットデザインはおしゃれだ！だけど、デザインではない！その理由は… | Think IT!
画面上に存在するボタンは本体の傾斜によって位置が変わってしまう。1ピクセルにこだわったデザインにはなっていない。しかも、本体を動かさないと視差の効果は分からない。
3次元のZ軸のレイヤーが論理的に組み込まれているのだ。疑似的な3次元視角効果やテクスチャーの使用は極力減らされている。しかし iOS 7 は決してフラットではない。
視覚的意味ではなく論理的な意味において3次元なのだ。今どこにいるのかという位置感覚を（誇示するためではなく）分からせるために半透明性（translucency）が用いられる。
新しい Control Center パネルを下からプルアップすると、それが半透明なことからどこか新しい場所に移行したのではなく、前の同じ場所でその上に何かがあることが分かるのだ。
iOS 7 は決してフラットではなかった！ | maclalala2
★ その他
http://9to5mac.com/2013/06/10/welcome-to-ios-the-first-install-gallery/
・グループ化されていることを表したいのだろうか。
ホーム画面が見づらい → 文字を太くする／コントラストを上げる
見づらい？ 使いづらい？ を解消：「iOS 7」にまだ慣れない人のための“基本ワザ10選” (1/3) – ITmedia PC USER
「文字を太くする」「コントラストを上げる」という設定があるということは、それだけ見づらいということを裏付けるもの。
新しい「無意味な装飾」を生み出しただけじゃないか。しかも今回は深刻なユーザビリティの低下と一緒に。iOS 6以前を「機能性の追求よりも売上の追求を優先した」デザインだと書いてるけど、それはiOS 7のほうだろ？ 流行に取り残されない/ユーザを飽きさせないために行われた小手先のデザイン変更だよ。
iOS 7: ここ10年で最大の悪夢 | Ticking Point
Takahiro lnoue@chillmatics
