web-dev-qa-db-ja.com

クロスプラットフォームモバイルアプリの同一のUIを設計する方法

あるクライアントは、iPhone、Android、Blackberry、およびWindows Phone用のネイティブアプリを作成したいと考えています。ただし、UIの外観をすべてのデバイスでできる限り同じにしたいと考えています。

1)技術的に可能ですか? (この質問はこのサイトのscoprには含まれないため、2番目の質問に回答してください)

2)可能だとしても、UXにとってすべてのデバイスで同じUIを使用するのが良いのでしょうか、それとも設計の決定を行う際はデバイス固有の規則に従うのが最善でしょう。

UIのデザイン方法をPhotoshopデザイナーに案内する必要があります。私が彼に何を提案すべきか混乱しています。

さまざまなデバイスのAPPs UIの例を追加するだけ

enter image description here

enter image description here

enter image description here

15
Jitendra Vyas
  1. はい、複数のプラットフォームでほぼ同じGUIを作成できます。ほとんどのオペレーティングシステムでは、ステータスバーのみが常に表示されるように義務付けられています(SymbianやBlackberryのように、100%の全画面モードを許可する場合もあります)。唯一の違いは、多くの場合OSの制御下にあるコントロールの外観にあります(ドロップダウンリストなど)。
  2. 何でも可能ですが、それが実行されるべきだという意味ではありません。 各モバイルプラットフォームには独自の設計ガイドラインがあります それらのすべてに異なる物理制御、ナビゲーションアーキテクチャ、および画面サイズと解像度があり、それらはすべてアプリケーションの視覚的な設計に影響を与えます。すべてのプラットフォームで同じGUIを構築すると、規則が破られ、ユーザーが見慣れないパターンで混乱することになります。

    本質的に、この質問は最近の質問と同じです OSXデザインをWindowsに転送することについて -それに答えて言及されたすべてのポイントがここでも適用されます(主に、1つのシステムで見栄えが良いものは見えないかもしれません)別のものと同じように)。

    さらに、あなたの創造性を制限する必要があり、あるシステムで別のシステムよりもはるかに優れて実装されているいくつかの機能を利用することができなくなります(例 Android 4. vs-の通知) iOS )。

クライアントはブランドを維持するために同じGUIを使用したいと思いますが、すべてのプラットフォームのアプリケーションが異なる必要がある理由を理解していません。なぜそうなのか、そして配色とアイコン(適切な場合)だけで一貫したブランド体験を作成できることを説明する必要があります。モバイルOS GUIパターンの非互換性を示す最良の方法は、タイポグラフィ、ナビゲーションアーキテクチャ、物理的コントロールなど、最も著しく異なる要素を比較することです。

8
dnbrv

これは必要ありません。アプリケーションのUIをすべての異なるプラットフォームで同一にすることは、ユーザーにとって非常に煩わしいことになります。 、なぜならプラットフォームは単に異なる設計哲学を持っているからです。

それは言語翻訳のようなものです。すばらしい作品を自動オンライントランスレータで実行するだけでは翻訳できません。結果はがらくたになります。フランス語、ドイツ語などに翻訳するには、両方の言語を深く理解している人が必要です。これは簡単な作業ではありません。新しい言語の構造に適応しながら、元の作品の意図を同時に維持する必要があります。

Androidアプリの設計を見るために立ち止まることなく、誰かがiPhoneアプリケーションなどを受け取り、それをAndroidに直接移植した場合、 Windows Phone 7ではさらに強調されています。そこでは、設計哲学は、インターフェースが広い水平領域をカバーすることです。ビューポートを水平にスライドして、さまざまなパーツを表示します。

Windows 7 example

一方、iPhoneはリストを中心にしており、リストに「ドリルダウン」します。

iPhone example

IPhoneアプリケーションのようにWP7アプリケーションを設計すると、奇妙に感じるでしょう。ユーザーにとっては、煩雑で楽しくないものになり、WP7フォンでは場違いに感じられます。

さて、UXがクライアントの最優先事項ではない場合、それはそれほど重要ではなく、あなたができることは何もありません。 もしそうなら、彼らは再考するのが賢明でしょう。

予算が必須の場合は、最初にiPhone用に設計します。これは、最も厳しいインターフェイスガイドラインを備えたプラットフォームであり、ユーザーが最も重視するものだからです。この一貫性。次に、Androidに焦点を当てます。私は、かなりの需要がない限り、BlackberryやWP7アプリをビルドする手間さえしません-それはおそらく価値がないでしょう。

3
Phil Cohen

Webアプリの場合、類似のインターフェイスデザインと一致させることができます。しかし、システムバーが常にiOSに対してAndroidデバイスと一緒に存在するように、最終的には存在するであろう微妙な変更があります。したがって、これらはアウトラインフレームワークです。

これはネイティブアプリであるため、デバイスには独自のインターフェイス標準があるため、別の画面を設計する必要があります。これは、ユーザーがデバイスアプリと同期した感覚を持つのに最適です。そのため、当然ながら、デバイスベースのアプリを使用する方が適切です。これは、既存のデバイスの他のアプリとうまく連動するためです。

2
inkmarble

他の誰もがそれはかなり良いと言いましたが、参考のために、それらをすべて同じにする最も簡単な方法(それが彼らが望んでいるものであればあなたがそうでなければそれらを説得しようとした後-そしてあなたすべきである説得しようとする) jQuery Mobile を使用します。 jQMは、スマートフォンとタブレットの間でさえ、デバイス間で同じであることを誇りにしています。また、ほとんどすべての主要なモバイルOS /ブラウザでもサポートされています。

0
Brad Orego