勘違いだらけのAndroid UIデザイン

WAVEイベントセミナー・アプリ制作勉強会勘違いだらけのAndroid UIデザイン Android UI Design, Too Much Misunderstanding Nobuya Sato Secret Lab, Inc. August 21st., 2012 Twitter: #appsemi Copyright © 2012 Secret Lab, Inc. All Right Reserved.

自己紹介•  @nobsato•  UXデザイン、デザイン戦略、IA –  1994年からWebデザイン –  Webエージェンシーで大規模な企業サイトの情報設計や企業のグローバル戦略、海外サイト構築やグローバル展開 –  Sonyのデザイン部門でAndroidのPF戦略やタブレット戦略 –  米Seesmicで日本語化やAndroidアプリやWP7アプリ –  現在はUXやUIデザインのコンサルティング、デザイン調査 Copyright © 2012 Secret Lab, Inc. All Right Reserved. 3

UX/UIデザインの改善？•  ユーザーの使い方、モノの使われ方を観察して問題点を直すことで、ユーザーの体験を改善でき、モノの使われ方やユーザーエクスペリエンス（UX）を向上することができる → 改善しているのはUX（使い方や使われ方）、本来のUI（ボタンやアイコン）はスライドで見てきた例では改善されていない。 Copyright © 2012 Secret Lab, Inc. All Right Reserved. 13

さっそく本日の回答•  勘違いだらけのAndroid UIデザイン 1.  Androidで独自性を出すのは大変メーカーは端末の差異化を出すので大変です SNSゲーム会社は複数プラットフォーム向けにアプリを対応させるのが大変です独自性と独創性が混在していることが多いです。アプリの独自性＝コンテンツ、内容の事。見た目で独自性を出すのは大変です。 Copyright © 2012 Nobuya Sato. 17

さっそく本日の回答•  勘違いだらけのAndroid UIデザイン 2.  Androidのアプリの開発は工数が係る？社内に経験がない技術で開発すると大変です。工数削減のために、既に開発済みのiPhone向けアプリをベースに開発すると、実は大変です。（ネットにある記事のほとんどがこの話です）現状、Fragmentを利用して複数デバイス（タブレット /フォーン）向けに完璧に開発しようとすると、実はかなり大変です Copyright © 2012 Nobuya Sato. 18

さっそく本日の回答•  勘違いだらけのAndroid UIデザイン 3.  Android向けデザインは大変？複数サイズのリソース用意したりとか面倒くさいです複数画面サイズのレイアウトデザインが必要で、実はちょっと面倒くさいです Android向けのデザイン作業やデザインのルールを熟知しているデザイナーがまだまだ少ないですデザイナーといってもiPhoneアプリのデザイン経験者が多い。デザインがiPhoneっぽくなって… Добрый день Copyright © 2012 Nobuya Sato. 19

さっそく本日の回答•  勘違いだらけのAndroid UIデザイン 4.  検証すべき端末は数百、すでに飽和状態？そうえいば18ヶ月保証とかありましたが… NexusシリーズやGoogleが指定しているリファレンス端末（Xoomなど）を、OS毎に用意 ※OS毎の例：Android 1.6 = HTC Magic、Android 2.0 = DROID、Android 2.1 = Nexus One、Android 2.3 = Nexus S、Android 3.x = Xoom、Android 4.0 = Galaxy Nexus、Android 4.1 = nexus 7 国産メーカー（シャープ、NECカシオ、パナソニック、ソニー）は☓。やっぱり海外端末、特に開発コミュニティにも優しいSony EricssonかSamsungが良い。 ※LGやASUSなどの変態端末も可。海外主流の京セラもわりと良い Copyright © 2012 Nobuya Sato. 21

Androidアプリの品質向上1.  ユーザーの声を聞く2.  安定性の向上とバグの削除3.  UI 応答性の向上4.  ユーザビリティの向上5.  プロフェッショナルな外観と審美性 –  User Interface Deign Tips (2010 July)6.  必要な機能の正しい選択7.  システムと第三者アプリの統合8.  詳細に対して注意すること Copyright © 2012 Secret Lab, Inc. All Right Reserved. 33

補足 : 9-Patch•  http://developer.android.com/intl/ja/tools/help/draw9patch.html•  Android SDKで提供されている伸縮可能なボタン画像を簡単に作るツール•  黒いドット部分を元に自動的に紫のように拡大される•  ドットの指定方法が少し奇抜で慣れが必要伸縮可能エリアパディング指定も可能 Copyright © 2012 Secret Lab, Inc. All Right Reserved. 39

http://samura1.net	243
https://si0.twimg.com	210
https://twimg0-a.akamaihd.net	116
https://twitter.com	57
http://twitter.com	54
http://s.deeeki.com	36
http://d.hatena.ne.jp	35
http://tweetedtimes.com	33
http://sc.dotbranch.com	31
http://ss.dotbranch.com	29
http://nakatani.clientserver.jp	11
http://pinterest.com	8
http://www.linkedin.com	6
http://b.hatena.ne.jp	5
http://mundo-powerpoints.blogspot.com	4
http://nuevospowerpoints.blogspot.com	4
http://mundo-powerpoints.blogspot.com.es	3
http://www.submit.ne.jp	2
http://a0.twimg.com	2
http://nuevospowerpoints.blogspot.com.es	2
http://nuevospowerpoints.blogspot.mx	2
http://127.0.0.1	2
http://133.242.3.32	2
http://nuevospowerpoints.blogspot.com.ar	1
http://kat.or.tl	1

勘違いだらけのAndroid UIデザイン

by Nobuya Sato on Aug 22, 2012

Accessibility

Categories

Upload Details

Usage Rights

25 Embeds 899

Statistics

勘違いだらけのAndroid UIデザイン Presentation Transcript