web-dev-qa-db-ja.com

モバイルWebアプリケーションのレイアウトの方向を強制または想定する

Webアプリケーションでモバイルレイアウトを設計する場合、特定の向き(水平または垂直)を想定しても、特定の向きを採用するようにユーザーに要求しても問題ありませんか?

水平レイアウトに合わせて調整されたネイティブゲームアプリケーションをいくつか見ましたが、これがWebレイアウトでも許容できるかどうかはわかりません。

移植性の方が重要であるため、Webレイアウトも間違った方向で機能すると想定していますが、ユーザーに正しい方向を採用するように促す何らかの手段を使用する必要があります。

私が見る限り、向きは効果的な相互作用の設計に大きな影響を与える可能性があります。

編集:複数の回答がゲームを対象としているため、私はWebゲームではなく、一般的なWebアプリケーションについて質問していることを強調します。ゲームもアプリなので、ゲームと比較します。

5
danza

電話のWebアプリで特定の方向に合わせて調整すると、他のモードを使用せざるを得ないユーザーのサブセットに問題が発生します。

アプリの使用方法に関係なく、ユーザーがどちらかの方向でスマートフォンを使用する必要がある状況をいくつか示します。このリストは完全なものではありませんが、2つの方向のいずれかでのみ動作するようにアプリケーションを構築すると、これらのユーザーは失敗します

横型

  • 電話にはハードウェアスライドアウトキーボードがあります(例: Motorola Droid
  • 電話は何か他のことをしている間テーブルの上に支えられて配置されます

垂直

  • 通りを歩きながら電話がかけられている
  • 片手で電話を握ることができます

正しい解決策は、アプリケーションがさまざまな水平解像度のセットで正しく動作することを確認することです。例えば約400水平ピクセルのレイアウト、約700水平ピクセルのレイアウト、約1000水平ピクセルのレイアウトがあります。

Webでは通常、これは レスポンシブデザイン によって行われます。

2
Racheet

ほとんどのモバイルデバイスは縦向きモードであるため、デフォルトであると想定してもおそらく安全です。ただし、縦向きモードでは見栄えが悪いアプリやゲームがいくつかあります。そのためには、ユーザーにモードの選択を求めることをお勧めします。しかし、一部のゲームが縦向きモードでまったくプレイできない場合は、横向きモードで開くことをお勧めします。

1
Rolen Koh

ゲームは、より水平な風景を表示したい場合に(レーシングゲームを考えて)、水平方向に調整されています。ただし、Webアプリでは情報を垂直に表示するため、Webアプリを垂直にスクロールします。それは難しいルールではありませんが、Webアプリにはより垂直なランドスケープが必要です。したがって、垂直にロックすると見栄えが良くなります。また、片手でWebアプリを使用する方が常に簡単です。

あらゆる種類のアプリで、考えなければならない場合は、垂直を選択してください。

0
kBisla

この記事 によると、路上で観察した人々の90%がデバイスをポートレートモードで保持しています。

ただし、ボタンの入力が大きく、通常のキーボードを最もよく表すときに、一部の人々が横向きモードで携帯電話を保持することを好む場所を確認できます。ただし、長いストーリーを入力する場合、縦向きモードではより多くの画面が表示され、入力した内容をより多く読むことができます。

したがって、群集の大部分に合わせて調整することもできますが、(ウェブ)アプリケーションに依存する必要があると思います。一部のゲームでは、ゲームが横向きモードで最もよく表示されるため、縦向きモードが無効になっています。たとえば、植物対ゾンビでは、ランドスケープモードの場合に見落としが多くなります。

enter image description here

一方、キャンディクラッシュはポートレートモードの場合、より多くの監視を提供します。

enter image description here

利用可能な垂直方向の高さがテキストとフォームの読みやすさを向上させるため、ほとんどのモバイルアプリケーションは縦向きモードで最適に動作します。フィードは左から右ではなく上から下に読みやすいので、FacebookやTwitterなどのアプリケーションはこの方向で最適に機能します。
横向きモードがアプリケーションのニーズにより適している場合のみ、横向きにします。
さらに、私は人々が特定の向きを好むかどうか自分で決めると思います。

0

風景モードは、シーン全体がゲームプレイに使用され、HUDに割り当てられるスペースが少ない場合にのみ、ゲームに適しています。 Plant V/sゾンビや怒っている鳥に見られるように、HUDには横長モードで専用の「親と親」の幅がありません。

スコア、対戦相手のスコアなど、より多くの情報をHUDに表示することに依存し、ボードゲームなどのゲームプレイのために余計なスペースを必要としない(またはスクロールする背景を持つことができる)ゲームは、ポートレートモードで。クイズゲームなどのUIベースのゲームは、ヘッダーとフッターのHUDに専用のスペースを割り当てることができるため、縦向きの場合に適しています。

最終的には、スペースを適切に使い切ることがすべてです。特定の方向でそれをよりよく使用できると思うなら、それはあなたのゲームのためのものです。ゲームの向きは、同じ原則(主にHUDに依存)に従って決定されます。また、方向を変更するオプションはユーザーに提供していません。画面をめくると、特にゲームの進行中に悪い体験が得られ、ゲームが時間制限されているとさらに悪い感じになります。

0
noob