web-dev-qa-db-ja.com

ポップアップ:Close-Function(タッチ)を示すUI要素はありません

私はこれについてのあなたの考えが大好きです:

コンテキスト:セルフサービスタッチスクリーンターミナル(コンテンツ中心)

UI要素(Xボタン、「OK」ボタン、「閉じる」ボタン)を使用してポップアップを閉じる代わりに、この情報を完全に節約しようとしています。

例:「このエラーが発生しました」(「OK」に適合せず、ユーザーのタスクを簡単に閉じる必要がある負の情報)

ポップアップは、ポップアップの周囲の暗い領域に(ポップアップの種類に応じて)触れることで閉じられます。場合によっては、任意の位置で画面に触れることでも同様に機能します(Info/Error-Popup)。

これを学ぶために、ユーザーは自分自身で(一度)調べる必要があります。見返りとして、その時点から、彼は最も便利な場所をクリックするだけでポップアップを閉じることができるようになり、そのため、(エクスペリエンスブロック)ポップアップをできるだけ早く取り除くことができます。

どう思いますか?これは太字/急進的ですか?

前もって感謝します!

4
Peter Ablinger

それは一貫性を保つことができない欠陥のあるパターンになるだろうと言っています。もちろん、使用できるアクションが1つしかない場合(「OK」または「閉じる」など)でも機能しますが、ポップアップがユーザーからの決定的なアクションを要求するダイアログである場合、このパターンは使用できません。ポップアップの外では、ユーザーが実際に選択しているオプションについて十分なフィードバックが提供されません。

この一貫性の欠陥に加えて、意図せずにポップアップを閉じてしまうという明らかな問題もあります。システムはポップアップをトリガーし、ユーザーはデバイスのグリップを調整してそれをより近くに表示し、意図せずに画面に触れる->ポップアップが消えます。

専用の閉じるボタンをタップする認知的負荷は非常に小さいので、このようなデザインパスはエクスペリエンスを向上させるのではなく、より多くの問題を引き起こすと私は考えています。

6
AndroidHustle

これは以前に行われたことがあるので、大胆/過激ではありません。

とにかく、私はそれが本当にユーザーフレンドリーではないと主張します。あなたは、ユーザーに信頼を飛躍させるように求めています(わかりました、一度だけですが、それは多すぎます)。

あなたのアイデアのこのバリエーションを選びませんか?.

非アクションダイアログの場合、右上隅にXマークを配置しますが実際には、ライトボックスの背景全体をクリック/タッチ可能にします。このように、ユーザーは:

(1)ユーザーがアプリ/ウェブサイトを初めて使用するときに何をすべきかを知り、
(2)閉じるボタンをタップしようとすることでイライラしないでください。

例:

enter image description here http://dimsemenov.com/plugins/magnific-popup/

5
Vince Caregnato

この動作は、モバイルのタッチUIとWebのマウスUIの両方で見られました。モバイルの使用例は、あなたが説明したとおりであり、周囲の暗い領域をタップしてポップアップを消していました。 Webの使用例では、ほとんどの場合、イメージオーバーレイが無視されていました。 (申し訳ありませんが、手元に参考資料はありません。)

UXデザイナーとして、[閉じる]ボタンを削除する必要があるかどうか疑問に思いましたが、操作に問題は見つかりませんでした。指/マウスは、小さいボタンよりもはるかに簡単に広い領域に当たります。

だから、私はそれが大胆すぎることも過激すぎることもないと思います。ただし、2つ以上のアクションが必要なポップアップで何が起こるか(AndroidHustleによって既に記述されているように)には注意が必要です。

1
virtualnobi