navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。4.ポイント/クーポン使用画面カート部分までレスポンシブなASPはまだ少ないレスポンシブWebデザインに対応したECショップは普及しつつありますが、ショッピングカート部分がレスポンシブに対応しているサイトはまだまだ限られています。ASPショッピングカートで標準機能としてご利用頂けるのはaishipRのみです。多くのサイトでショッピングカート部分がレスポンシブ対応に至っていない要因として、大きく下記の2点が要因として挙がるかと思います。現状のPC、スマートフォンそれぞれの画面で設計したUIが優れているから変更する必要性を感じないショッピングカート部分をレスポンシブに対応するスキルが無い確かに様々なサイトのショッピングカート部分を調べてみると、現状のPC/スマートフォンそれぞれの画面で設計したUIが優れており、わざわざレスポンシブ対応に変更する必要性を感じさせないサイトも見受けられます。トップページや商品ページはレスポンシブ対応しているのに、ショッピングカート部分が非レスポンシブな状態で、PCサイトの決済画面が表示されていればユーザーは違和感を感じるのではないでしょうか?そこで今回から3回に渡り、優れたUIを設計している3サイトを取り上げ、どのように変更すればショッピングカート部分がレスポンシブ対応できるかを考察していきたいと思います。楽天市場のショッピングカート今回は、会員数10109万人、出店店舗数4万店を超えている「楽天市場」のショッピングカートについて見ていきましょう。商品をカートに入れた直後の画面です。会員/非会員それぞれが入力すべきフォームが表示されており、分かりやすい構造になっています。非会員顧客がショッピングする際にこの画面内で個人情報の入力だけでなく、情報入力の過程で会員登録もできるので、画面の遷移が少なくて済みます。支払い方法の欄では、選択した支払い方法の部分だけが展開されて、詳細が表示されています。購入者にとって必要な情報だけを展開させることでページが長くなり過ぎない工夫が施されていますね。3.注文確認画面ログインしていない状況であれば、以上の3画面にて注文が完了します。会員でログインした状態で商品をカートに入れる場合は、「1.カートTOP画面」も「2.決済選択画面」もスキップし、ダイレクトに「3.注文確認画面」へ遷移します。決済方法の変更やお届け日の指定等は、この「注文確認画面」から必要に応じて、変更が必要な部分のみ変更させるUIを採用しています。何も変更が無い場合は、「注文確定ボタン」を押すだけで、次々に商品を購入できる設計です。4.ポイント/クーポン使用画面ポイントやクーポン使用の専用画面をモーダルで立ち上げるUIついては、タップデバイスに不向きです。ポイントやクーポンを「使ったこと」が分かりやすく「買い物をしている感覚」を購入者に体感させることにも繋がります。最後にいかがでしたでしょうか?楽天市場では「お買いものマラソン」のような限られた時間内で複数のショップからの商品購入を促進するキャンペーンもよく見られます。ショッピングモール内では商品を選ぶことに専念してもらい、「注文確定ボタンを押すだけ」の画面設計にしておくことで、複数のショップでの買い回りもストレス無く、キャンペーン終了間際の限られた時間でも、買いそびれを防ぐことができます。ショップ側の立場ではできるだけ画面遷移を少なく、「注文確定ボタン」を押すだけの設計をしておくことで、売り逃し(機会損失)をすることなく売上にも貢献できます。”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。担当業務はaishipご利用者様のサポート・支援、売上アップのサポート等。これまでの経験を生かし、サイト訪問者(ユーザビリティ)および店舗運営者の双方の視点から、売上アップのサポートをさせて頂きます。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。