SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

MarkeZine Day(マーケジンデイ)は、マーケティング専門メディア「MarkeZine」が主催するイベントです。 「マーケティングの今を網羅する」をコンセプトに、拡張・複雑化している広告・マーケティング領域の最新情報を効率的にキャッチできる場所として企画・運営しています。

直近開催のイベントはこちら!

MarkeZine Day 2025 Retail

FEATURE

fladdictさんが考える「手触りのあるアプリ」(前編)
iOS 7のフラットデザインと、これからのUIデザイン


画面遷移にも変化が

 もうひとつ重要なのは、画面遷移に変更があったこと。今までのiPhoneでは、基本的な文法として、テーブル状のリストが並んでいて、何かをタップするとそれが横方向にスライドして次のものが出てくるという構造があった。これがiOS 7ではだいぶ減っている。その代わりに登場したのが「俯瞰からコンテンツを拡大していくスタイル」。

 iPadの写真アプリを例にすると、さまざまな写真のグループが大量に並んでいる中からひとつを拡大することでその中にある個々のコンテンツに移動していく。ズームインしたりズームアウトすることで移動する画面遷移が増えている。「これを単純に演出的な問題と思うかもしれないが、実際はもう少し凝った、重要な動き」と深津氏は指摘する。

「横へのスライドから拡大・縮小のアニメーションに変わることで、ユーザーはどこから来てどこへ行くのかがわかりやすくなる。現在地をわかるようにするアニメーションがいろいろと重要視されている。そういう手触りの話が、単なるエフェクトや気分の問題ではなくて、情報のデザインとしてユーザーがどう使いやすくするかというのを増強する方向で考えられているのがiOS 7。グラフィック的には賛否両論あるが、ユーザーインターフェイスとかインタラクション的にはだいぶ進化していると思う。」

 カラーマナーにも変化があった。たとえば、アプリごとにボタンのカラーテーマが決まっている。タップできる色が黄色のアプリでは、タップできる場所のテキストやアイコンが全部黄色で統一されている。フラットになってどこが押せるかわからなくなっている分だけ、この色のところを押せばタップできるんだということを明解にしようという方針が見られた。

「iOS 7はこのように手触りを意識している。僕たち開発者も手触りというのものについて理解を深めていかないと、どこを押したらいいのかわからないアプリとかできてしまう。そういったことがないように、これからは手触りを意識していかないといけないと思う。」

手触りを考えるときに参考になるアプリ

 では、アプリの中の手触りとはどうやって表現したらよいのだろうか。深津氏は、その参考になる、手触りにこだわったアプリをいくつか紹介してくれた。

子どもに色の名前を教える「いろぴこ」

 ひとつめのアプリは「いろぴこ」。子どもに色の名前を教えるための知育アプリで、インタラクションの気持ちよさがずば抜けていて面白い。2012年のYahoo! JAPANのインターネットクリエイティブアワード「一般の部」でグランプリを受賞している。指で画面をタップすると色の名前を声と文字で教えてくれる。ふつうのスクロールビューがすごく気持ちいい。子どもにとっても楽しいアプリになっている。

手触りに特化した実験的なアプリ「Clear」

 「Clear」は実用的なアプリというよりは手触りに特化した実験的なアプリ。画面上にいっさいのナビゲーションが存在しないTODO管理アプリだ。iPhoneのジェスチャー(2本指スクロール、ピンチしてズームするなど、指を使ったさまざまな操作)を使って削除やフォルダ移動ができるが、ジェスチャーを知らないと使えない、わりと玄人好みのアプリ。

美しさに心を奪われる電卓アプリ「Llumino」

 もうひとつ、電卓アプリ「Llumino」。これは高機能な電卓に、ひとつ遊びごころを加えたもの。セルオートマトンが使われていて、キーを押すとそのキーが光り、それが周囲へ伝播していくさまが美しい。気持ちよく、楽しく電卓を使うことができる。

次のページ
ユーザーインターフェイスにおける手触りとは何か

この記事は参考になりましたか?

  • Facebook
  • X
  • Pocket
  • note
関連リンク
FEATURE連載記事一覧

もっと読む

この記事の著者

MarkeZine編集部(マーケジンヘンシュウブ)

デジタルを中心とした広告/マーケティングの最新動向を発信する専門メディアの編集部です。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

MarkeZine(マーケジン)
2014/11/14 11:38 https://markezine.jp/article/detail/18196

Special Contents

PR

Job Board

PR

おすすめ

イベント

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング