POLAR BEAR BLOG

スライドショーでアラスカ旅行を

これは単純に見ているだけで美しいサイト。デザインやインターフェースに興味のある方は、参考になる部分があるかもしれません（via information aesthetics）：

■ The Whale Hunt

Jonathan Harris というアーティストの方のサイト。副題に"A storytelling experiment"とあるように、ある物語を追体験するように作られた、実験的なサイトです。その物語というのが"Whale Hunt"（クジラ狩り）なわけですね。

2007年の5月、Harris さんはアラスカのエスキモーたちと9日間を過ごし、様々な写真を撮ったとのこと。その中の7日間（5月1日から7日まで）に撮られた写真3,214枚を、スライドショー形式で見せるというのがこのサイトの基本になります。

まずアクセスすると、写真の一覧画面になります。ここでは「モザイク」「タイムライン」などのメニュー（画面右下）が用意されていて、それぞれサムネイルが並ぶこととなります。上のスクリーンショットは、「ピンウィール（風車）」という形式で並べたところ。マウスオーバーするとまるで小魚が逃げるかのように、サムネイルがパーッと動きます。

この「ピンウィール」、実はサムネイルを時系列で並べたものの始点と終点をつなげたものなのですが、線が同じ太さになっていないことが分かりますよね。実は線の太さは撮られた写真の数を示していて、太ければ太いほど、短時間で多くの写真が撮られたことになります。すなわち、太ければ太いほど「写真を撮らずにはいられないような体験があった」ということを示しているわけですね。

実際に、線が太い部分から1枚を選んでみたのがこちら。おぉ、巨大なクジラを仕留めたところのようです。画面下部には「タイムライン」が表示されていて、ここから他の時間帯に移ることもできます。もちろんスライドショーなので、ここから写真がどんどん切り替わっていくのを眺めていることも可能。

そしてもう1つ面白いのは、フィルタの設定方法。写真は様々な条件でフィルタをかけ、望みの写真を探すことができるようになっているのですが、そのインターフェースが洒落ています。以下のスクリーンショットは、写っている「人」でフィルタを設定するところ：

画面中央にある数字は、現在の条件にヒットする写真の枚数。フィルタの条件には、この他にも「コンセプト」「コンテキスト」などがあり、複数の条件を設定すればそれだけ中央の数が減っていくことになります。

そしてフィルタ条件の1つ、「リズム（cadence）」がこちら。これは「5分間で何枚の写真が撮られたか」を示していて、ハートが多ければ多いほど、写真の数が多かった場面＝興奮するような場面の写真が選ばれます。上のスクリーンショットは、ハートの数が最も多い「RACING」を選んで「OK」を押そうとしているところですが、これを選択すると……

このように、クジラを陸に揚げようとしている写真が出てきました。これは確かに興奮の瞬間でしょうね。

という実験的なインターフェースが組み込まれたスライドショーなのですが、単にアラスカ旅行記として見ているだけでも楽しめるサイトですよ。お時間があるときに是非どうぞ。

「これ、誰が使ってた紙コップだっけ？」を防ぐデザイン

おお、ちょうどアルファブロガー・アワード2007結果発表イベントから帰ってきたばかりで、タイムリーな話かも。

立食形式のパーティーなどにいると、話をしている間に「あれ？この紙コップ、僕が使ってたやつだっけ？」ってなることがありますよね。別に他人が使ったコップでも汚くないだろうけど、何となく気になる。かと言ってペンで名前を書いておくというのもみみっちい……という状態を解決するデザインです（via swissmiss）：

■ Now, Which One Is Mine? (Yanko Design)

これはもう、百聞は一見にしかずですね：

テーブルに接する足の部分に切れ込みが付いていて、折り曲げられるようになっています。ここに文字や記号が書かれていて、例えば「ハート」と「1」が曲がっていたら僕の、と覚えておけばいいと。なるほど、シンプルで良いアイデア。

しかしこの案では、書かれているのは以下の文字＆記号ということで、ちょっと味気ないですね：

いっそのこと企業からのメッセージや広告を入れてしまうと良いのでは。そしたらパーティーの参加者が必ず広告を目にする＝広告主が嬉しい＝パーティーの費用を肩代わりしてくれる（せめて紙コップ代は出してくれる）ということになるかもしれません。

