第26回 フォームをスマホから入力しやすくする工夫

3つのフォームが完成しました。今回はスマホからの入力をより快適にする工夫を解説します。

フォームの機能としては完成していますが、「使いやすさ」はもう一工夫で大きく変わります。試合後の疲れた状態でも素早く入力できる環境を整えましょう。

スマホ入力で起きやすい問題

実際にスマホでフォームを使ってみると、以下のような問題が起きやすいです。

問題 対策
フォームのURLを毎回探すのが面倒ホーム画面にショートカットを追加する
打席結果の記号の意味がわからないフォームの説明文に記号一覧を入れる
スクロールが長くて途中で迷子になる質問の順番を最適化する
入力し終わったか確認できない送信完了メッセージを設定する
同じ試合日を毎回入力するのが手間事前入力URLを活用する

工夫① ホーム画面にショートカットを追加する

フォームのURLをスマホのホーム画面に登録しておくと、アプリのように1タップで開けます。

iPhoneの場合

SafariでフォームのURLを開く
下部の共有ボタン(四角から矢印が出るアイコン)をタップ
「ホーム画面に追加」を選択する
名前を「野手入力」などわかりやすい名前に変えて「追加」をタップ

Androidの場合

ChromeでフォームのURLを開く
右上の「︙(3点リーダー)」をタップ
「ホーム画面に追加」を選択する
名前を変えて「追加」をタップ
✅ 3つのフォームすべてをホーム画面に登録しよう

「野手入力」「投手入力」「チーム入力」の3つをホーム画面に並べておくと、試合後にどのフォームを開けばいいかが一目でわかります。チームメンバー全員に同じ設定をしてもらいましょう。

工夫② フォームの説明文に記号一覧を入れる

野手フォームのタイトル下にある説明文欄に、打席結果の記号一覧を記載しておきます。

📝 説明文のサンプル

試合後、選手ごとに入力してください。
打席が終わったら「打なし」を選んでください。

【ヒット系】左安・中安・右安・三安・一安(単打)
      左2・中2・右2(二塁打)
      左3・中3・右3(三塁打)
      左本・中本・右本(本塁打)
【アウト系】遊ゴ・三ゴ・二ゴ・一ゴ・投ゴ・捕ゴ(ゴロ)
      左飛・中飛・右飛・内飛・直(フライ)
      空三振・見三振(三振)
      併殺(ゲッツー)
【その他】四球・死球・犠打・犠飛・敵失・野選

工夫③ 質問の順番を最適化する

スマホでは上から順番に入力していきます。「よく変わる項目」を上に、「毎回同じになりやすい項目」を下に配置すると入力がスムーズになります。

順番 質問 理由
1番目試合日毎回変わる・最重要項目
2番目選手名入力者自身の名前・迷わない
3〜4番目打順・守備位置試合ごとに変わることがある
5番目〜第一打席〜打席結果を順番に選択
最後打点・盗塁試合全体を振り返って入力

工夫④ 送信完了メッセージを設定する

フォームを送信したあとに表示されるメッセージをカスタマイズして、入力完了を明確に伝えましょう。

設定場所 フォーム編集画面 → 「設定」タブ → 「回答」セクション → 「確認メッセージ」
📝 おすすめの確認メッセージ

「送信完了!お疲れ様でした⚾ 成績が自動で反映されます。」のように、入力者が安心できるメッセージにしましょう。

工夫⑤ 〇試合目のデフォルト値を「1試合目」にする

ほとんどの場合は1試合しか行わないため、〇試合目の選択肢の先頭を「1試合目」にしておくと入力が1ステップ省けます。プルダウンは一番上の選択肢が初期表示されるので、最も使う選択肢を一番上に配置しましょう。

第3章の振り返り

第3章(第15〜26回)で作成したものを整理しましょう。

✅ 第3章で完成したもの
  • 野手成績入力フォーム:試合日・選手名・打順・守備位置・第一〜第十打席・打点・盗塁
  • 投手成績入力フォーム:試合日・投手名・勝敗・投球回・被安打・奪三振・与四死球・失点・自責点・完投・完封
  • チーム成績入力フォーム:試合日・〇試合目・対戦相手・試合結果・得点・失点・イニング数・試合メモ
  • 3つのフォームとスプレッドシートの連携設定
  • スマホからの入力環境の最適化
✅ この記事のまとめ
  • 3つのフォームをスマホのホーム画面にショートカット登録する
  • フォームの説明文に打席結果の記号一覧を記載する
  • 質問の順番は「よく変わる項目→変わりにくい項目」の順に配置する
  • 送信完了メッセージをカスタマイズして入力者を安心させる
  • 〇試合目の先頭選択肢を「1試合目」にしておく

次回予告

第3章が完了し、いよいよ第4章に入ります。次回は「フォームの回答がシートに縦に積まれる仕組み」。フォームに入力したデータがスプレッドシートにどう記録されるかの仕組みを詳しく解説します。

▶︎ 次回:【第27回】フォームの回答がシートに縦に積まれる仕組み

コメント

タイトルとURLをコピーしました