web-dev-qa-db-ja.com

ワイヤーフレームを開始するのに最適な画面サイズは何ですか?

私はモバイルアプリの設計に不慣れで、助けを求めています。

Adobe XDで利用可能な画面サイズをいくつか見ましたが、どのサイズでデザインを始めるのが最適かわかりません。

大きい画面に拡大する場合は互換性が高いため、最小の画面サイズから開始する方が良いとのことです。

それが本当かどうかは分からない。 最初に小さい画面向けの設計を開始した方が良いですか?

5
hyc

あなたが言及したことから、最小の画面サイズから始めるのが良いでしょう。最初にその状態から設計し、上に適応する方が簡単です。

しかし、私はこれについてより情報に基づいた、人間中心のアプローチがあると思います。ユーザーがアプリをどのように操作するかについて何を知っていますか?具体的には、アプリケーションが必要なときに彼らが使用しているコンテキストとテクノロジーは何ですか?

その情報を武器に、インターフェースがコンテキストに基づいてより良い結果を生み出す方法について、もう少しガイダンスがあり、これが「小規模に開始してスケールアップ」することがいくつかの盲点を持つ可能性がある場所です。モバイルでアプリを操作する人の目標は、タブレットやデスクトップでアプリを使用する人の目標とは大きく異なる可能性があり、単にインターフェースをスケーリングするだけでは最善の選択ではない場合があります。さらに重要なことは、それが最良の選択である場合、その仮定を検証するための情報がいくつかあります。

1
Nic

ビューポートは、特定のプラットフォームに対する視聴者の好みなどの要素によって決定されます。

たとえば、以前の会社のために作成したアプリでは、人々が自分の建築プロジェクトの計画を作成できるようになりました。「モバイル第一」のスローガンに関係なく、単にモバイルで作業するつもりはありませんでした。

対象者とアプリケーションの意図を理解し、可能な限り幅広いプラットフォームサポートを構築します。

1
DarrylGodden

モバイルファーストは素晴らしいアプローチですが、ここでの質問は何か他のものについてだと思います-モバイル向けにデザインするときに適切なアートボードのサイズを選択する)。これは、選択したプラットフォームにとって重要なすべての画面サイズに合わせてデザインをスケーリングすることに関するものです。私の意見では、XDのデフォルトから開始することをお勧めします。ここのディスカッションを参照してください: https://forums.Adobe.com/thread/2235227

0
bartek.matoga