お手持ちのサイトを、スマートフォンと同じ幅(375px)で実際に開いて点検します。
「なんとなく見づらい」を、どこが・なぜ・どう直すかまで落としてお渡しします。
■ 見るところ
・横にはみ出している箇所
画面の外に出ている要素を1つずつ拾います。
見た目では気づけません。overflow-x が隠していると、スクロールバーすら出ないためです。
・文字と背景の明暗差
公的な基準(JIS X 8341-3)は4.5:1以上です。
ボタンや小さい文字は、ここを下回っていることがよくあります。
・押しづらいボタン
小さすぎる、近すぎる、指が届かない位置にある、を見ます。
・スマホでだけ壊れている箇所
パソコンで見ると正常なのに、スマホでだけ崩れることがあります。
画面の幅ごとに規則が切り替わるためです。
■ お渡しするもの
・点検結果の一覧(箇所・いまの数値・必要な数値・直し方)
・直した後の色や寸法の具体的な値
・スマホ幅で撮った画面
直し方は「ここを何色にする」まで書きます。
ご自身でも、他の制作会社さんでも、そのまま直せる形でお渡しします。
■ なぜ機械で測るのか
目で見て「読める」と思った箇所が、基準を下回っていることがあります。
逆に、数値が揃っていても見た目が壊れていることもあります。
そこで、数値と画面の両方を見ます。
自社のサンプルサイトを同じ方法で点検したところ、
一番押してほしいボタンが基準に届いていない箇所が見つかりました。
自分たちのものでも起きます。
■ 進め方
1. サイトのURLをお送りください
2. 点検して結果をお渡しします(2〜3日)
3. 結果についてのご質問は、回数の制限なく無料でお受けします
■ 対応できないこと
・ログインが必要なページ(内容によってはご相談ください)
・修正作業そのもの(別のサービスで承ります)
■ もっと広く見たい場合
パソコンを含む全ページの表示崩れ・色ズレの診断は、別のサービスでお受けしています。
こちらはスマートフォンの幅に絞った、入口の点検です。
ご購入の前に、下記をご確認ください。
■ お送りいただきたいもの
・点検させていただくサイトのURL
・特に見てほしいページがあれば、そのURL(無ければこちらで選びます)
・気になっていること(「スマホで見づらい気がする」程度で構いません)
■ できること
・スマートフォンと同じ幅で実際に開いての点検
・どこが・なぜ・どう直すかまで書いた報告
・報告後のご質問(回数の制限なく無料)
■ できないこと
・修正作業そのもの(別のサービスで承ります)
・ログインが必要なページ(内容によってはご相談ください)
・デザインの好みの判定(数値で測れるものだけをお伝えします)
■ お渡しするまで
2~3日を目安にしています。
ページ数が多い場合は、先にお伝えします。