CSSがサイトの読込速度の遅延原因かも？見直すところは大きく3つ！ | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2015/01/23 105 users CSS レンダリング 読込速度 外部CSS ディスプレイ

CSSもページ表示速度を落とす要因になります 「なんだか自分のサイトのページの表示速度が遅いなあ…」 もしかしたら、CSSが原因の1つになっているのかも？CSSを見直す良い機会かもしれません。 ブラウザはページ内容を表示する時レンダリングを行っています。 レンダリングとは、データ（今回の場合だとHTML）に書かれている情報を解析し、その通りにディスプレイに表示させることを指します。 外部CSSはこ... 続きを読む

レスポンシブWebデザインで成功するUI／UXのポイント5つ | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2014/04/09 505 users マウス レスポンシブWebデザイン マウス操作 WEB構築

レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。 これまでのWebにおけるUI／UX これまで、PCのブラウザをメインにネットをする層が中心だった時代では、マウス操作が基本になっていました。 当たり前ですが画面上のマウスを操作して、クリックをしたり、ドラッグ・アンド・ドロップで... 続きを読む

【サンプル有】レスポンシブなグローバルナビの作り方３選 | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2014/03/04 97 users グローバルナビ 一筋縄 横幅 キャンパス ナビゲーション

photo credit: ak_tokyo via photopin cc レスポンシブサイトを構築する際、意外と引っかかるのが「グローバルナビ」 ページの横幅（キャンバス）いっぱいに表示させることが多い関係上、キャンバス幅が一定でなくなるレスポンシブWebデザインでは一筋縄ではいきません。 慣れない内は考えるのが面倒で「スマホ専用のナビゲーションを別途用意」したり、「グローバルナビをまるごと非... 続きを読む

売れるECサイトはやっている！Web制作に使える行動心理学8つ | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2013/12/25 546 users スマートフォン＆モバイルEC事例ノウハウ集 ECサイト

行動心理学とは 正式には行動主義心理学といいます。心理学のアプローチの1つで、内的・心的状態に依拠せずとも科学的に行動を研究できるという主張です。 そもそも行動主義とは… 1910年代にアメリカのワトソンによって提唱されました。当時主流であった内観法(自分自身の精神状態を観察する方法)による人の意識を観察対象とした心理学に対し、人の客観的な行動を観察対象にした心理学として発展しました。 ... 続きを読む

Bootstrapはもう古い!?Gumbyフレームワークが便利 | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2013/10/30 177 users Bootstrap

Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか？ 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。 特に... 続きを読む

Googleがスマホへの対応が不適切なサイトの順位引き下げを発表 | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2013/07/30 170 users 順位 Pierre Far氏 支障 Google 近日中

Tweet Tweet 2013年6月11日、検索サイト最大手のGoogleが検索結果のランキング変更に関する発表を行いました。 スマートフォン向け検索でのランキングの変更について GoogleのPierre Far氏（ウェブマスタートレンド担当アナリスト）によると、「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設... 続きを読む