スマホ入力はミスが多いものとして設計しよう

Author:

メールアドレスを入力するフォームとかを作ると、非常によく起きる問題がありまして。
スマホから入力したアドレスにミスが多いのです。
例えば空白が入っていたりとか、ne.jpじゃなくてme.jpとか。
打ちづらさ、見づらさによるものではあるのですが。

で、フレームワークのバリデーションではじくのはともかくとしても。
トリムくらいはやってあげてもいいのかな、と思うのですよ。
先頭にスペースが入っているとか、末尾にスペースが入っているとか。
じゃないとユーザーからは正しいアドレスを入れているのにエラーになる、と思われやすいのですよ。

aaa@bbb.jp
aaa@bbb.jp
上のアドレスはちゃんと通る。
下のアドレスは通らない。
末尾にスペースが入っているから。

システムとしては間違いではないけど、ユーザー的にはちょい不親切ですよねえ。

打ち間違いを自動修正、はさすがにちょい面倒ではあるけど。
ユーザーの立場に立って使ってみるのはやっぱり重要。
昔品証の仕事に携わったことあるけど、ああいう部署なら確実に問題となる挙動ですし。

どうしてもエンジニアという世界は仕様どおりに動く、を重視する世界ですが。
ユーザーの目線というものも時には重要視しないといけないものです。
忘れないようにしましょ。

Share on Facebook
Pocket