役立たずなディレクターにならないためのコンセプトの考え方と具体的手法―ワークショップのスライド公開
先日行ったディレクターワークショップについて、ちょいちょいスライドが見たい！とのお声をいただいたので今更ながら公開します。 勢いよく書き上げたものな上、しゃべりまくる前提で書いてしまったのでかなり読みにくいとは思いますが、全画面表示すれば多分何とかなるんじゃないかなーとか思います。 ワークショップ資料01 初日に公開したもの。 ワークショップのそもそもの目的からサイトコンセプトの考え方。コンセプトシートの実際の作り方などについて書いてあります。 今回は課題がコーポレートサイトのリニューアルだったこともあり、そこそこ汎用的な内容になってる・・・といいなぁ。 このスライドを見ながらあれこれしゃべった後、実際に参加者全員でエンドクライアントを囲んでヒアリング大会を行いました。以前あげたレポートでも書きましたが、自分以外の人が何を書くのか？は結構興味深かったですね。 ワークショップ資料02 こちら
ヒートマップ解析でサイトのコンバージョン率を倍増させる７つの方法｜MarTechLab（マーテックラボ）
LPO研究所の土井です。 さて、あなたは「ヒートマップ解析ツール」というのを使ったことがあるでしょうか？ ヒートマップ解析ツールとは、サイトに訪れたユーザーがページ内でどこに注目しているのかを、冒頭の画像のようにサーモグラフィーのように表示するアクセス解析ツールです。 「アナリティクスしか見てない」 「ヒートマップって役に立つの？入れてもムダじゃない？」 「難しそうだし私にはちょっと…」 ヒートマップ解析というとこのような方が大半だと思いますが、非常にもったいないと思います。 まずは以下の事例をご覧ください。 これはあるコスメ系ECサイトで、ヒートマップ解析をもとに「買い物かごボタン」の再配置などを行った結果、コンバージョン率が1.5倍になった事例です。 このように、「もう上がらないだろう」と思っていたページのコンバージョン率が、ヒートマップ解析ツールを適切に使うことで1.5倍、2倍になる
初心者でも絶対わかる、WebGLプログラミング＜基礎知識編＞
HTML5に関連する技術のひとつに、WebGLがあります。WebGLは、ブラウザー上で3DCGプログラミングを実現できる技術です。今回のレポートでは、WebGLプログラミングの基礎知識についてご紹介します。 WebGLって？ WebGLでどんなことができるのか──百聞は一見にしかず。まずは例を見てみましょう。demo内のスライダー部分をドラッグすることでカメラの位置などを任意に変更できますので、リアルタイムでレンダリングされていることがわかるでしょう。 (invalid jsdo.it code) このように、ブラウザー上でプラグインに頼ることなく、なめらかな表面、自然な影、高FPSでのリアルタイムレンダリング（アニメーション）など、まるで最近の家庭用ゲーム機にも匹敵する高度な3DCG表現ができるわけです。 WebGLは2013年10月現在、Chrome、Firefox、Operaで標準対
レスポンシブ対応CSSベースの軽量フレームワークのまとめ | コリス
そのままサイト制作に使ってももちろん便利、自分用のテンプレートを作るための勉強にも役立つCSSベースのフロントエンド用フレームワークを紹介します。 一部のフレームワークで古いIE用にmodernizr.jsやrespond.jsなどを使用しています。 Kube Kube -GitHub レスポンシブ対応、プロ仕様のシンプルでミニマルなフレームワーク。 ファイルサイズ 15.6KB 対応ブラウザ Chrome, Safari, Firefox, Opera, IE8+, and スマフォ用ブラウザ ライセンス 個人・商用ともに無料利用可 Base Base -GitHub レスポンシブ対応、ベーシックなUIエレメントやグリッド揃ったフレームワーク。LESS, Sassだけでなく、.htaccessを含むサイト制作用のフォルダやグリッドのPSDもセットになっています。 ファイルサイズ 3KB(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
