formの設計
パーツ
ユースケース
validationと型
いっぱいかいてる
フォームを分割しない
正確でないといけないのか、およそでいいのかを明示する
オートコンプリート機能を利用してもらう
これ使ったこと無い気がするmrsekut.icon
いいのか？名前とか辺にオートコンプリートされないんだろうか
メールアドレスを2度も聞かない
年齢や性別は必要な情報なのか
必須は本当に必須なのか
制限は予め記載する
フォーマットを制限しない
できそうなUX向上
電話番号フォームは、スマホのAPIを使って提案する
セキュリティ的に無理だったmrsekut.icon
SMSの認証コードは、スマホのAPIを使って提案する
Expoでは無理だったmrsekut.icon
入力フォーム最適化
思ったこと
1ページに1フォーム
スマホの場合、キーボードでフォームが隠れるから、みたいな理由だった気がするが、これ本当に楽になっているのだろうか
1ページに複数フォームがある場合、キーボードの上部に、「<」が90度回転したボタンが出てるので、そこでフォームの移動ができる
前の入力を1度に見返せるので見通しがよい
悪いとは言わないが、意味あるのか、という気がしてきた
これのデメリットは、送信時(例えば認証コードを送る直前)で、
ユーザーがフォームの内容を一気に確認できない
email→username→passs→送信→コード認証、という流れを1ページごとに行うと、
「送信」のタイミングでemailを見れないので、アラート出してあげるなどの実装が必要
1ページに付き、1つのこと
1ページに付き、1フォームという意味ではないmrsekut.icon
効能
ユーザーに1度に見せるエラーの量が減る
コンテンツが少ないので、読み込みが速くなる
情報を細かく保存できる
離脱しても途中からできる
コンピュータがフリーズしても途中からできる
これは直接の理由ではない気もするがmrsekut.icon
別に保存できるし
ユーザーは進んでる感を感じられる
フォーム実践ガイド