【講演】ECサイト勉強会にて「スマホ対応のポイント」について発表しました先週20日(金)、OSMC(オンラインショップ・マスターズクラブ)の『東京スマホ勉強会』がマミオンの研修室にて行われました。参加された方々は、およそ20人強。山形や仙台、静岡など、東日本各地からお集りです。勉強会の後半に、マミオンの佐藤より「スマホ対応のポイント」としてお話をさせていただいたので、その内容をご紹介したいと思います。スマホ対応のポイント実際に勉強会で使用したスライドはこちらです。スライドの内容は、前回のブログ記事を元に作成しています。実際のサイトをiPhoneで閲覧している様子も交えながらお話ししました。商品をカートに入れてからはスマホ最適化デザインに変わります。こちらが実際にサイトを使用している動画です。注文段階では入力や確認がしやすいというサイトになっています。いった「組み合わせ対応」も、一つのよい事例かと思い紹介しました。今回のポイントに基づき、サイトのレビューを行いました次に、今回紹介したポイントをもとに参加されたオーナーさんのサイトをいくつかレビューさせていただきました。・見出しや余白が大きく、写真も適切に配置されていて、拡大すべき場所を決めやすい・ブロックを拡大した時に、次への誘導リンクからアクションを起こしやすい・メルマガ登録フォームがサイドバーにあり、適切な大きさに拡大しやすい今回見た中で特筆すべきは、最後の『お守り文字』さんのサイトです。知ってか知らずか今回紹介したポイントを見事にクリアされていて、スマホでも非常にスムースな閲覧ができました。トップから一度DIVブロックを拡大させて、さらにその次へ誘導する流れは、スマホユーザーの行動をうまく設計していると思いました。スマホへの対応を考えると、やはりTableタグレイアウトよりもDIVブロック中心のレイアウトの方が横幅や見栄えの制御がしやすいので有利だと感じました。まとめ:スマホ対応しながら、PCサイトも改善できる今回紹介したスマホ対応のポイントは、PCサイトにも副次的によい効果をもたらすことができます。デバイスによるユーザーの違いについて考えること、ジャンプ率の高いデザインにすることでPCでも見やすくなること、Tableや画像中心のデザインから、CSSやブロック中心に切り替えること等々。大切なのは、どんなユーザーがどんな目的で使っているかを把握することです。それを知るために必要なのが、アクセス解析やユーザーテスト。マミオンではこれらを組み合わせて、ECサイトのオーナーさんに最適なサポートをご用意しています。詳細はECサイト向けサービスをご覧ください。講座開始のお知らせ2019年6月25日NMAT/JMAT対策本出版いたしました。2019年6月25日NMAT/JMAT対策本出版いたしました。technology.。