2011年4月第1週号　1位は、色に関するユーザーエクスペリエンスと心理学、気になるネタは、アマゾンにも独自の「いいね」ボタンが導入

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2011年3月28日～2011年4月3日の間に見つけた記事のベスト5です。

色に関するユーザーエクスペリエンスと心理学についての記事です。

実際のサイトの例を挙げて、色とユーザーエクスペリエンスとの関わりについて説明しています。

フォームの入力漏れなどのエラーの場合は、赤色の文字で警告するというのが一般的です。問題ない場合は青色のケースもありますが、緑色が多いようです。

この色の関係は信号と同じですね。信号機の「青」は緑色ですし、Webページの場合青はリンク色なので青より緑の方がいいのでしょう。

「うまくいったときの色と思うのはどれ？」「⁠エラーが出たときの色と思うのは？」といったアンケートを行っていて、その結果も紹介されていました。このアンケートは、この記事の冒頭のリンクから受けられるようになっています。

商用利用が可能で、クレジットやリンクの義務がないフリー素材を紹介しているサイトです。

まだそれほど点数は少なくありませんが、アイコン、テクスチャー、パターンやWebページのナビゲーション用素材、Photoshopブラシなどが登録されています。

利用規約の原文と「それっぽい訳」が載っているのが、このサイトのポイントですね。各素材の利用規約のピックアップもそうですが、Wordpressで作られているというサイトの作りも手間暇かかっていることが感じられます。

Webデザインに役立つチュートリアルサイトが数多く紹介されています。

この記事の主旨としては、自分の書いたチュートリアルをこれらのサイトに掲載すれば、自分が運営するサイトへの誘導にもなりますよということのようです。

Webデザイン関連の有名ブログを紹介した「Design All-Stars ～ 46 Design Blogs You Should Follow. Period | CrazyLeaf Design Blog」という記事もありました。

WebページデザインのためのPhotoshopチュートリアルを集めて紹介しています。

Photoshopのチュートリアル記事はよく見かけますが、Webレイアウトに限定してのリストは久しぶりに見ました。

イベントでの集客のためのWebサイトのデザインギャラリーです。今までにあまりなかった切り口でのギャラリーなので、取り上げてみました。

イラスト、タイポグラフィで目を引くものが多いですね。

そのほか、先週の記事の中から、気になるWebサービスを3つ紹介します。

先週の気になるWebサービス

Griddle.itは、任意のサイズでのグリッド画像を生成するWebサービスです。

「background: url(http://griddle.it/[total width]-[number of columns]-[gutter size]) repeat-y center top;」

のようにCSSで背景画像にすれば、生成されたグリッド画像をアタリとして使えるというわけです。

パラメーターを変えることで、縦方向のグリッドを作ったり、色を変えることもできます。

いつの間にかアマゾンの各商品ページに「いいね」ボタンが付いていました。「⁠いいね」というラベルと親指を上げたアイコンからFacebookのボタンかとも思ったのですが、何か違う気もします。カーソルを合わせて出てくるツールチップから詳細ページに行ってみると、やはりアマゾン独自の機能でした。

自分の好みをアマゾンに教えていくと「おすすめ商品」の精度が上がること、「⁠ほしい物リスト」とは別に「いいね」と言った商品のリストができることがメリットのようです。

この「いいね」はアマゾン内ではソーシャルな機能を持っていませんが、「⁠いいね」をするときにFacebook、mixi、Twitterに商品情報をシェアすることが可能となっています。

昨年の流行語大賞では「～なう」がランクインしましたが、今年は「いいね」がいけるでしょうか？　Facebook、アマゾンのほかにもmixi「イイネ！⁠」⁠、GREE「いいね！」もあります。ネット用語としてはかなり広まっていますね。

ちなみに、Amazon.comに付いたボタンは、やはりFacebook英語版と同じ「Like」でした。