立食のパーティーは「非日常」ということで、皆が困る状況なのに、意外と見過ごされてきたのかもしれないですね。ちょっと考えてみれば「そういえばアレって困るよなぁ」という問題が見つかって、ついでにシンプルな答えを導き出せたりして。年末年始、フツーに飲んでるばかりじゃダメかも。

一目でオン/オフが分かるマグカップ

これもクリスマスプレゼントにちょうどいいかも。デスクに置いておくだけで、一目でオン/オフが分かるマグカップです（via swissmiss）。25ドルなり。

■ On Off Mug - PRESALE 2008 (Charles & Marie)

最初はこの通り、黒地に白で「OFF」と書かれているのですが、温かいものを注ぐと……：

次第に色が変わり……：

最後には白地に黒で「ON」と書かれたデザインになります：

ということで、朝会社に来てコーヒーを入れると、「スイッチON！」という感じになるわけですね。こんな風に、一目で自分のステータスを示すことができるアイデアというのはいいかも。

ただ、逆に「コーヒーを飲んで一服（OFF）」という場合も多いと思うので、自分の仕事スタイルに合わせて「温かいものを入れた時にをONにするか、OFFにするか」が選べたらいいのですが。とりあえず、仕事中にはカフェインが欠かせないという方にはオススメですね。

【関連】

■ 色で量を計る、というアイデア
■ シンプルな仕組みの効果

クリスマスプレゼントでお悩みの方に

週末なので軽いネタで。いよいよ今日から12月、ということはもうすぐクリスマス。今年のプレゼントは何がいいだろう、とお悩みの方のために、参考になりそうなギフト5品を集めてみました。

【ワガママな娘をお持ちの方に】

「行きたい！」と言うから連れてきた冬休みの旅行、出かけてみれば疲れて歩きたくないと言い出す……そんな娘さんをお持ちの方にはこちら：

■ Riding Suitcase for Kids (via Pop Wuping)

子供が乗って移動できるスーツケース。乗りやすい形状をしていて、しかも取っ手までついています。これなら安心して（？）子供を乗せられますね。

【自堕落な友人をお持ちの方に】

「通勤/通学しながら朝食が食べれたらラクなんだけどさぁ、オレ自転車通勤/通学じゃね？」という友人にはこちら：

■ Bikefast (via swissmiss)

「バイク（自転車）」と「ブレックファースト（朝食）」で「バイクファースト」。自転車に乗りながら朝食が食べれてしまうという逸品です。

【豪華趣味な親をお持ちの方に】

「暖炉のある部屋って憧れるわー」などと西洋への間違った憧れを抱いている親にはこちら：

■ Supratherm (via notcot)

燃え盛る炎の姿が描かれたヒーター。残念ながら画像が動く、という仕組みではないようですが、これだけでも十分暖かさ（熱さ？）を感じられるのではないでしょうか。

【浪費癖のある同居人をお持ちの方に】

「環境問題？省エネ？そんなの関係ねぇ！」という人と一緒に暮らしている方にはこちら：

■ WWF: Paper Dispenser (pan-dan)

使えば使うほど、森林資源の減少がイヤでも身にしみてしまうトイレットペーパー・ホルダー。残念ながらこちらは売り物ではないようですが……。

【ワガママな彼女をお持ちの方に】

「プレゼントは高価なアクセサリー以外あり得ない！」という彼女にはこちら：

■ wishlist necklace (via. swissmiss)

美しいアクセサリーを「文字で」表現したネックレスたち。ちなみに上のネックレスに書かれているのは「贅沢なほど美しいダイヤモンドと、アクアマリンがセットになった、14金のホワイト・ゴールドのペンダント」という意味。

**********

ということで、クリスマスまであと3週間ちょっと、ユニークなギフトが見つかるように頑張りましょう。僕は優しい家族がいれば何もいりません。けどこないだ VOX のパーティーで見た Xacti が（略）

【関連記事】

■ クリスマスにはUSBトースターを

「窓」を偽装するブラインド

たまにはデザインネタで。最近、某国では偽装が流行っていますが、これは「窓」を偽装してしまうブラインドとのこと：

