デモの見た目に加え、小さな画面での使いやすさを比較できます。
作業を始める前に
- 候補テーマを2〜3種類に絞り、自社の長い会社名やサービス名を用意します。
- 01同じ条件で比較
- 02メニュー操作
- 03自社素材を想定
- 04フォームと編集
下の各項目で、判断のポイントと確認方法を説明します。
進め方・判断のポイント 04 STEPS
トップ以外も同じ幅で比較する
同じスマートフォン幅で、トップ、サービス詳細、記事、一覧を開きます。写真が大きく見える第一画面だけで判断せず、長い本文や複数のカードがどう並ぶかを確認します。テーマごとに異なる条件で比べないよう、確認するページの種類をそろえます。
✓ 完了の目印
候補を同じ基準で比較できます。
メニューを実際に使う
メニューを開き、下層ページへ進み、戻る操作まで試します。ページが長くなってもメニューへ戻れるか、固定要素が本文を隠さないかを見ます。項目が増えた場合にどう表示するかは、説明書や仕様でも確認します。
✓ 完了の目印
必要なページへ迷わず到達できます。
自社の素材で崩れそうな箇所を探す
短い英字見出し、横長の人物写真、少数のメニューだけで整えたデモは、自社の情報と条件が違う場合があります。長い日本語や縦長写真を使う場面を想定し、改行と切り抜きの設定を確認します。大きな修正が必要なら別候補も比較します。
| 項目 | 入力する内容・例 |
|---|---|
| 長い名称 | 改行・ボタンの幅日本語の情報で想定。 |
| 写真 | スマホでの切り抜き被写体が残るか。 |
| メニュー | 項目数と階層実際のページ構成で確認。 |
✓ 完了の目印
自社の情報量に合う候補を残せました。
フォームと編集の条件を確認する
デモで入力操作を試せる場合は、ラベルやエラー、送信位置を確認します。デモが表示だけなら、フォームの実装が商品に含まれるかを読んでください。購入後に直したい箇所をどこで編集するかも確認し、見た目と運用を合わせて選びます。
✓ 完了の目印
スマホの操作と導入後の編集条件を比較できました。
終わったら確認すること
- デモのフォームへ実在する個人情報を試しに送信しないようにします。
途中で困ったときは
デモが速ければ自社サイトも同じ速度ですか？
サーバー、画像、追加機能などで変わります。デモは候補比較に使い、自分の素材を載せた後も速度と操作を確認してください。
参照した公式資料
画面や条件が異なる場合は、ご利用環境と公式の最新案内を確認してください。
手順確認日 2026.10.29 ／ 読む時間は目安です。操作に必要な時間は環境によって異なります。