■サイトを企画する時に考えたい、まず４つのポイント。 Webサイト、特にブランディングサイト、スペシャルサイト、キャンペーンサイトというものを企画する時に気をつけたいこと。 Google勤務時代はさすがにそういう仕事はなかった訳ですが、博報堂、電通、そして今に至るまで、サイトの企画をする際に、気をつけてきたこと、一緒に仕事をするスタッフとシェアしてきたこと、そしてこれから一緒に仕事することがあるかもしれない人々にもシェアしたい、僕の考え方をまとめておきたいと思います。 １）そもそもWEBサイトに人は来ない 僕自身、多数のWEB企画に参加してきたけれども、常にまず第一に念頭におくのは、そもそもサイトに人は来てくれない、ということ。Google時代にその考えはますます強くなった。検索をしてサイトに飛びだつユーザーは、その目的のためにそれぞれを訪れる。SEO/SEM業界でいう［ランディングページ
こんにちはこんにちは！！ 最近nanacoなんていう電子マネーのカードを手に入れて、 コンビニ利用率がちょっぴり高まりつつある感じのはまちや２です！ こんにちは…！ ところで、うちの近所って、スーパーとコンビニがあるんだけど…、 みんなはどっちをよく利用しますか！ うちの近所の場合だと、どちらも24時間営業だし、どちらも歩いてほとんど同じ距離。 それで、値段はスーパーの方がけっこう安いんだよね。 品揃えもスーパーの方が断然いい。 それなのに、ぼくはいつも、なんとなくコンビニばかり使ってしまうよ。 なぜなんだろう。 たぶんスーパーって、ちょっとめんどくさいのかな…！ スーパーのなにがめんどくさいって… ・むだにひろい 必要なものが、こじんまりとまとまってるほうが好きなんですぼく、店も町も…！ ・レジで並ばなきゃいけない スーパーってひとりひとりが沢山買うからかな、たいてい並ぶんだよね。 逆に
もう１５年前にぐらいになるが、僕の仕事のやりかた、ユーザにたいしてどうやって向き合っていけばいいかについての信念を決定づけたある事件について語ってみようと思う。ほぼ懺悔にも近い。 ぼくが企画したモデムがバカ売れした。無名のブランドだったのにもかかわらず発売した瞬間に、秋葉原のショップで１番の人気モデルになった。理由は他者のモデムが無骨な段ボール箱にはいっていて、いかにもコンピュータの部品っぽかったのに、ぼくのモデムはカラフルな化粧箱をつけて、とても初心者が使いやすそうに見えたからだ。実際、簡単そうにみえる化粧箱をつくるのに何回もつくりなおして半年以上もかかった力作だった。 当時windows95が登場してインターネットが話題にのぼりはじめたあたりで、いままでマニアのパソコン通信ぐらいしか用途がなかったモデムをインターネットという単語に引き寄せられた大量の初心者が買い始めた時期で、とにかく簡
4月になり、街を歩くとフレッシュな新入社員の姿を見かけるようになりました。また、早い企業では翌々年度の採用活動について考える時期でもあります。 さて今回は、新卒者向けの就職情報サイト（新卒サイト）を検証しました。被験者は、就職活動中の大学生5名（男女混合）です。学生たちが普段使っている「リクナビ」「マイナビ」サイト内で、どの要素が見られ、どの要素が見られないのかを、アイトラッキングツールを使って分析します。なお学生たちには調査の目的は明かされておらず、あくまで普段通りの情報収集をしてもらいました。 今回の調査にて、被験者たちに共通するある傾向が見えてきました。次年度の新卒サイトを作る際にご参考いただければと思います。 新卒学生に「刺さる」写真 他サイト同様、今回の調査においても、学生たちは画像に注目していました。以前、本コラムの中で「転職求人サイトにはどんな画像が適しているのか」という調査
ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的
「どんなサイトのどんな広告をユーザーは見るのか」――これは、広告主もメディア運営者も非常に興味ある事項ではないでしょうか。 今回は、いくつかの大手サイトを男女計5人の被験者に自由に閲覧してもらい、ユーザーがどの広告に目を引かれていたのかをアイトラッキングマシン（被験者の視線の動きを追跡するツール）を使って検証しました。はたしてどんな結果が出るのでしょうか。 口コミに夢中で広告見ず 図1は＠cosme（アットコスメ）を見ていた被験者A（女性、20代後半）の視線です。右側に配置された広告は全く見られていません。被験者Aはトップページから迷わずユーザーの感想が書かれているページへと行き、その後ずっと口コミを丹念に見ていました。また、口コミ以外の要素には全く目を向けませんでした。 図1：＠cosmeを見ていた被験者Aの視線。水色の線は視線の動きを、丸の大きさは視線の滞留時間の長さを示す。青で囲った
これまで実践メモでは、ウェブライティングの基礎など、ユーザにとって読みやすい文章表現についていくつか考察してきました。 ウェブライティングの記事一覧 今回は、訴求ポイントをFAQ形式で表現することで、ユーザに内容まで読まれやすくする方法をご紹介します。 このサービスでは、ただ子どもを預かるだけでなく、子どもの発達を考えたサービスを行っています。しかし、こうしたこだわりの説明文をコンパクトにすることは難しく、見出しでも曖昧な表現になってしまいがちです。 このページの場合、改善前はユーザは見出し以下の文章まで読まず、独自のサービスを訴求できませんでした。 そこで、特長の説明をQA形式にしたところ、ユーザは文章部分まで読むようになり、他社と違うサービス内容を理解するようになりました。 こういった、QA形式の文章がよく読まれるという行動は、弊社のユーザ行動観察調査の中で多く確認されています。 この
椅子は座ることをアフォードする。 アフォーダンスの説明によく使われます。でも、それって椅子は座るものだという知識がすでにあるからじゃないの？といわれると返答に困ります。 説明としては、こういう例の方がわかりやすいのかなって思います。 ペンのように細いものを取ろうとするとき、ペンケースのようにある程度厚みのあるものを取ろうとするとき、手（指）の形は異なる。それもペンやぺーンケースに触れてから異なるのではなく、それらに触れる手前からすでに手（指）はペンやペンケースの形をなぞらえている。それぞれの形が、手（指）の形をアフォードする。 これが何か熱そうなものだとしたら、また、それは違う手の形をアフォードするし、蝶々をつかもうとしたら手は自然とやわらかな形をつくります。 アフォーダンスも専門家じゃない僕らのような人には、まずはこのレベルの理解からはじめるといいかなと思います。 どう、藤井君？ 僕らは
今読んでいる「Marketing Management」にこんな文章がある。 Customers buy benefits, not products. The benefits a customer receives from a firm's offering, less the costs he or she must bear to receive those benefits, determined the offer's value to the customer. 消費者が買うのは「商品」ではなく、「その商品を通して得られるもの」から「それを得るために払わなければならないさまざななコスト」を差し引いた「利益」である、という話。 ここで強く認識しておくべきなのは、その「コスト」とは単なる商品の購入のために支払うお金だけではなく、その商品を得るためにする労力（例：買い物に行く時間
ウェブサイトを設計する際には、ユーザーが求めている情報に早くたどり着けるように、コンテンツやナビゲーションの配置などに注意する必要があります。この連載では、実際に被験者に課題を与えた上でサイトを閲覧してもらい、ユーザーの視線の動きを感知してモニターのどこを見ているのかを記録する「アイトラッキングツール」を利用してユーザーの直感的な行動を分析します。ツールはTobii Technologyの「Tobii Eye Tracker」を利用します。 今や検索は誰でもが使う基本的なツールです。知りたいことを入力し、検索結果から該当するようなサイトをピックアップするということは誰しもが行っていますが、通常の検索行動では答えが導きにくい問題に直面したときに、人はどのような行動を起こすのでしょうか。 今回は、「弊社ドラゴンフィールド事務所に一番近い花屋を探す」という課題を設定しました。このような地理情報が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
