navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボタブレットサイトのボタンサイズは32px以上がタップしやすい2013.05.222018.09.27タブレットHOMEタブレットタブレットサイトのボタンサイズは32px以上がタップしやすいIMJから、「タブレット端末でのサイトユーザビリティ調査」が発表されていました。今までタブレットユーザーを対象にした調査はあまり目にすることはなかったのですが、興味深い結果が出ていたのでご紹介します。個人的に気になったポイントは以下です。レスポンシブサイトを構築する際のご参考にしていただければと思います。7インチユーザーの70%以上は縦持ちでWebサイトを閲覧するタブレットユーザーが読みやすいと感じるフォントサイズは16px7インチタブレットユーザーはタップミスと拡大してタップする割合が多いタブレットユーザーに最適なボタンサイズは縦横32px以上それぞれ詳細を見ていきましょう。7インチユーザーの70%以上は縦持ちでWebサイトを閲覧するタブレットユーザー全体のWebサイト閲覧時の端末の向きは、64.7%が縦向きで閲覧しているのに比べ、7インチタブレットのユーザーでは75%が縦向きで閲覧しています。インチ数が小さいほど縦向きで閲覧する比率は高くなる反面、インチ数が大きくなれば縦横関わらずどちらの向きでも閲覧しています。miniからタブレット市場では7インチが主流になってきているのを考えると、タブレットサイズでのコンテンツ配置は縦で閲覧されることを前提に考えてもいいかもしれません。タブレットユーザーが読みやすいと感じるフォントサイズは16pxフォントサイズ別に「最も使いたいと思ったサイト」というアンケートを取った結果では、7インチユーザー、7.7〜7.9インチユーザー共に年代に関係なく、16pxサイズの文字が最も支持されていました。PCサイトの一般的なフォントサイズは12px~14px程度と言われているので、タブレットでは文字は少し大きめにした方が読みやすいのではないでしょうか。実際にテキストサイズ別の大きさを確認できるサンプルページを作りました。タブレットで読み取ってみて、ご確認ください。http://labo.aispr.jp/7インチタブレットユーザーはタップミスと拡大してタップする割合が多いインチ数が小さければ小さいほど、タップをする際に「拡大する」もしくは「タップミス」をする割合が多い結果が出ていました。当たり前と言えば当たり前かもしれませんが、主流の7インチタブレットでの対応を考えた場合、できるだけ大きな文字(上記の例でいけば16px以上)でのサイト構築をすることがユーザーにストレスを与えないポイントと言えます。タブレットユーザーに最適なボタンサイズは縦横32px以上ボタンサイズ別の押しやすさの検証です。縦横28px以下のボタンサイズでは、10%以上のユーザーが「どちらかといえば押しにくい」「押しにくい」と回答しています。ミスタップの発生比率でも、24px以下のボタンでは10%を超えており、ユーザーにストレスを与えないボタンサイズは28pxもしくは32px程度の余裕を持ったサイズにするのが最適だと思われます。アンケートでは44px以上のサイズが最も押しやすいという結果になっていますね。サイト側が押してもらいやすいボタンではこのことを考慮しておいた方がいいかもしれません。こちらも実際にサンプルを用意したので、タブレット端末で確認してみてください。僕はこう思った昨年末に急激に普及しているタブレット。2013年度にはノートPCの出荷台数を上回ると予想されています。レスポンシブWebデザインでも考慮しなければならないタブレット端末への対応ですが、上記の調査結果をもとに、よりタブレットユーザーにも使いやすいサイトを心がけなければいけません。”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。投稿一覧15歳の時に初めて携帯電話を手にして約15年。モバイルの面白さ、奥深さに魅了されて入社。中心に業種問わず様々なクライアントをサポートしております。合わせて情報サイト、「モバイルファーストマーケティングラボ」の編集長として、毎日モバイルマーケティングの情報を発信中。ECによってより便利で過ごしやすい世の中を作るお手伝いができればと思います。「インターネットでより豊かな人生を」がモットー。2014.02.10みなさんこんにちは、ロックウェーブの岡本です。今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。2014.03.10みなさんこんにちは、ロックウェーブの岡本です。今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。[...]【祝】リニューアル!レスポンシブ対応でスマホ・タブレットにも最適化しました。2013.04.09いつもご覧いただき、ありがとうございます。本日、モバイルファーストマーケティングラボのデザインをリニューアルし、レスポンシブ対応いたしました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。