Latest thinking

すぐに使えるノウハウではなく、「なぜそうなっているのか」を考える記事を書いています。デザインの仕事で感じるモヤモヤに、構造から向き合いたい人のための場所です。

UX

利用者がサイトを去るときの感情

アクセスしたウェブサイトから離脱する理由はいろいろあると思います。目的を達成したのであれば最高ですが、そうでない場合もあります。利用者がサイトを去る理由はサイトによって異なると思いますが、共通した思いを抱いていることもあります。ちょうど1年くらいの記事ですが「 25 reasons users STOP using your product: An analysis of customer lifecycle [http://andrewchenblog.com/2008/06/29/25-reasons-users-stop-using-your-product-an-analysis-of-customer-lifecycle/] 」で、利用者がサイトを利用しなくなったときの感情や思いをリストアップしています。主にソーシャルサイトを意識したものになっていますが、ウェブサイト全般にもいえることで思い当たるところを以下にリストしてみました。 * なぜこれが自分にとって価値があるのか分からない * なかなか表示してくれない * いろいろしたいわけじゃない * 登録してまで利用し

Jun 12, 2009 2 min read min
apple

ウェブサイト制作にも参考になるAppleアプリの作り方

以前紹介した LittleSnapper [http://www.yasuhisa.com/could/article/littlesnapper/] をはじめ、Macには無料・有料ソフトウェア問わず UI が洗練したものが数多く存在します。「Macらしいアプリ」と言えるかどうかはインターフェイスと大きく関わっているかと思います。Appleアプリの開発者はどのように形作っているのでしょうか。TechRadar UK の「Before you buy: how Apple software is born [http://www.techradar.com/news/computing/apple/before-you-buy-how-apple-software-is-born-601111] 」という記事で CoverScout 3 [http://www.equinux.com/us/products/coverscout/] の開発プロセスをインタビュー形式で紹介しています。 大まかにコンセプトを固めるアイデアフェイズ、プログラムなどをする開発フェイズ、そしてバグフィックス

Jun 10, 2009 2 min read min
microsoft

Windows 7 デスクトップのデザインプロセス

Macユーザーではありますが、10月発売が決定した Windows 7 は結構期待しています。Vista で見つかった問題をどのように解決したのかという点も気になりますが、パソコンを利用する方達にどのようなソリューションを提案しているのかも興味深い点です。既にスクリーンショットやスクリーンキャストがウェブ上で出回っていますが、期待値が上がる UI や機能が幾つかあります。 Windows 7 のデスクトップはどのようにデザインされたのでしょうか。今年3月に開催された MIX09 [http://live.visitmix.com/]で、マイクロソフト シニア UX デザイナー Stephan Hoefnagels 氏が「 Designing the Windows 7 Desktop Experience [http://videos.visitmix.com/MIX09/C26F] 」というプレゼンをしました。デスクトップの細部にフォーカスして徐々に問題解決し、目指すゴールに近づけるプロセスを分かりやすく説明しています。以下に気になった部分を箇条書きしておきます。 * Wind

Jun 6, 2009 1 min read min
Twitter

Weekly Popular Twit Links 090605

Commons:Picture of the Year/2008 [http://bit.ly/NxU5S]素晴らしい写真集・・・7番目はなんだ?Ian Fleming: The Hourseman [http://bit.ly/DP3Jw]彼の Flickr [http://www.flickr.com/photos/ianidas/]ページも必見ですよJoo Youn Paek: Self-Sustainable Chair [http://bit.ly/11T7ZX]座りたいときにいつでも座れるようになりますWho Needs TV? [http://bit.ly/FFtEB]アメリカの話ですが、TVが必須アイテムと考えている人は半数しかいないみたいですScotland’s No1 Male Barbie

Jun 5, 2009 1 min read min
CSS

TypeKitから始まるウェブ文字革命

今月はじめに John [http://johnfallsopp.com/] が来日したときに「フォント関連で近々発表があるんだよね」と言っていたのですが、ついに全貌が明らかになったようです。Jeffrey Veen [http://www.veen.com/jeff/] を中心に TypeKit [http://blog.typekit.com/2009/05/27/introducing-typekit/] というプロジェクトが立ち上がる模様です。既に WebKit, Opera 10, Firefox 3.1 3.5 でサポートされている @font-face [http://www.w3.org/TR/css3-webfonts/] 。利用者のパソコンにあるなしに関係なく指定のフォントが使えるようになります。つまり、今まで仕方なく画像文字にしていた部分もテキストで処理可能になる可能性があります。 @font-faceでまず問題になるのが著作権に侵害しないかどうかという部分です。多くのフォントはウェブ上での配布を禁じていますし、@font-face

May 29, 2009 2 min read min
UI

いろいろあるインタラクティブ・テーブル

マルチタッチで操作可能なインタラクティブ・テーブルといえば Surface [http://www.microsoft.com/surface/] が有名ですが、他でも同類のテーブル(もしくは壁)が開発されています。カフェ、図書館、カンファレンスなど人がたくさん集まる場所にあると便利そうなインタラクティブ・テーブル。今回は GUI の見せ方も含めて興味深いものを幾つか紹介。アート作品から実際使われているものまで集めて参りました。リンク先のサイトには動画が掲載されているので、読むよりまずは見て体感すると良いと思いますよ。 Maeve [http://portal.mace-project.eu/maeve/]ドイツの University of Postdam で開発されているテーブル。専用カードを置くことで情報むことが出来たり複数のカードの情報の関連性を視覚化してくれます。Processing [http://processing.org/]とGestait [http://www.wortwechsel.biz/gestalt/] で開発されたそうです。Remotable [ht

May 28, 2009 1 min read min
インターネット

2009年的な影響力をもつ方法

今日 kengo [http://kengo.preston-net.com/]さんの tweet 経由で Twitter Grade [http://twitter.grader.com/yhassy] というサービスを知りました。Twitter上での影響力を調べるツールで、点数も付けてくれます。どうやって点数を付けているのかと思いこちらの記事 [http://grader.com/blog/how-does-twitter-grader-calculate-twitter-rankings/] を読んでみることに。フォローや更新数の多さから換算するような人気順ではなく RT や、@ といった他利用者とのインタラクションの頻度や誰にフォローされているのか(しているのか)といった関係も点数に影響するみたいです。ランキング [http://twitter.grader.com/location/?Location=Tokyo%2C+40%2C+Japan] をみると単にフォロワーが多かったり更新頻度が高ければ上位にいっているわけではないというのが分かります。 影響をもつためのステップ

May 27, 2009 3 min read min
デザイン

質問: ウェブサイトの見た目は同じにしなければならないか?

東京・京都で開催された Web Directions East ワークショップ [http://east.webdirections.org/] にて、ジョンの通訳として参加させていただきました。同時通訳でもなければ、プロの方がされるような完全な言葉の伝達ではない形でしたが、よりインタラクティブな対話が出来たのではないかと思います。遠く離れた2カ所で開催されたワークショップでしたが、共通して盛り上がったディスカッションが「ウェブサイトの見た目は同じにしなければならないか?」というトピックです。 この話題は私のサイトでも何度か挙って [http://www.yasuhisa.com/could/article/dowebsitesneedtolookexactlythesame/] いますが、「同じ見た目」という言葉だけでも随分捉え方が違いますよね。講師をしていた John にとっては「ほとんど同じだから良い」という装飾でも他の視点から見ればそうではない場合があります。最大公約数でポテンシャルを削ぎ落としてまで同じように見せる必要があるのか、実際、複数のブラウザで観覧するユーザーがどれ

May 20, 2009 1 min read min
ビジネス

共創のためのビジネスモデル

前回の共創に必要な価値観 [http://www.yasuhisa.com/could/article/co-creation/] という記事で、幾つかある共創のタイプ、そしてその特徴について紹介しました。市場に新たな価値を生み出す鍵といわれていますが、IDEOの Tim Brown も共創が今後の経済に必要だと考えている方のひとりです。Ideas Project のインタビューシリーズに彼が出演している [http://ideasproject.com/idea_person.webui?id=3407]のですが、そこで様々な興味深いアイデアを提案しています。 よいサービスとは、消費者/利用者が何もしなくて済むものではなく、消費者が参加したくなるようなものを指すと Brown 氏は説明しています。 参加型の経済メカニズムを専門用語でいうと参与型経済 (Participatory Economy) [http://tinyurl.com/r2etzm] と言います。労働者と消費者が共創するモデルで、資本主義経済とは異なりますし、すべてを中央化して平等に分け与える社会主義モデルと

May 13, 2009 1 min read min