■ Bright Blind

普通のブラインドと同様に、「羽」の開閉で明るさが調節できる照明器具。少し閉じた状態だと、完全に裏側に窓があるように思います。swissmiss 経由で知ったのですが、日本の方のデザインだったのですね。時間に応じて明るさや色が変化する（昼は明るくて、夕方になるとオレンジ色になり、夜になると消えてしまう）などという仕掛けが付けば完璧かも。

これは素晴らしい！欲しい！と思ったのですが、「ある日ブラインドを開けてみると、窓があると信じていた場所には壁しかなかった……」とかいう不条理系ホラーを連想してしまった僕はそろそろ小説を読む時期かも。どなたかホラー系でオススメ教えて下さい。

「地球に優しい」でダマす6つのテクニック

"greenwash"という単語を聞いたことがあるでしょうか。スペースアルクによる説明を引用すると、

〔企業・組織が〕グリーン［環境保護］を考慮していると世間に思わせるために偽情報［虚報］を流布すること

とあります。最近この"greenwash"を海外の記事でよく目にすることがあるのですが、日本も例外ではありませんよね。例えば「地球に優しい」というキャッチフレーズですが、よく考えるとこの言葉、具体的な内容は何も示していません。ということで、そんなデタラメにごまかされないために、参考になる記事をちょっとご紹介：

■ Six Sins of Greenwashing (TerraChoice)

TerraChoice Environmental Marketing というマーケティング会社が発表した、企業が"greenwash"する際のテクニック6つ。早速内容は、というと……

*****

1. トレードオフを隠す

1つの要素だけ見ると「環境に優しい」のだが、裏にトレードオフが隠されている。例えば、ある紙が「『持続可能性を考慮された森林』から伐採された木でつくられている」としても、製造過程や輸送過程でより「環境に優しくない」行為が行われているかもしれない（遠くから運ぶことでより多くのCO2を排出しているかも……）。

2. 証拠を示さない

「この製品は動物実験を行っていません」などという宣言はあるが、その証拠が示されていない。ウェブサイトでの情報公開や第三者機関による認定など、様々な方法があるはず。これは私たち消費者の側も、「～って書いてあるんだから本当だろう」と企業の言うことを鵜呑みにしてしまうという点にも問題がありますね。

3. 表現があいまい

「化学成分を含まない/毒物を使用していない」「ナチュラル成分」「環境に優しい」などなど、定義があいまいな言葉でダマす。これもついついスルーしてしまうことのないよう、消費者の側で注意が必要ですね。

4. 無関係な情報

例えば「この製品はフロンガスを使用していません」と書いてあったらどうか。ヘアスプレーであれば意味があるが、整髪ジェルに書かれていても何の意味もない（最初から使用されていなかったはず）。しかし「フロン不使用」などという言葉の価値に目を奪われて、不自然さに消費者が気付かずにいる例がある。

5. 小さなウソ

「有機栽培加工認証（Certified Organic）」など、第三者の認定機関による認証を受けたような表示をしているが、実際にはそのような事実が確認できない。これもちょっと調べれば分かることなのに、わざわざウェブサイトなどで確認しようという消費者がめったにいないことを利用したテクニックですね。

6. 究極の選択

オーガニック・タバコや「地球に優しい」殺虫剤など、そもそも「地球に優しくない」製品カテゴリーで環境保護の姿勢を示すこと。確かに環境のことを考えた製品の方が良いが、逆に「地球に優しいから少し多目に使っても大丈夫だろう」という意識を生む可能性もあり、そもそもそういった製品カテゴリーそのものの使用を控えた方が良い。これは「『ヘルシーなメニュー』ほど太りやすい」にも通じるものがありますね。

*****

ということで、「よく考えれば分かるんだけど、パッと見『これなら大丈夫』という気にさせる」というのが共通するポイントですね。またパステル調の色を使ったデザインにするとか、動物や植物のキャラクターを表面に描くなど、言葉以外のテクニックで「なんとなく環境に優しいかも」という印象を抱かせるということも考えられるかもしれません。

