UIデザイン

ユーザーの誤操作を救う「UnDo(取り消し)」機能の使い方

この記事から得られること

この記事では、ユーザーの誤操作を救う「UnDo(取り消し)」機能の適切な使い方について、UIデザイナーがどんなことを考えながら検討しているのか、を学ぶことができます。

ユーザーの誤操作に配慮したUIデザインをおこわなかった場合、ユーザークレームへとつながる可能性もあるため、とても慎重に検討する必要があるテーマだと考えます。

結論

UIデザイナーは「実行すると取り返しのつかない操作」に対して、「UnDo」機能を採用するか検討しています。

例えば、「メールの送信」「商品の購入」「データファイルの削除」などの操作が該当します。

誤操作で実行してしまったは、ユーザーは困ってしまうため、このような操作に対してUnDoを検討するのが望ましいです。

また、UnDoを検討する前に、「実行の確認」機能を設けることも検討すべきだと考えます。
例えば、「データファイルの削除」を実行する際は、「削除しますがよろしいですか?」という確認ダイアログを表示する、などを検討するのが望ましいです。

具体的に「UnDo」はどのように表示するの良い?


Material Design : Components Section “Snackbars”
出典:https://material.io/components/snackbars

「UnDo」を表示する場合は、時間制限を設けるのが望ましいです。
時間制限を設けますと、ユーザーが「UnDo」を選択しなければそのまま操作が実行される、というフローになります。

具体的な「UnDo」の表示の仕方として、Google社提供の「マテリアルデザイン」ガイドラインでは、「Snackbar」というコンポーネントを使った「UnDo」機能の提供を推奨しています。

Material Design : Components Section “Snackbars”
出典:https://material.io/components/snackbars

ご興味がありましたら、ぜひ詳細をしてみてください。

誤操作しないユーザーはいない

みなさんも過去の経験からご理解されていると思いますが、誤操作しないユーザーはいません。
ですので、「ユーザーは誤操作する」という前提で、UIデザインすべきです。

そして、「ユーザーが誤操作した場合、どうなってしまうか」を考えながら、そのフォローをどうするかをデザインをすることが重要ですので、ぜひみなさんも意識してみてください。

また、世の中のUIデザインも誤操作に対していろいろな配慮がされていますが、どのように学べばよいのでしょうか。

どのように、世の中のUIデザインから学べばよいか

これは、実際に誤操作してみるのが、一番早い勉強方法です。

例えば、みなさんが普段使用しているスマホアプリで、実際に誤操作してみて、どのような画面が表示されるのかを確認します。
私の業務の中でも、他社アプリの調査として、よく誤操作して、その動きを確認したりしています。

まとめ


Material Design : Components Section “Snackbars”
出典:https://material.io/components/snackbars

繰り返しとはなりますが、UIデザイナーは「実行すると取り返しのつかない操作」に対して、「UnDo」機能を採用するかを検討しています。

例えば、「メールの送信」「商品の購入」「データファイルの削除」などの操作が該当します。
誤操作で実行してしまったは、ユーザーは困ってしまうため、このような操作に対してUnDoを検討するのが望ましいです。

最後までお読みいただきありがとうございます。
今回の記事は以上です。

この内容がみなさんのUIデザインの勉強になりましたらうれしいです。
引き続き、UIデザインの勉強を一緒にしていきましょう。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA