―HOMEABOUTSERVICEWORKSRECRUITBLOGACCESSCONTACTBLOGTOPBLOG2015/09/17AndroidとiOSにおけるUIの違いを知ろう!!こんにちは。デザイナーの飯山です。皆さんはスポーツはお好きでしょうか?私は長年野球を続けているのですが、互いに高め合い、助け合いながら同じ目的へ突き進むチームスポーツという要素が魅力のひとつだったりします。SINAPにもチームがあります。ディレクター・デザイナー・エンジニアのチームに所属する社内メンバーが、定期的にチーム発表会を行っています。各チーム毎回テーマを熟考し、趣向を凝らした発表で社内への知見共有を図っています。今回ご紹介するのは先日行われたデザイナーチームの発表で、テーマは「AndroidとiOSにおけるUIの違いを知ろう!!」です。今回のテーマを設定した理由は、社内でもiOSユーザー・Andoridユーザー・その両方などを使い分けている者もいて、日常で触れる機会が少ないOSのUIについても知見を共有しようという狙いです。それでは、発表の内容をピックアップしてご紹介していきます。世界と日本の端末シェアについてSINAPメンバー内ではiOSユーザーが6割を超えてAndroidユーザーの方が少ないという端末シェアでしたが、まずは世界と日本の端末シェアを把握しておきたいと思います。(データは、2015年3月時点での2015年第1四半期と前年同期を比較したものです。大きく17.9%増えたiOSが26.1%。対するAndroidは72%で優勢。アメリカ前年同期比はiOSが0.6%微減し36.5%。iOSが12.5%減り45.1%。対するAndroidは52.3%でやや優勢。調査結果によると、日本はiOSと均衡するものの世界的に見てもAndroid端末のシェアが多いことが改めてわかります。http://www.kantarworldpanel.com/global/smartphone-os-market-share/デザインガイドラインの違いAndroidとiOS両者のデザイン思想の違いを把握するため、デザインガイドラインからポイントを絞って紹介します。ガイドラインでは大きく3つ定義されています。Designは「ペーパー」と「インク」のメタファー(比喩・例え)でできています。intentional大胆に、生き生きと、意図的に。色の選択や、大きなタイポグラフィ、意図的な余白といった要素は、ユーザーを没入させるような、大胆で生き生きとしたインターフェースを生み出します。meaningモーションは意味を提供する。Designでは、ユーザーを注目させてユーザー体験の継続性を維持するためのアプローチとして、オブジェクトのモーション(動き)を重要視しています。Designを踏襲したiOS8には次の方針が体現されています。Deference内容を尊重して、控えめであること。UIにはその内容を分かりやすく表示し、ユーザとやり取りする働きがありますが、それ自身の方が目立つようであってはなりません。機能を重視し内容を尊重することです。Clearity明瞭であること。文字はどの大きさでも読みやすく、アイコンは的確明瞭で、装飾は控えめで適度、さらにその機能を明確に表すようでなければなりません。Depth奥行きを与えること。視覚的な重なりや本物らしい動きがあると、楽しさや分かりやすさが向上します。Guidelines共通機能でUIを比較してみよう戻るボタンiOS:画面内左上に配置Android:端末自体の左下に搭載この違いによって、様々なアプリでOS別にレイアウト設計が大きく変わってきます。タブバーiOS:画面下部に配置Android:画面上部に配置この点は、戻るボタンでも触れたインターフェース設計の特徴的な例でもあります。マルチタスクiOS:アプリケーションの画面を平面的に横に並べた表現Android:カードのように階層的に重ねて奥行きを表現この点は、デザインガイドラインにおける思想の違いが現れています。同じアプリで比較してみようOSのデフォルトUIには、デザインガイドラインに則って同じ機能を果たすためでもそれぞれ大きな違いがあることがわかりました。発表ではchatwork、cookpad、Evernoteの3つのスマホアプリでの操作の様子を動画で、OS別にUIを比較して紹介をしました。いかがでしたでしょうか。デザイナーだけでなく、ディレクターとエンジニアも含めた開発に携わるメンバーが両OSの違いを理解して進められるメリットは多くありそうです。Webサイトやアプリの開発や設計する際の参考となればと思います。大学ではマスコミュニケーションを専攻。経験後、デザイン専門学校の扉を叩く。学校でのアシスタントを経てデザイナーとしてシナップに入社。草野球、ボルダリング、コーヒー、写真が好き。公式アカウントブログの更新情報やシナップからのお知らせを配信しています。SINAPシナップの活動報告や、IT業界のトレンド情報などを発信しています。ご相談・お問い合わせお仕事のご依頼やご相談など、お気軽にお問い合わせください。