web-dev-qa-db-ja.com

モバイルアプリで閉じるボタンを配置する適切な場所はどれですか。

これは、モバイルアプリのUXとUIデザインにおける私の最初のプロジェクトです。 UIに「閉じる」ボタンを配置する際に問題が発生しました。私は2種類の画面を持っています。1つはオーバーレイのようなもので、もう1つはフォーム送信画面のようなものです。私の知識から、オーバーレイの右上隅とフォームページの左上隅に「閉じる」アイコンを配置しました。右上に、フォームページの「送信」オプションを配置しました。

この状況でユーザーエクスペリエンスが優れているガイドを教えてください。

1
Madheswaran M

上部にある閉じるボタンをお勧めしますright

ユーザーの90%が右利きで、現在のモバイル画面が5.5インチ(14センチ)の場合は、先に進み、右上の親指で左上の閉じるボタンに到達しようとします。もちろん、スマートフォンを両手で横に構えることで問題が解決します。ただし、ユーザーが常に両手でスマートフォンを握ることを期待することはできません。

メニューアイコン(ハンバーガー)が左上にあるのが最も一般的であることがわかりますが、これはデスクトップビューからの変更です。これらの大きなモバイル画面では、異なるユーザージェスチャーが必要です。メディアクエリでは、画面サイズに応じて要素の配置を変えることを検討してください。

7
RobSeg

編集:アプリケーション全体ではなく、特定のページの「閉じるボタン」に関する質問なので、誤解しました。

最も好ましい場所は、メニューの反対側、上隅です。

  1. ユーザーはPCからのメンタルモデルを持っています。
  2. 誤って押してしまうのを防ぐために、閉じるボタンを下部に配置したくないでしょう。
  3. メニューと同じ側に閉じるボタンを配置しないと、プラットフォームがより使いやすくなる可能性があります。

まとめる:通常のアプリのように左側にメニューがある場合は、右上隅の閉じるボタン。

まず、モバイルアプリに閉じるボタンが本当に必要かどうかを判断しますか?これを参照してください... モバイルアプリに「閉じる」ボタンがないのはなぜですか?

答えが「はい」の場合、作業の詳細を知りたいので、それに応じて答えます。

0

ネイティブiOSアプリの場合、「閉じる」ボタンの適切な場所(おそらく「完了」と表示されているはずです)は右上隅にあります。

また、オーバーレイを個別の画面として再考することを検討してください。これらはモバイルユーザーにとって非常に使いやすいものです。

0
Jane Portman