以前の記事でご案内させていただいていた、ページをスクロールしても買い物カゴに入れるボタンがずっとついてくる機能につきまして、今月から新機能が追加されました！ 【変わったこと】 今までの機能では、ボタンの位置は上部に固定されていました。 新機能では画面の下部に固定することができるようになっています！ 比較してみると、こんな感じです。 上にするか下にするかは、商品購入ページの作り方や見やすさ、使いやす […]
aishipをご利用いただいているユーザー様を取材させていただき、スマホサイトを制作する上で気をつけるところなどをお伺いしてきました。 スマホサイトを作り込むことになったきっかけはありますか？ スマートフォンはこれから広がるのが予測されるので、まだまだスマホ対応のサイトが少ない中で早めに対応することで、スマホユーザーの市場をきっちりと取っていくことが大事だと思いました。 またガラケーでは若い方 […]
サイトを作成している時 「何とかページ容量を軽くする方法はないかな」 そんな風に悩まれたことはありませんか？ aishipでは1つのページをスマートフォンとフィーチャーフォン（携帯電話）とで共有しているので、スマートフォンでは問題ないページ容量であったとしても、フィーチャーフォンから見た時にページ容量を超えてしまって閲覧できないといった現象にしばしば遭遇します。 最近のフォーチャーフォンでは300 […]
スマートフォンサイトの制作を進めている時、回りこみの解除に悩んだり戸惑ったりしたことはありませんか？ 私事ですが、仕事ではじめてHTMLやCSSを使ってサイト制作をやり始めた頃、回り込みの解除の記述に悩んだことがしばしばありました。 以前からよく見かける方法として <br clear="all" /> <div class="clear" […]
以前の記事（転換率UPの二つのポイント 事例で見るスマートフォンLPデザイン）でご紹介させていただいた、ペアリング屋様（http://pairj.jp/）に、2011年12月のスマホ対応の背景と制作の際のポイントなどを取材させていただきました。 ユーザー様の生の声をお届けします！ 12月にスマホ対応をされた理由は？ 弊社は主にペアジュエリーを取り扱っておりまして、主なターゲットは20代後半まで […]
以前に「スマートフォンサイトのテクニックを使おう」という記事タイトルでフリックスライドに関するご紹介をさせていただきました。 今回、このフリックスライドがバージョンアップしたのでご案内いたします！ 【変わったこと-1】 HTMLの構造が少し変わりました。 <div class="sp-flickslide" data-interval="3000"> <div class="sp […]
aishipご利用ショップ様を、aiship導入事例ページでご紹介させて頂いています。 スマートフォンから商品購入ページをご覧頂くとページの上部に買い物かごに入れるボタンが付いていて、下までスクロールしてもついてくる… こちらはaishipではCSSとjavascriptを使って実現しています。 最近の携帯電話向けサイトをご覧いただくとよく解りますが、いずれのページも商品の説明文が細かく紹介されて […]
■はじめに スマートフォンは従来の携帯電話よりも、精細な画像や多くのテキストでユーザーに商品の魅力を伝えることができます。これまでもスマートフォンだからこそできる、ユーザーの利便性の高いECサイトを取り上げてきましたが、それを実践されているaishipユーザー様の事例を紹介したいと思います。 ●ペアリング屋様（ペアアクセサリー専門店） http://pairj.jp/ 今回、ページを制作された担当 […]
前回の記事までに、スマートフォン用の画像サイズについてご案内してきました。 「aishipでは240pxの画面をズームして320pxに拡大表示しているため、240pxちょうどの画像だと少しボケる」ということでした。綺麗な画像をスマートフォンで表示させるためには480～620pxの画像を横幅240px指定にして表示させるのがベストです。 ではこのズームをやめてしまうことは出来るのか？ 可能です。 a […]
前回の記事で、スマートフォン向けサイトの画像についてご案内しました。 480～620pxの画像を横幅240pxに指定して縮小表示させると綺麗な画像を表示することができます。 では、背景画像についてはどうでしょうか？ 例えばリンクボタンに背景画像を使用したい場合、通常は下記のようなHTMLとCSSで背景画像にボタンを追加します。背景画像は240pxで作成しました。 aishipの管理画面から上記のよ […]
現在までスマートフォンらしいレイアウトの作成についていくつかご紹介してきました。今回は画像についてご案内致します。 最近当サポートセンターへお問合せをいただくことの多い「スマートフォン向けの画像サイズは何pxが最適か？」というご質問ですが、サポートセンターでは「240px～480px程度で作成すると良いですよ」とご案内しています。 これは携帯電話サイトとスマートフォンサイト、両方で同じ画像を表示さ […]
前回・前々回の記事ではサイト上で「スマートフォンらしい動き」を実現するためのお話をさせていただきました。今回も引き続きスマートフォンらしい動きを実現するために「表示コンテンツの切り替え」についてお話させていただきます。 皆さんはスマートフォンでサイトを閲覧している時、こんな感じのコンテンツを見かけたことはありませんか？ メニューをタッチすると、その下にあるコンテンツが選択メニューの内容にパッと切り […]
