分12iOS7が9月18日に公開されて2ヶ月ほどがたち,既にインストールされた方も多いのではないでしょうか。iOSで初めての大きなUIの変更でもあり,非常に注目されました。「フラットデザイン」が採用されたことで,賛否両論あり話題を呼んでいます。そのフラットデザインが注目される一方で,それ以外の変更はあまり注目されていません。見た目だけではない本質的なUIデザイン変更が多くなされており,フラットデザイン以外の部分にも深く注目してiPhoneアプリやスマートフォンWebの設計/デザインを行っていくことが大切になってきます。本連載ではデザインの視点から見たiOS7の変更点を,フラットデザインだけにとどまらないこれからのUIデザインのあり方も含め,数回に分けてお送りしていきます。スキューモフィズム(Skeuomorphism)からの脱却iOS7での見た目のフラットデザイン化は,“⁠スキューモフィズム(Skeuomorphism)からの脱却⁠”と称されました。スキューモフィズムとは現実のオブジェクトをモチーフとし,それを模倣したデザインのことを指します。Xなどもこのスキューモフィズムデザインを多く取り入れてきました。これは故スティーブ・ジョブズの強い思いによるものであったと言われています。スキューモフィズムは現実の比喩を取り入れることにより,見た目の良さだけではなくアプリの使い方を伝えるためのマニュアル的な意味も担ってきました。現実に近づけることによりユーザーが先の動作を予想でき,ユーザビリティの向上にも一役買っていたのです。書籍アプリであれば紙がめくれるようなUIを採用することにより,実際の本のように紙の端をなぞることでページをめくることができるのが瞬時にわかります。「めくる」というスキューモフィズムを取り入れたiBooks非常に優れたUIとしてスキューモフィズムを追求してきたデザインが,なぜここにきて変わったのでしょうか。それは現実のメタファーが必要無くなったからであると言えます。今までWebやアプリの“⁠ボタン⁠”のデザインは,グラデーションがかかった膨らんでいるようなデザインがずっと使われていました。これはリアルな世界にある「押せる」ボタンをモチーフとしたものです。今までのユーザーの生活の中での経験値を最大限に活かしたデザインです。パソコンやスマートフォンが浸透しきった現在では,ユーザーはパソコンの中/スマートフォンの中だけでも十分に習熟した経験値を持っているため,画面の中の経験値のみを頼りにしたデザインも成立すると考えられたのです。パソコンやスマートフォンの中でのUIが,既にユーザーにとって当たり前のものであり,メタファーとなる対象がリアルなもので無くなったということを示しています。これが“⁠スキューモフィズムからの脱却⁠”を意味するところです。最近のスキューモフィズムデザインは過剰であるとも言われ始めています。現実を模倣することにで分かりやすさを求めていたものが,時として余計なものとして扱われ,コンテンツの視認性を下げているのです。プラットフォームであるOSでは,その上に乗っているアプリの体験を阻害するものとなってしまいますので,より顕著にその特徴が現れたのでしょう。現実の電卓の質感を再現したiOS6までの電卓アプリ(左)と質感を廃したiOS7の電卓アプリ(右⁠)⁠。リアルなボタンを模倣しなくても,電卓の機能は伝わる結果としてコンテンツに不必要な要素は極力排除して“⁠Simplicity⁠”(簡素で飾り気のない)シンプルなデザインを純粋に追求していこうというアップルの姿勢が見えてきます。これは根底を大きく覆すUIデザインの改革と言えるでしょう。フラットデザインを行う際の難点リアルなメタファーを取り入れてきた流れの中で,いきなりそのメタファーを捨てるデザインを行うのは非常に難しいと言えるでしょう。ここでは代表的な点をいくつかとりあげてみます。操作方法がわかりにくいこれは前述の“⁠スキューモフィズムからの脱却⁠”がそのまま直結している問題でもあります。今までのリアルでの経験によるデザインでなく,今までに経験の無いモチーフである可能性が出てくるからです。今まで自然と予測していた動作に「わかる」という動作を一段階追加するといったら良いでしょうか。iOS6までのロック画面は「ロックボタンをスライドさせればロック解除」ということが見てわかる素晴らしいデザインでしたが,iOS7では視覚伝達だけでは足りないと判断されたのか「スライドでロック解除」という補助的な文言がプラスされています。iOS6までのロック画面(左)は,「⁠スライドをする」というジェスチャーが見た目から予想できる。iOS7のロック画面(右)は,「⁠スライドで」という文言が無ければロック解除の方法がわからない単純なボタンでも同様で,「⁠押せる」感をグラデーションにより膨らんでいるように見せることで今まで演出してきたのを,違う方法で「押せる」と認識させなければいけません。現実には存在しないデザインで「押せる」というリアリズムの追求が求められます。「⁠わかりにくい」というよりは,ユーザーが新たな経験値を詰むことを求められるようになったと言えるかもしれません。UI・UXデザイナー。スマートフォンWebとアプリを中心に,UI・UX設計/デザイン/コーディングを担当。新しいモノづくりよりも,既にあるモノを新しい視点でとらえるデザインが好き。昨年「親バカ」ステータスも追加。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。