プロトタイピングの基礎の基礎
まだ海外でしかみられない動きですが、有料のセミナーでもオンラインで映像か音声データを無料で入手出来るようになりました。セミナーで発表される情報に値段が付けられているのではなく、同じような考えを持っている方達が集まることで生まれる雰囲気と独特のエネルギーのための金額になっているのでしょうね。大きなイベントであればあるほどいえることですし、結果的に宣伝活動やネットワーク作りにもなると思います。日本でも体験に値段を払うという考えがもっと一般的になってくれると良いですね。 今年に入ってそんな無料で見れる貴重な資料が膨大に出てきたので、消化するのが大変ですが、デザイン関連のネタを中心に幾つか観覧しています。特に2008年2月に開催された Interaction 08 は素晴らしいです。 先日見たビデオは「Effective Prototyping for Software Makers」の著者として
デザイン人類学について知る
これからの IT を考えるにおいて、単に技術や刺激的なビジュアルだけでなく、社会科学への知識がより重要になってくると思います。最近読んでいる書籍や資料、そして考えていることも Web におけるデザインの役割と人間関係ついてが多いかもしれません。しかし、社会科学といっても大変幅が広いですし、それとデザインを関連付けさせるにはハードルも多いかもしれません。そこでヒントになるのが「The Ten Faces of Innovation (訳本)」に書かれている 11人の必要とされる人間像。その中で紹介されている『人類学者 (Anthropologist)』は人とデザインをつなげる重要な役割をもっている存在です。 ちょうどそんなとき、Adobe Design Center で Design Anthropology (デザイン人類学) の助教授をしていらっしゃる Dori Tunstallさんが執
Powersetが提案する情報の見せ方
一部ではGoogleキラーと呼ばれている次世代検索エンジンPowerset。キーワードだけでなく自然な文章でも検索出来るというところまでは他のサービスも行っていますが、検索結果の見せ方や情報の見せ方に幾つかの工夫がなされています。今のところ Wikipedia の記事 (英語のみ) を検索出来るだけですが、なかなかおもしろいです。個人的に「キラー」と呼ぶのは大袈裟だと思いますが、 Powerset では独自の情報の見せ方を提案しており、UIデザインや情報整理の観点からみると大変興味深いサービスです。今回は Powerset で見つけた興味深いアプローチを幾つか紹介していきます。 A. 概要 検索するとページの一番上に最も該当する項目が表示されます。通常のリスト表示ではなく写真付きで記事をある程度読むことが出来るようになっています。Googleでもこうした見せ方は一部のキーワードで行っていま
今必要とされている『IT』 : could
IT (Information Technology) はみなさんにとってどういった意味をもつ言葉でしょうか。効率的に情報を行き来させる技術の総称と説明することが出来ます。「IT革命」という言葉のようにバズワード化してしまった部分もあるので、逆に意味が分からない怪しい領域に見られている可能性もなくはないでしょう。未だに IT 業界と呼ばれるところはどうも別世界に見られているような印象もあります。 技術を見えなくする 技術という言葉があるので確かに技術的なことではありますが、人に使ってもらうものを作るために技術だけで簡潔した例は今までありません。今のケータイ・インターネットの火付け役になった i-mode にせよ、新しいゲームプレーを提案した Wii にせよ、最新の技術を使ったわけでもなければ、ほとんどの方が技術をきちんと理解して利用しているわけではないです。技術中心ではなく、人を注意深く観
リンクタイプの構成案 : could
可能な限りフィードバックを得れるような状態にしながら、徐々に方向性を固めて組み立てれるように複数のサイクルで構成されたプロセスを提案しました。今回はその第一弾である「リンク」タイプのデザインに取りかかろうと思います。リンクは「クラフトっぽいアート作品いろいろ」のようにゆるいテーマがあるかもしれないですが、リンクが羅列しているようなエントリーのことを指します。 このタイプのエントリーはあまりブックマークもされることもなく、どちらかというと検索からくる方のほうが多いです。サイトへのロイアリティもあまり高くないので、最近のエントリーやタグリストなどといった全体像が分かるものを省いて、読者が必要しているものをはっきり見せることが必要とされるタイプになります。リンクタイプはイントロダクションのような文章もない単純なリスト（<dl> で記述）なので、文体も統一されています。マークアップ面では完全にパタ
2020年のヒューマンインタラクション
コンピュータと人間の関わりはここ10年で急激に変わってきています。10年前は１人に対しパソコンという 1台のコンピュータがあるだけでしたが、今はそれだけでなく携帯電話をはじめとした小さなコンピュータを 2,3台持つようになっています。そしてこれからはさらに多くのコンピュータを１人の人間が扱う社会になると言われています。 その一例がもうすぐお目見えする Microsoft のSurface でしょう。携帯電話を置くだけで、自分に関連した情報とインタラクションすることが可能になります。つまりキオスクのように単に情報が一方的に流れているコンピュータでなく、いつでも何処でもどのデバイスでも簡単なインプット（Surfaceでは携帯電話を置くだけ）で自分のデータにアクセス出来るようになるわけです。ときにはWebと接続されたコンピュータの可能性もあるので、写真屋にあるデジタルプリントのキオスクも将来的に
ブログの向こう側にある会話を追う
従来オンライン上の会話は一元化されていました。例えばフォーラムや掲示板で会話を始めるためのネタが挙り、それに対しての反応がその場に連なっていました。ブログが使われるようになると、フォーラムでの会話だけでなくブログを中心とした会話もスタートしました。簡単にブログを設置することが出来るので会話が一カ所ではなく数多くの場所で発生するようになったものの、ブログにあるコメントやトラックバックによってなんとなく繋がり合っていました。また、TechnoratiやGoogleブログ検索を利用してある程度、会話を追うことも可能です。しかし、現在はさらに会話を追うのが難しくなってきています。 今はブログより気軽に自分の意見を書き込む場所が数多くあります。Livedoor クリップをはじめとしたソーシャルブックマークサービスのメモ機能。Tumblrのようなスクラップサービス。Newsingのようなソーシャルニュ
データを一望出来るダッシュボードいろいろ : could
ウィジェットダッシュボード データを一望出来るダッシュボードいろいろ 特定のデータを詳しく分析したいという要望もあると同時に、全体を見渡して傾向を把握したいときもあります。そういった場合、ダッシュボードがトップページとして表示されることがあります。様々な種類のデータやコンテンツが一望出来るという意味では iGoogle をはじめとしたウィジェット（ガジェット）を使ったサービスもダッシュボードの一種といえるでしょう。 ダッシュボードも見せ方はいろいろあって、様々なサービスをみると参考になります。 ClubReady フィットネスクラブ管理ツール。ブログのほうでスクリーンショットが見れます Capital One Card Lab 見た目も優れていますし、横のステップが見えるインターフェイスも良いですね Google Sites 様々な Google サービスを一望出来るという意味ではこちらも
Find Job! にインタビューが掲載されました : could
仕事意見 Find Job! にインタビューが掲載されました Find Jobs! ではクリエーターを目指している方に向けたインタビューコンテンツ『生業』を毎月掲載しています。有名な方や知っている方も出ているこのシリーズですが、今回僕のインタビューが掲載されました。インタビュー自体は約１時間あり、いろいろ話した記憶がありますが、いい感じに短くまとめられています。なぜこの仕事を始めたのかといういきさつも少々書いてあります。こうしてインタビューといて掲載されていると、よく考えていたようにみえなくもないですが、結構行き当たりばったりの部分が多かったりします、はい。 インタビューでは今までブログで書いてきたところを断片的にして話しているところがあるので、このサイトを読んでいただいている方にとっては総集編のように見えるかもしれませんね。たぶん以下のエントリーと合わせて読むと分かりやすいと思います。
今時のプロトタイピング
ページベースの Webサイトを制作するのであれば、多くの方が利用出来るということも含めて PowerPoint や Keynote といったプレゼンテーションアプリが最適だといえます。しかし、Ajax や Flash を利用したページを移動することなくデータにアクセスするサイトや Webアプリケーション、ショッピングサイトのような会員/非会員によって異なるコンテンツやフォームを必要とするサービスでは、ページベースで Webサイトを考えるのは困難です。 ユーザーテストをする際も PowerPoint や Keynote では難しい場合もあるでしょう。共に高度な描写が可能になり見た目の質は高くなりましたが、クリックしたときの動作や、「戻る」「進む」のようなブラウザを介した操作、そしてマウスやキーボードを使った操作までテストすることが出来ません。ページベースでプロトタイプを作るのでインタラクショ
フリーランス3700人に聞いた調査結果
フリーランスといっても完全にフリーランスの方から週に数時間だけフリーランスの仕事をこなすといった方もいるので様々です。このサイトに訪れている方の中でフリーランスの方もいると思いますが、FreelanceSwitchのほうでフリーランスに関する興味深い調査結果がまとめられています。 世界中のフリーランサー3700人からの回答を PDF で購入することが出来ます。応えた人の81%が男性という偏った結果にはなっていますが、全体の9％はアジアの国の方なのでアメリカだけに特化した結果ではないようです。 50ページ以上もある貴重なデータなので、興味のある方はぜひ購入してほしいですが、以下に気になったデータを少しだけ紹介。 89%がフリーランスになって幸せになったと応えている。これは職種に関係なく高い回答率 50%がフリーランスになって働く時間が減った 50%が都市圏に住んでいる 33%がフルタイムで働
拡張性のあるデータ配置を模索する
そろそろ大まかな形でワイヤーフレームを作っていこうと思っているわけですが、その前にいろいろ準備しておきたいことも幾つかあります。そのひとつが、拡張性を考えて、どのようなデータをどの辺りに配置するのがベストかを考えること。これは Webアプリケーション開発において特に重要になってくることだと思いますが、大幅な改変をしなくても、機能やミニコンテンツといったコンポーネントを付け加えることが出来るように設計しておく必要があります。もちろん、すべての可能性を考慮することは不可能ですが、あらかじめ拡張されることを考慮して設計を始めるか始めないかでは大きな違いがあります。 下の図はページを大まかに4つに別けて、異なる配置を考えたものです。 ※ ワイヤーフレームの基盤のような存在なので、実際のサイトのワイヤーフレームを作っているわけではありません。 ナビゲーション サイトのグローバルナビゲーションに当たる
PowerPoint を使ったプロトタイピング
プロトタイプを作るソフトウェアは Visio のような高度な機能があるものを含めて複数あります。一番最初の段階であれば紙でも良いと思いますが、Webサイト上でのインタラクションを可能な限りリアルに再現して検証するにはパソコン上で行うのが最も適しています。どのツールが良いか迷っている方もいると思いますが、どうやら Microsoft では PowerPoint 2007 がワイヤーフレームを作るツールとして使っているそうです。 2007年、韓国で開催されたカンファレンスで PowerPoint 2007 を使ったワイヤーフレームに関するセミナーがありました (Silverlight ムービー)。Microsoft には Visio があるのになぜ PowerPoint を使うのかというと、PowerPoint のほうが使える人が圧倒的に多いだけでなく共有もしやすいからだそうです。例えば Ex
Google の UX プロセス
今では小さなチームによるアジャイルソフトウェア開発はそれほど珍しくはないですが、Google は随分前からそれを実践している企業のひとつです。よりよいものを作ることであれば、時には今まで辿って来た道も変えてしまうこともあるダイナミックな環境でどのようなプロセスが存在するのでしょうか。David Sherwin さんのブログで、Google のユーザーインターフェイスデザイナーである Jake Knapp さんのセッションに関するレポートが掲載されています。 Knapp さんのセッション内で、ダイナミックに変わる環境化の中で、よりよいユーザー体験をもったサイトを構築するための8の対策を紹介したそうです（細かく別けると全部で17）。以下に簡単にですが紹介しておきます。 確固たるプロジェクトの基盤をもつ チームが小さい分、フォーカスしなければならない プロジェクトのもつ影響力は？ 他のプロジェク
カテゴリとタグを上手に使い分ける : could
CMS にタグというコンセプトが組み込まれる以前は「カテゴリー」はどういった情報がコンテンツに含まれているのかを示すものでした。例えば、Mac、映画、ライフハック、仕事といった具合だと思います。しかし、タグ機能が CMS に導入されるようになると、以前カテゴリ名として扱っていた名称 (キーワード) がタグへ移行していきました。 ここで課題になってくるのが、タグがコンテンツに含まれている情報を示すようになったので、カテゴリに明確に違う役割を示さなくてはならないところです。もし従来のように「Mac」というカテゴリを作ってしまうと、Macに関する情報が書かれたエントリーに Mac というタグを書き込むことは重複になりますし、管理する側もこれはカテゴリなのかタグなのかというのが分かり難くなり、記事によって異なる示し方になりかねません。 ブログエントリーとひとことで言ってもエントリーによって様々なタ
ニュースサイトならではのウィジェットを考える
先日、朝日・日経・読売3社の記事を同時に読み比べることができる新s あらたにすがオープンしました。手短に言ってしまえば３社しか見れない Google ニュースといったところでしょうか。このサイトについては、いろいろ思うところがありますが、自社サイト以外にも記事を開放することを積極的にし始めているのは事実。RSSの配信やウィジェットの公開など少しずつステップアップしているといえます。 ニュースとの接点は増えて来ていますが、ただ新着情報を電光掲示板形式で流すだけでは物足りないです。BBC Backstage ほど革新的なものは求めませんが、それでも出来ることは幾つかあるような気がします。ネットユーザーとニュースの関係をより親密にさせ、かつトラフィック増加に繋がるような形を考えてみました。 公式の情報が使えるという強み Webにおけるニュースサイトの利用のされ方は、他の媒体のように受動的に読者が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
