オバマポスターメーカー「OBAMICON」

obama

昨年のオバマ大統領フィーバーを振り返ると、妙にセンスの良いオバマポスターがありましたね。見覚えありますねー。このポスターはストリート・グラフィティのカリスマ[ Shepard Fairey (OBEY) ] が作った作品なんですが(関連サイト)。やはりWEBの世界は予想通り早いですねー。オバマポスターメーカー「OBAMICON」を発見しました!

e38394e382afe38381e383a3-8

早速、自分の(ずいぶん前やせていた頃の)写真をアップロードして作ってみたけど、いやーんいい感じ。

SNSなど自分の写真に飽きてきた方は是非。

オバマポスターメーカー「OBAMICON」
http://obamiconme.pastemagazine.com/

広告

飛ばし過ぎだろ! アップルMacBook Wheelはキーボード非搭載

e38394e382afe38381e383a3-1
Apple Introduces Revolutionary New Laptop With No Keyboard

なんだこれ。

MacBook wheelは旧来のキーボードではなくタッチセンサー式ホイールを搭載した未来のノートPC。「打つ」かわりにホイールをすべらせて選択することによりき わめて直感的な入力が可能です。かつてiPhoneのタッチ入力のほうが物理的なキーボードより優れていると主張したスティーブ・ジョブズCESの名言は 「信じることができれば飛べるようになる」。

http://japanese.engadget.com/2009/01/05/macbook-wheel/


Fooooo.comの日本語版をリニューアルしました

e38394e382afe38381e383a3-2

お仕事のアップデートのお知らせです。10月から参加しているWEBサービスのプロジェクト、動画検索エンジンFooooo.comのデザインリニューアルを完了しました。今回のデザインリニューアルのポイントは以下の通りです。

『動画検索エンジンFooooo』とは
国内外100の動画サイトから約2億5000万件の動画が検索可能で、日本 で一番利用されている動画検索エンジン。 (Alexaの統計情報 2008年10月調べ)。 2007年3月にリリースし、2008年には月間5,000万ページビューを達成。 11ヶ国語に対応したインターフェイスを用意し、国内Webサービスとし ては珍しい、ユーザーの約半分が海外からのアクセス。 2007年アメリカのRead/WriteWebで動画検索エンジントップ10に選出。

(1) ロゴマークを新しくしました。

logo今までのロゴもそこそこ好きだったのですが、ショルダーキャッチを入れたのと、これから長く使って行ける普遍的なロゴデザインにしたいなあと思い、さまざまなラフスケッチを経てこのようなデザインになりました。サイトカラーのグリーンは、今までのサイトのカラーを踏襲しながら、明るいイメージを持たせたいと思い、グラデーションを入れました。WEBサイトのデザインイメージは、ロゴマークのイメージスケッチと併せて、さまざまなデザインパターンを吟味し、紆余曲折の末に現在のWEBサイトイメージに決定しました。

(2) WEBサイトのレイアウトグリッドを整理しました。

e38394e382afe38381e383a3-11導入したグリッドは960 GRID SYSTEMを参考に、構造的な整理をしつつ、サムネイル表示のパターンやランキング/ブログ表示のカテゴリーナビゲーション、ヘッダー&フッターなど全てのページにわたってGRIDで整理し、レイアウトをしました。今回参考にさせてもらった960 GRID SYSTEMですが、ポータルサイトやコミュニティーサイトなど、情報量の多いWEBサイトを設計する時には、かなり参考になると思います。まだチェックしていない方は是非ご覧になってください。

今後は、Fooooo.comの機能追加に関わるWEBサイト構築と、多言語対応のWEBサイト構築を行って行きます。

皆様からの叱咤・激励・ご指摘・ご要望など、喜んでお受け致します。よろしくお願い致します。


WEBデザイナー就職面接での課題

10年ぶりにサラリーマンになってまるまる1ヶ月がたちました。WEBデザインをやり始めてもう15年がたちますが、一番最初の会社はアルバイトからそのまま居座ったのと、その後〜つい最近までフリーランスで仕事をしていたので、実際の所、就職面接というのも初めてでしたし、履歴書と職務経歴書を書くのも初めてだったので(学生時代のアルバイトもすべて人の紹介)、覚えているうちにその時のことを書いておこうと思います。

