navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。小さな工夫で大きな効果をもたらすスマートフォンサイトのデザイン事例ユーザーが意識しないようなポイントをデザインの要素で視覚的にアピールすることで、商品を購入する意欲を掻き立てることができ、売上アップにつなげることができます。今回は大手玩具販売のトイザらスさんを例に、その要素をご紹介していきます。終わりに一目でカートの中身の商品個数と値段がわかるカートに入っている商品の個数と値段がどのページにいても視覚的にわかりやすく表示されています。現状はフッターにしか表示されていなかったので、ヘッダーにも表示されていれば尚ユーザーに優しいかと思います。オプション情報の視覚化テキストのみでどのオプションが利用できるかを表示する方法もあるのですが、トイザらスではギフトラッピングなど商品詳細情報ページに画像で表示されているのでわかりやすいです。商品リストの一覧を表示する際に1行目、2行目で色を使い分けわかりやすく表示されています。気付かないような細かいところですが、無意識に視覚的に分かりやすい表示がされています。(あともう少し!)会員登録のユーザビリティ入力必須項目が多く、さらに2,3ページと続けて入力する必要があります。名前入力の際に、姓名が分かれていたり、住所入力も全角のみしか入力できなかったりして、モバイルの場合では番地やマンションに住んでいる方など全角数字を打つのが大変だなと感じました。商品をカートに入れて購入する意志があるお客さんに、ここでストレスを与えるのは大変もったいないところなので、モバイルではなるべく簡単にフォームの入力ができるようにデザインを気をつけなければなりません。Optimization)の5つポイント挙げておきます。1,フォーム項目を減らすモバイルの場合はPCに比べ入力に手間がかかります。見てフォームの入力項目がたくさん並んでいると、入力する気も失せてしまいかねないので、本当に必要な項目に絞って入力してもらうようにしましょう。入力ボックスは分割しない電話番号や郵便番号の表記は「09011111111」「5201234」などハイフンを使わないものが基本です。フォームを3つに分けてしまうと、それだけで手間がかかり、ミスタップなどを併発しかねません。3,フォームには入力例をなるべく付ける入力例があることによってユーザーのフォーム入力に対する抵抗感を取り除く効果もあります。4,ソフトウェアキーボードは項目に合わせたものにする電話番号や郵便番号、メールアドレスなどあらかじめ入力する文字種が決まっているものを入力するフォームには、その文字種にあったソフトウェアキーボードが出るようにするだけで、文字の切り替えの手間もなくなるので、便利です。5,数字の全角半角を区別しないPCでもいえる事ですが住所を入力する際など、よく「全角で入力してください」という説明があり、半角で入力した場合エラーと表示されるものがあります。普段、英数字は半角で入力が基本の身からすると全角で入力するのはストレスを感じるので、プログラム側で全角半角を置き換えて入力する際のストレスを少しでも減らしてあげましょう。終わりに視覚的な要素を含め、細かいデザインの配慮一つでユーザー使い勝手も向上し、購買意欲も変わってきます。常にユーザーを意識したデザイン性、操作性を心がけることが出来れば良いなと思いました。次回も「勝手にサイトレビュー」のコーナーをお楽しみに。”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。投稿一覧15歳の時に初めて携帯電話を手にして約15年。モバイルの面白さ、奥深さに魅了されて入社。中心に業種問わず様々なクライアントをサポートしております。合わせて情報サイト、「モバイルファーストマーケティングラボ」の編集長として、毎日モバイルマーケティングの情報を発信中。ECによってより便利で過ごしやすい世の中を作るお手伝いができればと思います。「インターネットでより豊かな人生を」がモットー。2013.07.16みなさんこんにちは、ロックウェーブの岡本です。関西では京都の祇園祭で大賑わいの時期にりました。ONLINEはレスポンシブWEBデザインとしてリニューアルされています。2014.07.22みなさんこんにちは、ロックウェーブの岡本です。今週月曜日も最新の市場動向や調査結果、キャリア各社の動きなどをご紹介いたします。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。サイト内検索スマートフォンカテゴリの最新記事2019.02.01スマホからの売上UP!後払い決済を導入すべき理由とは2018.09.14ECサイトには必須?Google提唱のマイクロモーメントの意味と対策2018.06.06インスタグラムからECサイトで直接購入可能に!ショッピング機能「ShopNow」が日本解禁。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。