Androidデザイン 純粋にAndroid

2012/1/22 12845hit

純粋にAndroid

多くの開発者は複数のプラットフォームでアプリを配信したいはずです。
Android向けのアプリを計画するとき、異なるプラットフォームには異なるルールと慣例がある事を覚えておいてください。
あるプラットフォームで完璧なルックアンドフィールは異なるプラットフォームではふさわしくなくなります。
「一つのデザインですべてをまかなう」アプローチはあなたの時間を節約するかもしれませんが、ユーザーに敬遠される矛盾したアプリを作成してしまう非常に危険を置かします

最も一般的な罠を避けるために以下のガイドラインを考慮してください。

他のプラットフォームのUI要素に似せないでください

プラットフォームは通常とても特徴的な見た目の慎重に設計されたUI要素を提供します。
例えば、いくつかのプラットフォームは丸い角を持ちタイトルバーで使用するために傾斜を持ったボタンを提唱しています。
場合によっては要素は同じ目的を持っていながら多少違う動きをするようにデザインされています。

Androidのためにアプリを構築するとき、別のプラットフォームからUI要素を移植しないでください。そしてそれらの性質を模倣しないでください。
Androidの重要なUI要素に付いて学びデフォルトテーマでシステムがどのように表示するか知るためにビルディングブロック(翻訳中)を見てください。
アプリのコンテキストでどのようにエレメントを適用するかのセンスを得るためにAndroidプラットフォームのアプリも調べてください。
もし、UI要素のテーマをカスタマイズするなら、ブランドに一致するように慎重に設計し、異なるプラットフォームの慣例に似せようとしないでください。

Androide,iOS,indows7のUI要素サンプル

他のプラットフォームのアイコンを移植しないでください

共有や新しいドキュメントの作成、削除などの一般的な機能のために一般的にプラットフォームはアイコンのセットを提供しています。
Androidにアプリを移植するときはAndroidに対応するアイコンで置き換えてください。
Android SDKからアプリで使用出来る様々なアイコンを探す事が出来ます。

Android,iOS,Windows Phone7のアイコンサンプル

下部でタブバーを使わないでください

別のプラットフォームではアプリのビューを切り替えるのに下部でタブバーを使っています。
プラットフォームの関連に基づき、Androidでビューをコントロールするタブはスクリーン最上部のアクションバーに表示します。
加えてAndroidアプリではアクションをスピリットアクションバーに表示するために下部のバーを使うかもしれません。
Androidプラットフォーム上で他のアプリと一致した体験が出来るように、そしてAndroidにおいてはアクションとビューの切り替えを混同しないようにこのガイドラインに従う必要があります。
ビューのコントロールのためにアクションバーを使う方法の詳細はアクションバーを見てください。

AndroidダイアラーにおけるアクションバーのタブとiOSのボトムタブ

アクションバーにラベルを付けた戻るボタンを使わないでください

他のプラットフォームではユーザーがアプリの上位階層にナビゲートさせるためにラベルと戻るボタンを使っています。
Androidではかわりに瞬発的なナビゲートのためのナビゲーションバーの戻るボタンと階層をナビゲーションするためのアクションバーのアプリアイコンを使います。
詳細はナビゲーションパターンを見てください。
プラットフォームを通じて一貫したナビゲーションの経験を提供出来る湯にガイドラインに従ってください。

UpがあるAndroidアクションバーとiOSの「戻る」ボタン

ラインアイテムに右方向への印を使わないでください

他のプラットフォームでよくあるパターンはアイテム上の左側への印でアイテムのより深い階層へ潜ります。
Androidはアイテムの詳細に入るためにそのような印を使いません。
プラットフォーム上でユーザーがそのような印が何であるか考えさせていないので、一貫性を保つためにそれらを使わないでください。
ラインアイテム上に右側への印が無いAndroidの設定画面とiOSの設定画面

デバイスで独立する

アプリは様々な画面サイズで実行される事に注意してください。
異なる画面サイズや密度のためにビジュアルセットを作成し、適切に他のプラットフォームファクターでUIを拡張するためにマルチペインレイアウトのような概念を利用してください。
より詳細はこのデザインガイドのデバイスとディスプレイマルチペインレイアウトを参照してください。

次へ
前へ
目次に戻る

原文
Except as noted, this content is licensed under Creative Commons Attribution 2.5.

前:Androidデザイン 互換性 次:Androidデザイン 開発用の部品達

関連キーワード

[Android][モバイル][IT][翻訳]

コメント

名前:ひさねこ|投稿日:2012/01/24 19:18

こんばんわです。

●危険を置かします

危険を冒します

※漢字変換ミスです。

名前:ひさねこ|投稿日:2012/01/24 19:31

●プラットフォームは通常とても特徴的な見た目の慎重に設計されたUI要素を提供します。

一般に、プラットフォームは(他のプラトフォームと)まったく異なって見える、
注意深く設計された UI 要素のセットを提供します。

Platforms typically provide a carefully designed set of UI elements
that are themed in a very distinctive fashion.

※ set が翻訳漏れです。

名前:ひさねこ|投稿日:2012/01/24 19:41

●例えば、いくつかのプラットフォームは丸い角を持ちタイトルバーで
使用するために傾斜を持ったボタンを提唱しています。


例えば、丸い角のボタンを推奨するプラットフォームもあれば、
タイトルバーでグラディエーションを使用するプラットフォームもあります。

For example, some platforms advocate rounded corners for their buttons,
others use gradients in their title bars.

※英語の構文をちゃんと把握できていないと思います。

some ・・・, others ・・・ : ・・・もあれば、・・・もある

名前:ひさねこ|投稿日:2012/01/24 20:17

●提供出来る湯に

提供できるように

※「湯」がタイプ・変換ミスです。

名前:ひさねこ|投稿日:2012/01/24 20:21

左側への印

右方向を指す”>”印

right-pointing carets

※right は右。

名前:ひさねこ|投稿日:2012/01/24 20:28

●プラットフォーム上でユーザーがそのような印が何であるか考えさせていないので、
一貫性を保つためにそれらを使わないでください。

プラットフォームの一貫性を保ち、かつ
それらの”>”印の意味が何であるかをユーザーに想像させないために、
それらの印は使わないようにしてください。

Avoid them to stay consistent with the platform and
in order to not have the user guess as to what the meaning of those carets may be.

※翻訳後の日本語の文章が不完全であるように思えます。

名前:ひさねこ|投稿日:2012/01/24 20:35

●適切に他のプラットフォームファクターでUIを拡張するために

異なるデバイスフォームファクター上で UI を適切にスケールさせるために

to appropriately scale your UI on different device form factors.

※プラットフォームファクターではなくデバイスフォームファクター。
また、differentは「異なる」という意味。

コメントを投稿する

名前URI
コメント