そういえばこのブログ、「Polar Bear （シロクマ）」という名前が付けられ、実際にシロクマのぬいぐるみも登場するし、色合いもブルー系で統一されていて何となくエコっぽい……まさか「環境に優しいブログ」と勘違いされてしまっていないでしょうか。いや、環境破壊は反対ですが、それほどエコな人間ではありません。ごめんなさい。

【関連記事】

■ 「歩いて買い物」は環境破壊
■ 流出した石油は洗い流すな

「クリーンな水平分割」がウェブデザインの最新流行？

海外の WEB2.0 系サイトのデザインを見ていると、どこかしら似ていると感じることが多いと思います。「カドが丸い」「ロゴが反射している」などなど、これまでも様々な点が指摘されてきましたが、最近のトレンドは「クリーンな水平分割」なんだとか：

■ Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided (StyleIgnite.com)

「クリーンな水平分割」とは、StyleIgnite による造語。しかしこの表現がピッタリだということは、例に挙げられているサイトを見れば一目瞭然です：

■ shoeboxed.com

上の画像は、現時点でのキャプチャ。画面全体が大胆に水平分割されていて、余白スペースも大きく開けられていますね。まさしく「クリーンな水平分割」。

念のため、他に例として挙げられているサイトをリンクしておきます：

• Wishlistr.com
• Blogadda.com
• ChurchPlantMedia.com
• Corking Design
• Dibusoft
• Enrichment
• HyperPixel Design
• NetNova
• Studio3K
• YikeSite
• Oak Tree Creative
• Revolver

そうそう、最近こういうイメージのサイトって見るよねという感じ。確かにこうして見ると、「最近の企業」らしく感じます。

で、「クリーンな水平分割」を構成する要素として、

1. 最上部

暗めな色を背景にして、シンプルな（主にテキストベースの）ロゴが表示されることが多い。

2. 2段目

キャッチコピーが大きな文字で表示されていることが多い。同時に目を引くグラフィックが掲載されているのもこのスペースですよね。

3. 3段目以降

より詳細な情報のまとめ。なぜか3列になっていることが多い、というのも共通しています。

4. アイコンやキャラクター

マンガ風のキャラクターを使い、使いやすさ等をアピールしているサイトも多い。またアイコンやバッジを追加して、サイトの彩りを増したり、商品/サービスのセールスポイントに気を引く効果を狙っているところも。

5. ナビゲーション

シンプルでクリーンなメニューを置くというのがトレンド。StyleIgnite が調査したところでは、「クリーンな水平分割」系でナビゲーションに掲載されているメニューは最大7個だったそうです。"HOME" "LOGIN" "SIGN UP"の3つのメニューしか置いていないところもあった、とのこと。

*****

ということで、以上5つのポイントを網羅して作ったダミーがこちら。WEB2.0企業っぽく……見えないこともないかも（中身はテキトーですよ）：

 

好評であれば、来週から Polar Bear Blog のトップページはこのようなデザインになります（うそです）。

iPhone vs. キーボード -- 軍配は？

ユーザビリティに関するコンサルティング会社 User Centric が、iPhone と普通のキーボード（QWERTY配列）が付いている携帯電話、どちらが打ちやすいかという調査を行い、結果を公開しています：

■ Direct Comparison of iPhone and Hard-Key QWERTY Phone Owners Indicates Higher Text Entry Error Rate for iPhones (User Centric)

タイトルで結果が明らかになっているのですが、簡潔に言えば「iPhone ではタイプのスピードは他と同様なものの、タイプミスをする確率が高い」とのこと。

では実験の内容。主な部分を抜粋すると：

• 被験者は60名。そのうち20名が iPhone オーナー（最低1ヶ月間は使用）、20名が QWERTY 配列のキーボード付き携帯電話のオーナー、残りの20名が数字キーでタイプする形式の携帯電話のオーナー。
• 実験は各自75分間、1対1の面接形式で行われた。
• まず自分自身の携帯電話を使い、6つのメッセージを入力してもらう。
• ※以下の作業を行ったのは非 iPhone ユーザーのみです（dagezi さん、ご指摘ありがとうございます！）
  次に自分が使っていないタイプの電話2種類で、同じく6つのメッセージを入力してもらう。iPhone 以外に使用されたのは、Blackberry （= QWERTY 配列）と Samsung E300 （= 数字キーのみの携帯電話）。
