Android UIの
UXアンチパターンについて
はじめに
4月8日にyoutubeにアップロードされたGoogle公式の動画
Android Design in Action: Common UX Issues (Japanese)
http://youtu.be/x_gxZd9kLv4
で...
読み込みのロードマークについて
・読み込みのロードダイアログはなるべく表示しない
→①画面上部のアクションバーにプログレスバーを表示
②コンテンツ部分に直接ロードマーク表示
②の例:Sobacha (Twitterクライアント)①の例:four...
ダイアログの選択肢ボタンの位置
・Android OS 4.0以降では「ポジティブ」な選択肢が右
公式ガイドラインで挙げられている例)
http://developer.android.com/design/building-blocks/di...
似たようなので
(関係無いですが)これもポジティブな選択肢が右・・・?
よく新規参加された提督にお叱りを受けるポイントとして,
「進撃」と「夜戦突入」でボタンの位置が逆になっているというのがあるのですが,
あれは一応,“判断を要する特殊な行動”...
他のプラットフォームの真似をしない
某PhoneみたいなUIにしないでAndroid標準に準拠
例1)
・タブバーは上に置く(iPhoneみたいに下に置かない)
*わざわざ日本語での公式動画を作る&動画のこの部分の紹介で
「日本のアプリに非常に...
他のプラットフォームの真似をしない
某PhoneみたいなUIにしないでAndroid標準に準拠
例2)
・リスト項目に右向き三角はいらない >
設定画面(iOS / Android)比較
他のプラットフォームの真似をしない
某PhoneみたいなUIにしないでAndroid標準に準拠
例3)
・画面上部のナビゲーションもiPhoneっぽくしないで
標準に合わせる
・デザインは標準に合わせる、
・設定機能はoverflow menu...
最後に
・他にもいろいろ紹介されているので動画を見てみてください
Android Design in Action: Common UX Issues (Japanese)
http://youtu.be/x_gxZd9kLv4
・英語で似たよ...
以上
ありがとうございます。
Upcoming SlideShare
Loading in …5
×

AndroidのUXアンチパターンについて

1,404 views

Published on

2014年4月にUploadされたGoogle公式の動画
http://youtu.be/x_gxZd9kLv4
にて紹介されたAndroidのUXアンチパターンについて抜粋して紹介します。

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,404
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

AndroidのUXアンチパターンについて

  1. 1. Android UIの UXアンチパターンについて
  2. 2. はじめに 4月8日にyoutubeにアップロードされたGoogle公式の動画 Android Design in Action: Common UX Issues (Japanese) http://youtu.be/x_gxZd9kLv4 で紹介された UXアンチパターン(残念なUI/UX) を抜粋して紹介します。
  3. 3. 読み込みのロードマークについて ・読み込みのロードダイアログはなるべく表示しない →①画面上部のアクションバーにプログレスバーを表示 ②コンテンツ部分に直接ロードマーク表示 ②の例:Sobacha (Twitterクライアント)①の例:foursquare推奨されない例
  4. 4. ダイアログの選択肢ボタンの位置 ・Android OS 4.0以降では「ポジティブ」な選択肢が右 公式ガイドラインで挙げられている例) http://developer.android.com/design/building-blocks/dialogs.html プロセスが強制終了した時のダイアログ この場合、「OK」がポジティブなので左 ストレージを削除するかどうかの確認ダイアログ この場合、「消す」という処理の確認なので、 「消す」がポジティブ
  5. 5. 似たようなので (関係無いですが)これもポジティブな選択肢が右・・・? よく新規参加された提督にお叱りを受けるポイントとして, 「進撃」と「夜戦突入」でボタンの位置が逆になっているというのがあるのですが, あれは一応,“判断を要する特殊な行動”と“ベーシックな行動”で配置したつもりなんで す。 でも,結果的に“GO”と“No GO”が逆の配置になっているので, うとうとしていると「ドーン!」となっちゃうことがあるんですよね。 あまり評判のいいUIではないですが。。dotir
  6. 6. 他のプラットフォームの真似をしない 某PhoneみたいなUIにしないでAndroid標準に準拠 例1) ・タブバーは上に置く(iPhoneみたいに下に置かない) *わざわざ日本語での公式動画を作る&動画のこの部分の紹介で 「日本のアプリに非常に多い」 とわざわざ強調してきているので 多分Googleさんが1番気にして欲しいのはここな気が・・・ Twitter公式アプリ(iOS / Android)比較
  7. 7. 他のプラットフォームの真似をしない 某PhoneみたいなUIにしないでAndroid標準に準拠 例2) ・リスト項目に右向き三角はいらない > 設定画面(iOS / Android)比較
  8. 8. 他のプラットフォームの真似をしない 某PhoneみたいなUIにしないでAndroid標準に準拠 例3) ・画面上部のナビゲーションもiPhoneっぽくしないで 標準に合わせる ・デザインは標準に合わせる、 ・設定機能はoverflow menuに入れる など。。
  9. 9. 最後に ・他にもいろいろ紹介されているので動画を見てみてください Android Design in Action: Common UX Issues (Japanese) http://youtu.be/x_gxZd9kLv4 ・英語で似たような事例を紹介している公式動画も存在します(2013年9月アップロード) https://www.youtube.com/watch?v=pEGWcMTxs3I ・公式のUIガイドラインは英語だけど、やっぱり熟読したほうがいい。 実際の受託案件では予算やスケジュールでOS別のデザインとか難しいことが多いですが ディレクターやデザイナーがガイドラインを知っているか知らないかでいったら知ってたほうが絶対いいはず。 ・ガイドラインは強制じゃないが、こんな動画作られるくらいなのでいずれ強制部分が出てくる? かなりゆるいイメージでしたが、最近PlayストアのエロアプリはNGと公式でアナウンスが http://getnews.jp/archives/544793 ちなみにGooglePlayは申請時の審査はありませんが、公開後にチェックが入ります。 規約違反で3回アプリを消されるとGoogleアカウントごとBANです。
  10. 10. 以上 ありがとうございます。

×