先月からお世話になっている会社は、自社でWEBサービスを展開しています(http://www.fooooo.com/)。そこで、面接の日程の予約の時にもらった課題。面接までの課題として以下の3つの設問を事前にもらい、考えて来いとのこと。いやあ、しかし、なんという意地悪い設問なんだろう。と思いましたが、せっかくなので前日にネットサーフィンしながら、考えるのでした。

設問(1):ユーザビリティが優れていると思うサイトとその理由を列挙してください。海外のサイトでも構いません。

設問(2):ユーザビリティ向上のために必要なことは何でしょうか?(ログ解析が必要であれば、具体的にどう活用すれば良いか等)

設問(3):Youtubeの下記の2つのページを見てください。
「動画の検索結果」http://jp.youtube.com/results?search_query=beatles&search_type=&aq=f
「本日の動画ランキング」http://jp.youtube.com/browse?s=mp
「検索結果」では1列の「リスト表示」がデフォルトで、「動画ランキング」では4列の「グリッド表示」がデフォルトになっています。なぜ2つのページでデフォルトの表示方法を変える必要があったのでしょうか?YoutubeのUI担当者がどういう意図を持ってこのようにしたか、各ページの特性を考慮してお考えください。

やっぱり仕事を決めるための面談ですから、クライアントがどんな答えを欲しているのか、欲しがっている答えをジャストに提示するのが「正解!」だと考えました。しかしながら、今までフリーランスの時代や制作会社を経営していた時とは勝手が違うのは、初対面で結果を出さなくちゃならない事。就職面談というのに慣れていないのもあって、一人でテンパっていましたが・・・結局、複数の答えを持って行き、その場の状況を見て「出すもの」「出さないもの」を選別しよう・・・という作戦に決定しました。

長くなりそうなので、記事を分けます。

設問(1)の答え

設問(2)の答え

設問(3)の答え


タカラトミーのエアロスパイダー!

最近面白そうなおもちゃが沢山でてるんだなーと実感。しかも、Wiiのゲームでなんとか・・・とかじゃ無い所が僕の「がらくた好き心」をくすぐるんですなー。

タカラトミー:エアロスパイダー

こいつの特徴は「壁を走るラジコン」。たしかに家の中を見渡すと、床面積よりも壁の面積の方が比較的大きいし、スペースもあることが多いです。でこぼこの壁紙でもOKみたいだし、窓ガラスでもOK。果ては天井まで走らせることができてしまうらしい。

またまた、ティザー広告動画がいい感じ。ホンマかいな。

http://jp.youtube.com/watch?v=dbi97hdigaE


MySpaceの新デザイン

先月Facebookに「SNSの王様」の座を奪われ、個人的にもグチャグチャのデザインが氾濫しすぎているMyspaceの新インターフェイスデザインを発見しました。

MySpaceのデザイン変更が、一般ユーザー向けに公開された。デザインはぐっとスッキリして、トップページ上方のタブが少なくなり、それ以外は ドロップダウンメニューになった。全般的にナビゲーションが刷新され、メンバーがやりたいことに行き着くまでのクリック数が減った。

検索も改善され、検索結果がユーザーのソーシャルグラフに基づくランク順で表示されるようになった(友人が先に表示される)。この新検索機能はオー プンソースのLucene検索エンジンをペースにしたもの。MySpaceTVもデザイン変更されて、480ピクセルの高解像度ビデオがサポートされた。

続報:MySpaceが新デザインを一般公開
http://jp.techcrunch.com/archives/20080618update-myspace-redesign-now-live/

日本ではmixiの独壇場だが、正直私自身もmixiには月に1~2回ほどしかアクセスしない。それは「時代遅れの囲い込みSNS」には、そこにある100人程度の友達ネットワーク掲示板くらいの価値しか見出していない事が理由であるが、Facebook、MyspaceなどのSNSやiGoogle、Netvibesなどユーザポータルのインターフェイスデザインの潮流を見ると、「ごちゃごちゃしているポータルサイトをデザインしてくれ!(だってその方が儲かるんだもん)」なんて注文を受けて、どうしようもなく悩んでいた、ちょうど1年前の自分が懐かしく思ってしまった。mixiもユーザーは増えてきているし、それなりに独特なコミュニティ形成をしながら成長しているんだけど、ごちゃごちゃしていて見る気が失せる感覚は否定できないよな、最近。

先月の事、日本のMyspaceをチェックしていたら、音楽系のアーティストやカフェの連携がすごい勢いで出来上がってきているのにビックリしたけど、ゴチャゴチャデザインに魅力を感じることが出来なかったのでシカトしてきたけど、Myspaceの自分のページももうちょっと作りこんでみようかと、思っちゃったりなんかしたり。

ほったらかしのGatsuoのMyspace
http://www.myspace.com/gatsuo/


JALの新ファーストクラス

イギリスのジェームスパークアソシエイツがリリースした、日本航空の「JALスイート」の写真を見た。ボーイング777-300ERに新設される新ファーストクラスシートには、19インチの液晶テレビと対面する簡易チェアにもなるオットマンが装備され、フラットになるシートは、寝心地抜群そうだ。

もともと飛行機があんまり好きじゃないし、長距離移動を強いられる仕事でもない私にとっては、JALのファーストクラスシートがどうなろうと興味がなかったのだけれど、いざこういう写真を見せられると「お客さん連れての視察ツアーなんかの時は便利だよなー」と感慨にふけるのでした。