ユーザーが「見る広告」「見ない広告」--ユーザーの行動を決める要素とは？
「どんなサイトのどんな広告をユーザーは見るのか」――これは、広告主もメディア運営者も非常に興味ある事項ではないでしょうか。 今回は、いくつかの大手サイトを男女計5人の被験者に自由に閲覧してもらい、ユーザーがどの広告に目を引かれていたのかをアイトラッキングマシン（被験者の視線の動きを追跡するツール）を使って検証しました。はたしてどんな結果が出るのでしょうか。 口コミに夢中で広告見ず 図1は＠cosme（アットコスメ）を見ていた被験者A（女性、20代後半）の視線です。右側に配置された広告は全く見られていません。被験者Aはトップページから迷わずユーザーの感想が書かれているページへと行き、その後ずっと口コミを丹念に見ていました。また、口コミ以外の要素には全く目を向けませんでした。 図1：＠cosmeを見ていた被験者Aの視線。水色の線は視線の動きを、丸の大きさは視線の滞留時間の長さを示す。青で囲った
指定色からベストな配色を導きだすオンラインサービス | コリス
HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
開発者が明かす「ニコニコ動画」人気の“キモ” - ITmedia News
「動画上で行う非同期コミュニケーションを普及させたい」――ニコニコ動画開発の出発点は、そんな思いだったという。「でも、流行るかどうかわからなかったので」開発は小さくスタートした。ドワンゴの戀塚（こいづか）昭彦さんが、1人でプロトタイプを開発。昨年末、最初に公開した「ニコニコ動画（仮）」は、戀塚さんと、同社の鈴木慎之介さんの2人で開発した。 アドビシステムズが11月1日開いた開発者向けイベント「Adobe MAX Japan 2007」に戀塚さんが登場し、Flashを使ったサービスとしてニコニコ動画を紹介。「みんながちょっとずつ参加できる」のが人気の秘密と語り、コメント機能がサービスのキモだと位置づける。「アイデア一発のサービスにしては、細かい調整に手間がかかってます」 ニコニコ動画は「視聴者の力が大きい」メディア ニコニコ動画の人気の秘密は「みんながいろんな手段で少しずつ参加できる」ことだ
au design projectのコンセプトモデル：「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは (1/2) - ITmedia +D モバイル
「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは：au design projectのコンセプトモデル（1/2 ページ） 東京・原宿にあるKDDIデザイニングスタジオで7月31日から始まった「ケータイがケータイし忘れていたもの」展。ここには、ユーザーインタフェース（UI）を重視したau design projectのコンセプトモデルが展示されている。コンセプトモデルの1つ、「actface」をデザインしたのがウルトラテクノロジスト集団「チームラボ」だ。 チームラボの代表を務める猪子寿之氏が、イベントの開催を記念して行われたトークショーで、actfaceのUIが生まれるまでの経緯や携帯UIに対する考え方について説明した。 →画面上で墨が揺らぎ、雲が流れ、街が成長する──UI重視のau design project新モデル →動画で見る、au design p
画面上で墨が揺らぎ、雲が流れ、街が成長する──UI重視のau design project新モデル
KDDIデザイニングスタジオに、au design projectのコンセプトモデルがお目見えした。ユーザーインタフェース（UI）を重視した4モデルがラインアップされる。 →動画で見る、au design projectコンセプトモデル──「sorato」「ヒトカ」「Rhythm」 ユーザーデータや操作が新たな画面を生み出す──actface TEAM☆LABがデザインしたactfaceは3画面ケータイ。ダイヤルキー部や背面全体にレイアウトした3つの画面を、フルに生かしてユーザーの感性に訴える。 actfaceには2つのバリエーションモデルがある。「Rhythm」は携帯の操作をリズムととらえたUIで、ユーザーが携帯を操作するとそのリズムに合わせて水墨画の映像が生成される。キーボード側ディスプレイから上のディスプレイに墨が立ち上る様子はとてもエモーショナルだ。 「PLAY」はユーザーデータと
もっと手軽でオシャレに！Amazon アソシエイト支援ツール集 | *LOVE IS DESIGN*
2月1日から、購入に応じてポイントが溜まる Amazonポイントサービス が始まりましたね。ポイントサービスの開始を記念して、2月28日（水）まで最大10,000ポイントが当たるポイントプレゼントキャンペーンを実施しています。 そこで、Amazon の商品だってオシャレに見せたい！というわがままな願いを叶えてくれるツールをまとめてみました。 広告っぽいデザインが嫌いな人でもこれならブログに貼りたくなっちゃいませんか？ Amazon にもリンク作成は用意されていますが、支援ツールを使うと簡単にちょっと差のつくオシャレなデザインにすることができます。ブログのデザインやお好みに合わせてぜひ活用してみてください。 Amazonの画像をオシャレに見せたい人にオススメ！ Amazonリンクタグを簡単作成：Ama-Z Ama-Zは、短い URL の Amazon アソシエイト用タグリンクを作成したり、サ
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
企業ロゴなどをイラストレータの形式でダウンロードできる「logotypes.ru」:phpspot開発日誌
www.logotypes.ru 企業ロゴなどをイラストレータの形式でダウンロードできる「logotypes.ru」。 有名企業のロゴが5000ロゴ以上あって、ロゴをプレビューしたり、イラストレータ形式でダウンロードしたり出来るようです。 日本の企業もザッと見ただけで、任天堂やトヨタ、ＳＥＧＡ、ソニー、SO-NET等色々あるようです^^; 利用には注意が必要だと思いますが、私的にロゴを編集してみたりするのも面白いかもしれませんね。 関連エントリ クールなロゴをオンラインでお手軽作成「FREE Logo Maker」 WEB2.0なロゴを作成するPhotoShopチュートリアル Web 2.0なサイトのロゴに使われているフォントへのリンク集
Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション：DESIGN IT! w-LOVE
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの１つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう（これがすべてではありません）。 ターゲット別（個人顧客、法人顧客、株主・投資家、マスコミ、学生など）コンテンツ内容別（製品カテゴリー別、サポート情報、FAQなど機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
WEBデザインの際に参考になる50サイト:phpspot開発日誌
My 50 favorite design resources There are thousands of design resources on the web which can lead to an overwhelming experience when looking for inspiration or ideas, so I created a list of resources that I use on a regular basis. WEBデザインの際に参考になる５０サイトの特集。WEBデザイナーの方にはありがたいリソースですね。 クールCSSサイトのまとめサイト Unmatchedstyle cssBeauty cssvault Stylegala CSS Drive css thesis Styleboost CSSElite CSS Import Web Cr
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
「メールが送信できました」伝えるのなら、控えめに ― ＠IT
ユーザビリティのヒント（2） 「メールが送信されました」 伝えるのなら、控えめに 「Yahoo!メール vs Gmail」 ソシオメディア 上野 学 2006/7/28 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。Yahoo!メールとGmail、使いやすいのはどっち？という疑問から使いやすいユーザーインターフェイスを考えてみましょう（編集部） 前回から始まったこの「ユーザビリティのヒント」ですが、今回もいくつかのTipsをご紹介しながら、Webアプリケーションのユーザーインターフェイスやインタラクションデザインについてボトムアップに考えていきたいと思います。 Webアプリケーションによっては、JavaScriptなどを使用して、ウィンドウの開閉、サイズの変更、スクロールバーやボタン類を隠す、アドレスバーやステータスバーを隠す、といったことを行ってい
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
webデザインに使えるメニュー・アイコン：Goodpic
This shop will be powered by Are you the store owner? Log in here
GIGAZINE - 無料3D景観作成ソフト「2」では星や植物もレンダリング可能
これ全部、3DCGです。非商用利用ではこれまで通り無料で利用可能とのこと。もちろんこの植物も3DCGです。こんなのが既存のTerragenと同じ操作感覚で作成できるとは、いい時代になったものです。 Terragen - La page de Luc Bianco http://lucbianco.free.fr/tgd_index.html また、星を丸ごと作成してレンダリングすることも、さらにそれをアニメーション化することも可能 http://www.kk3d.de/terragen/tg2/index.htm 火星だって作ることができる http://www.planetside.co.uk/terragen/tgd/tgd_mars_movie.html どれぐらい簡単に作成できるかというのは前バージョンの「Terragen」を使えば分かります。 窓の杜 - Terragen 使い方
売りたいなら、“販売”でなく“購入”ツールを準備せよ － ＠IT
Webアプリケーションのユーザーインターフェイス[9] 売りたいなら、 “販売”でなく“購入”ツールを準備せよ 「経験則その5：ガイドとレコメンデーション」 ソシオメディア 上野 学 2006/4/22 システムが積極的にユーザーの行動を支援するとどうなるか。人とコンピュータのコラボレーションを実現させよう。インクリメンタルサーチやタスクコヒーレンスの指針を説明（編集部） 前回の「ユーザーが間違えても間違えなくてもエラーは回避せよ」では、エラーメッセージの在り方と、エラーを未然に回避するための方法について考察しました。タスクが中断されずに前進し続けるようにするためには、人の苦手とする「正確な動き」や「大量の記憶」をシステムが適切に補助することが大切であるという話でした。 今回は、システムがユーザーのタスクを補助するという考え方を発展させて、「経験則その5：ガイドとレコメンデーション」を紹介
キャラクターホイホイ
オリジナルキャラクター原型を自動生成するキャラクターホイホイ スポンサード リンク ・キャラクタホイホイ http://www5f.biglobe.ne.jp/~mcs/charahoi.html ソフトが自動で描く無数の図形を組み合わせて、オリジナルキャラクターを作るフリーソフト。パラメータを指定すると、キャラクタの原型にできそうな図形が次々に表示される。これはいけそうだと思ったらストップして、図形を保存する。その原型を使って、ユーザは、ペイントなどのソフトで修正し、キャラクタを完成させる。 サンプルはこんな感じだ。 ポケモンもどきを量産できそう。 スポンサード リンク Posted by daiya at 2006年04月17日 23:59 | TrackBack
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スゴイ地図はサービスを終了いたしました〜