- 2012.10.10
レスポンシブウェブデザイン対応サイト事例から学ぶ、UI設計の重要性
レスポンシブウェブデザインに対応させたサイトとは、単にワンソースで、PC・スマホ・タブレット端末に応じたサイトを構築すれば良いだけと思っていてはいけません。
技術
- 2012.10.04
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（19）～
本ブログでもたびたびご紹介させていただいています「レスポンシブデザイン」について、今回は少しだけご案内させていただければと思います。 レスポンシブデザインについては他の記事でも詳しくご案内させていただいているので、詳細は他の記事をご参照ください。こうしたページを制作するためには、やはり柔軟なサイトのレイアウトを実現することが非常に重要になってきます。 制作時に注意する点について他の記事でもご案内さ […]
- 2012.10.01
レスポンシブウェブデザイン制作で悩むブレイクポイントのまとめ
【2012年10月1日に公開した記事を2015年11月20日に更新しました】 ブレイクポイントの考え方 レスポンシブウェブデザインを実現するのによく使われる手法がメディアクエリを使った画面サイズ別スタイリングです。レスポンシブウェブデザインの場合、ある画面サイズを境目として適用させるスタイルを切替えますが、この境目を『ブレイクポイント』といいます。
- 2012.09.30
ワンソース・マルチデバイス対応のCMS ~導入３つのメリット~
事業のモバイルファースト化が急務とされるインターネット市場において、「モバイルファーストWEBサイト専用CMSのミッション」でも紹介したようにそのWEBサイトの変遷スキームは以下ステップです。 現状のPCサイトとは別にモバイルファーストを前提としたサイトを企画構築 モバイルファーストサイトをモバイル中心のPC・タブレット含むマルチデバイス対応に 現状のPCサイトを閉鎖しモバイルファーストサイトへ統 […]
- 2012.09.03
モバイルファーストWEBサイト専用CMSのミッション
「モバイルファーストECサイトに必要な３つのステップ」では事業をモバイルファーストにシフトさせるときに思考する３つのステップを示しました。先ず2年後のユーザをイメージし、メインユーザがモバイル中心ならば直ぐにモバイルファーストに経営方針・リソースを再配分し、その後モバイルサイトを企画構築するというステップです。 今回はそれらの経営リソースの再配分の中でも、運営体制面の変遷をどのようにすべきか、また […]
- 2012.08.17
特集ページで転換率向上、ビッダーズで特集ページを開設した店舗の売上が倍増！！そのノウハウとは
前回はスマートフォンECサイトで転換率(CVR)を10倍にするためにすべき5つのことを紹介させていただきました。(https://www.aiship.jp/knowhow/archives/2407) 7月からビッダーズの特集ページ機能がリニューアルしたのをみなさんご存知ですか。今回のリニューアルはとても効果が高く、店舗の編集の際の利便性はもちろん特集ページのPVや転換率は軒並み向上しています。 […]
- 2012.08.17
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（18）～
こんにちは、aishipの松井です。 前回の記事に引き続き、リンクリストのデザイン調整についてのご案内になります。 今までにご案内した中から、リンクボタンの作り方に関する記事と背景画像のサイズ指定に関する記事を利用して、このようなリンクを作成しました。 CSSはこんな風に書いています a { background: -webkit-gradient(linear, left top, left b […]
- 2012.08.10
スマートフォンサイト制作のコツ：スマホは横幅320pxではない
スマートフォンサイトを制作する際に、横幅320pxでデザインしているひとはいませんか？ 実は過去、このブログでも「スマートフォンサイトは横幅320pxで作ろう！」と宣言したことがあります。当時のほとんどのスマートフォンが横幅320pxであったために320pxを意識して作ることを良しとしていました（スマートフォンサイトでは画像を大きめにしよう）。 一方、『スマートフォンサイトは横向きで見ることもあり […]
- 2012.08.07
～事例でみる～ スマホECサイトのデザインと購入方法
今回も、筆者が様々なスマートフォンECサイトを見ているなかで、事例となるデザインを紹介したいと思います。今回も、参考としたい点と気になる点（改善していただきたい点）をあわせて紹介させていただきます。 ■参考としたい点（デザイン） ＜売れ筋ランキングの多数表示＞ 下記の画像をご覧ください。売れ筋ランキングをフリックスライドを用いて1位から10位までを表示しています。ガラケーなどでは1位から3位までを […]
- 2012.07.20
スマートフォンECサイトデザインの基本～スマートフォンCSS活用基礎（16）～
過去の記事でリンクのリスト表示についてご案内をさせて頂きました。 その後、お客様のサイトの制作サポートをさせていただくにあたり 「リンクをボタンにするレイアウト調整が意外に難しい」 と思ったポイントがありました。 何とか解決できれば…と最近少し悩んだのですが、そのうちの1つは現在下記のような方法で回避するようにしています。もし同じように悩まれている方がおられればご参考いただければと思います。 【高 […]
- 2012.07.03
～事例でみる～ スマホECサイトで取り入れたい点
今回は、また筆者が見ているスマートフォンECサイトで、事例となるものを紹介したいと思います。ぜひ参考としたい点、さらに気になる点（改善していただきたい点）もあわせて紹介させていただきます。 ■参考としたい点 ＜商品一覧でカートに商品を入れることができる＞ このノウハウ集で何度も記事として取り扱っていますが、遷移を出来るだけ少なくすることが、離脱を防ぐことにつながります。また、商品詳細を見なくてもカ […]
- 2012.07.03
売れ続けるスマートフォンECサイト構築（2つのポイント）
前回記事（売れ続けるスマートフォンECサイト構築（ミッション・ビジョン・コンセプトの設定方法）ではスマートフォンECサイト構築で重要なミッション、ビジョン、コンセプトを形式知にするポイントを解説しましたが、それらを具体的にECサイトに展開して初めて「スマートフォンECサイトに魂が宿り、当該ECサイト自らが売上を拡大する」ことができます。今回はその具体的な展開方法で重要な2つのポイントを記載します。 […]