• 作業を記録し、作業が完了するまでにかかった時間と、タイプミスの発生率を比較。
• 結果は以下の通り（同じく dagezi さんのご指摘を受けて、修正しています）：
  • 自分が所有する携帯電話を使った場合、1つのメッセージ内に平均で何個のタイプミスを犯すかという割合では、iPhone オーナーは 5.6個、QWERTY型オーナーは 2.1個だった。
  • 同じく自分自身の携帯電話を使った場合、1つのメッセージ内に平均で何個のタイプミスが残るかという割合では、iPhone オーナーは 2.6個、QWERTY型オーナーは 0.8個だった。
  • iPhone オーナーと非 iPhone オーナーが iPhone で作業した場合を比較したところ、タイプする速さは（当然ながら）iPhone オーナーの方が勝ったが、タイプミスする確率はほぼ一緒だった。
  • 数字キーのみの携帯電話のオーナーを見てみると、iPhone では1メッセージあたり平均で 5.4個のタイプミスが発生していたが、QWERTY型キーボードでは平均 1.2個、自分の携帯電話（つまり数字キーのみの電話）では平均 1.4個だった。

こんな感じ。結論として「数字キーのみの携帯電話から iPhone に乗り換えるのはいいが、QWERTY配列の携帯電話を使っている人は、乗り換える前にお店でタイプを試してみることをお薦めする」などというコメントも紹介されています。元のリリースではより詳細な結果が出ていますので、ご興味のある方はチェックしてみて下さい。

ただ個人的には、ちょっと iPhone に不利な実験かなと感じました。iPhone が登場してまだ間もないですし、実験に参加した iPhone オーナーは「最低で過去1ヶ月間使用」というレベルですよね。一方の QWERTY キーボード付き端末はずっと前から存在しているわけですから、正確を期すためには、「どの種類の携帯電話も使ったことがない人」を揃えて同じ実験をすべきだったのではないかと思います。

とはいえ、「最低1ヶ月使っただけでは iPhone でタイプミスする確率は減らなかった」という結果が出ているのですから、やはり「タッチスクリーンでタイプする」というのは新しい経験なのだという認識が必要なのでしょうね。どれでタイプしても問題を感じない、という人間が一般的になるのは、果たしてどれくらいの時間を要するのでしょうか。

< 追記 >

元記事（User Centric によるリリース）の内容を、何点か誤解して記事を書いてしまいました。ご指摘いただいた dagezi さま、どうもありがとうございました。dagezi さんも同じリリースを元に記事を書かれていますので、こちらもどうぞご覧下さい：

■ iPhoneはテキスト入力に向いていない （聖アンドレアスの失敗）

今後も「いやそれは違う」「何か誤解してるんじゃない？」という点がありましたら、ぜひコメントをよろしくお願い致します。

緊急時にもデザインを

突然ですが、コレは何でしょう。ヒントはこれが置かれている場所。火の元の近くに置いておくべきものとは……正解はこちら：

■ HomeHero - Home Extinguisher

swissmiss で紹介されていた、デザイン重視の消火器。ただし単に見た目を良くするのではなく、人間工学に基づいた使いやすいデザインになっているそうです。下の画像は後ろからのショットですが、これだともう少し消火器っぽくなるかもしれませんね。

「緊急時に使うものにデザインなど必要ない」と言われるかもしれませんが、こんな消火器ならキッチンに置いておきたいという人が増えて、結果的に火災件数の減少に貢献するかもしれません。最近は日本でもデザインされた消火器が登場してきましたし、意外なモノがカッコ良くなって登場する、ということは今後も続くかもしれませんね。

デジタル化された現実、の再現実化？

こういう発想はいいですよね：

■ Desktop Folders for your Walls (swissmiss)

現実世界の「フォルダ」をデジタル化したイメージである「フォルダ」を、再び現実に持ってきたら……という発想。元情報のサイトがドイツ語のため、商品化されているのかどうかは分かりませんが、壁にPCのデスクトップを再現できるセットです。

ちなみに「ごみ箱」を置けば、この通り：