サイトの表示速度は直帰率、コンバージョン率等に大きく影響します。 webサイトの閲覧に3秒以上かかる場合、モバイルユーザーの53%はサイトから離脱する とGoogleは発表しています。 表示速度を遅くする大きな原因としてページで使われてる画像容量が大きい・枚数が多すぎることで読込が遅くなってしまうことは容易にご理解いただけると思います。 特にECサイトの場合、メインビジュアルに加えてバナーや商品一 […]
ネットショッピングする時に「商品レビュー」が 私たちの購買行動に大きな影響を及ぼすという効果は周知の事実です。 これまで商品を購入した人の使用感や満足度などについてのレビュー読み、 それを信頼することで、ユーザーはある程度の確信をもって購入できるようになります。 ネットショッピングにおいては、実に97%のユーザーが購入する前にレビューを参考にし、 そのうち26%が全ての購入でレビューを参考にしてい […]
今回はslickというスライダー実装のためのjQueryプラグインをご紹介します。
MP4形式の動画をHTMLに埋め込んで再生しよう 別記事にてECサイトにYoutube等の動画コンテンツを設置する方法を公開しておりますが、今回はスマートフォンで投影したり、動画編集ソフトを使って作成したmp4動画をHTML5ページに埋め込んで再生するための方法を紹介します。 実際の商品の動きや音などを確かめる際に、動画は大変有効です。最近では動画でのマーケティングが盛んになっていることもあり動画 […]
スマホ用サイトから電話発信できるようにする方法 昨今ECサイトのスマホ対応化が急速にすすむ中、閲覧ついでに気になった商品について、あるいは配送や決済方法について電話問い合わせをしたいというお客様がいらっしゃいます。今回はそういったニーズに備えて、タップで即時に電話ができる「電話発信用リンク」を設置する方法をご紹介します。
datalist要素を使ったフォームの作り方 今回はHTML5に新しく加わったdatalist要素を使ったフォームの作り方を紹介します。datalist要素とはinput要素にサジェスト機能を追加する要素です。 フォームを作成するとなると<input type=”text”>や<select>を使うことが多いですが、datalist要素を使うことで、 […]
画像圧縮で読込速度改善 昨今のWebサイトではUX(ユーザーエクスペリエンス)や離脱率低減やのためにページ表示速度が重要視されています。サイト表示速度が遅いと顧客満足度は大幅に低下し、離脱してコンバージョンの機会が失われてしまいます。 よってサイトの表示速度のいかに速くするか対策することは、デザインやコンテンツの充実化に優先して取り組まなければならないと言っても過言ではありません。
開閉可能なアコーディオンパネル タイトルをクリックすることで本文が表示されたり閉じたりを切り替えることのパネルをJqueryを使って作成することができます。様々なサイトで定番として利用されることが多いですが、画面領域が限られたスマートフォン上で複数のコンテンツを効率よく表示させたいといった場合にこそ威力を発揮する実装となります。 扱うコード量も比較的少なく簡単に実装できるので是非とも使っていただけ […]
jQueryUIを使ってみよう こんにちは、サポート部の市川です。リオデジャネイロパラリンピックの盛り上がりが地球の裏側の日本までやってきて、競技中継を見ていると毎日寝不足になりがちです。 さて今回はjQueryUIとはjQueryが用意している便利な機能を使うためのライブラリの一種(プラグイン)です。名前の通りユーザーインターフェースに関わる機能を提供します。
JQueryを使ってコンテンツの表示順を入れかえたい こんにちは、サポート部の市川です。毎日暑い日が続いていますが、体調などは崩されていませんでしょうか。 さて、Web制作をしていると、ページのテキストや画像といったコンテンツの順番を入れかえたいという状況がでてくるかと思います。 多くの場合、HTMLを単に書き換えるだけでよいのですが、例えばCMSでの会員登録画面の「名前」や「会社名」、「住所」と […]
CanvasとJavascriptでグラフを描いてみよう 今回は「HTML5 API」の機能の1つである「Canvas」の使い方を紹介します。 Canvasとはブラウザ上で図を描くためのHTML5が用意している機能です。通常グラフをコンテンツとして扱う場合、jpegやpng形式の画像ファイルを用いることも多いですが、Canvasを使えばHTML/CSS/Javascriptを使って棒グラフ、円グラ […]
メンテ不要のカレンダー埋込方法 こんにちは、サポート部の市川です。 ページのサイドやフッターのエリアにカレンダーを設置している通販サイトはたくさんあります。しかしHTMLとCSSのみで作成している場合、毎月のカレンダーのHTMLを変更するなどメンテナンスがやや面倒です。 今回は、Webサイト制作のSYNCK GRAPHICAさんが無料で公開している【営業日・定休日カレンダー】のJavascript […]