web-dev-qa-db-ja.com

タッチベースのモバイルWebアプリでは、「apply」に相当するものをヘッダーに配置することは適切ですか?

私は最新のタッチベースのブラウザー用のモバイルWebアプリを作成しています。適用/検索/移動/結果の表示/続行ボタンに相当するものを薄いフローティングヘッダーに配置するのが適切かどうか知りたいのですが(デバイスのビューポートの上部にある典型的なiPhoneアプリ)。

より具体的には、私の状況には、ユーザーがページ上にいて、ページ本文に7つまたは8つの検索条件項目を構成することが含まれます。ユーザーがオプションの設定を終えたら、その検索結果を表示する必要があります。検索ボタンを検索条件の下部に配置するか、フローティングヘッダーの右上に配置するかを知りたいのですが。

以下は、これまでに検討した長所と短所です。

右上にアクションを配置するため

  • TruliaアプリやRedfinアプリなど、多くのiPhoneアプリには、私が説明して右上にアクションを配置することを選択したものと非常によく似たインターフェイスがあります。他にいくつのアプリがこれを行うか、そして私たちが持っているiPhoneユーザーの数に応じて、ユーザーはそのアクションの右上を見ると期待するかもしれません。
  • ヒューマンインターフェイスガイドライン 、Appleは、少なくともいくつかのタイプのアクションをナビゲーションバーの右上の領域に配置してもよいことを示しています。開発者は、独自のアプリまたはjQTouch、jQuery Mobile、Sencha Touchなどのライブラリを通じてこれらのパターンを模倣し始めます。ユーザーは、iPhoneを持っているかどうかに関係なく、他のサイトでも同様のUXを期待できます。

右上にアクションを置くことに対して

  • 私たちはiPhone用に特別に開発しているわけではないので、ユーザーの多くは他のタイプのタッチベースのデバイスを使用しています。これらの他のデバイスでは、アプリケーションの右上にあるアクションボタンはほとんどありません。私たちは、ユーザーをデバイスごとにセグメント化し、ユーザーが慣れ親しんでいるパターンに基づいてユーザーに異なるUXを提示するリソースや欲求を持っていません。
  • ユーザーが検索オプションを構成した後、フォーカスはオプションリストの一番下になり、検索アクション要素が残りのコンテンツの直後に続くことが期待できます。

答えを偏らせないために、私は個人的な意見を述べることを控えます。さらに、質問に答える人が自分の所有するモバイルデバイスを明かして、それぞれの答えが事前に想像された概念のコンテキストで理解されるようにするといいでしょう。

5
Andrew Mattie

検索条件項目が一列に積み上げられている場合、検索ボタンをその下部に配置して自然なフローを作成することは理にかなっています。

チェックアウト Tapworthy (Oreilly)。 Imhoは、iPhoneのデザインに関する数少ない書籍の1つです。第3章では、親指の操作のための人間工学のテーマに触れます(しゃれを意図しています)。

1
fluxd