アイデア クリエイティブになるための4つの視点 クリエイティブという言葉を聞くと、何か前例のないものを生み出す力だったり、アーティスティックな部分を指す場合があると思います。しかし、クリエイティブな実際そういったアートもしくはデザインだけに特定しているものではなく、すべてに関係しているものです。実は誰でも毎日クリエイティブな瞬間はあります。 私たちは毎日のように課題や問題に出くわします。それらをいかに解決するかを考える・・・これだけでもクリエイティブです。何も考えずに済ましていることも実はクリエイティブの結果だったりします。時間がかかったり出来ないと思っていることも工夫することで解決することもクリエイティブでしょうし、限られた時間の中で出来ることをするということもクリエイティブです。 「どうなったらクリエイティブになれるのか」という言葉をたまに耳にしますが、クリエイティブになるのは意外なほど単純であると同時に難しいものだと思います。クリエイティブな状態になるには4つの視点・考え方があります。 ほんの少しだけ注意深くなる 何気なくしていることを、まるで客観的に見ているかのように意識しながらアクションにするだけでも気付きはあります
apple 体験そのものを製品として売る 今月初めに開催されたアップル開発者向けカンファレンス WWDC 2008 [http://events.apple.com.edgesuite.net/0806wdt546x/event/] では、日本で 発売も決まった iPhone 3G [http://www.apple.com/jp/iphone/] の話題で持ち切りでしたが、個人的に気になったのが次期 Mac OSX にあたるコードネーム「Snow Leopard [http://www.apple.com/macosx/snowleopard/]」。Mac OSX 10.6 という位置付けのようですが、今回は目に見えて分かるような新機能はなく、64-bit サポートや OpenCL [http://ja.wikipedia.org/wiki/OpenCL]
インターネット シニア向けの SNS のまとめ 次々と SNS が立ち上がった時期と団塊世代が引退する時期に備えてサービスを提供したいというニーズが重なってシニア向けの SNS が次々と立ち上がったのがもう2,3年前。今は SNS という言葉すらそれほど聞かなくなりましたが、日本でも小僧.com [http://www.kozocom.com/]や STAGE [http://www.stage007.com/] のように今でも積極的な活動を続けているサービスは少なくありません。 日本だけでなく海外でもシニア向けの SNS やコミュニティサイトはたくさんあります。シニアという年齢層でセグメントしているものもあれば、さらに細分化しているサービスもあり様々。Webサイトデザインの視点から見てもアプローチが様々で興味深いです。今回はシニア向け SNS やコミュニティサイトを幾つか紹介。 Boomj [http://www.boomj.com/]シニア向けの SNS ですが、エキスパートという特権会員が情報発信したり質問を受け付けたりしています。オンラインショッピングと連動していますEons [http://www.eons.com/
セミナー SwapSkills for Happy Web Weekend [http://www.flickr.com/photos/yhassy/2582145331/]15日にアクトリンク株式会社主催のイベント Happy Web Weekend [http://www.actlink.co.jp/ja/event-summary/index.html] に参加してきました。既にイベントレポートがちらほら出てきていますね [http://blogsearch.google.co.jp/blogsearch?hl=ja&lr=lang_ja&q=Happy+Web+Weekend&ie=UTF-8&scoring=d] 。特に necozeさん [http://necoze.cc/
プレゼン 鳥のように食い、象のように糞をしよう スゴいプレゼンをする人と言えば、真っ先にスティーブ・ジョブズが頭に出てくる方もいると思いますが、他にもたくさん素晴らしいプレゼンをしている方がいます。最近では YouTube などでその人のジェスチャーやスライドを使うタイミングを確認しながら見れる場合も増えてきているので、内容と共に参考にしたり学習したりしています。最近インスパイアされたといえば、「 Presentation Zen [http://www.amazon.co.jp/exec/obidos/ASIN/0321525655/could-22/ref=nosim/]」の著者である Garr Reynolds さんのプレゼン。Google で行ったプレゼンを YouTube で全編観覧することが出来ます。 この中で印象的だったのが Eat like a bird and poop like an elephant という言葉。つまりこのエントリーのタイトルである「鳥のように食い、象のように糞をしよう」ということになります。元々 Guy Kawasaki の言葉で、
wasp WaSP Street Team に掲載されました この記事は「Web標準に関する良書を教えてください [http://www.yasuhisa.com/could/announcement/wasp-streetteam-japan/]」の続きにあたります。 このサイトで書籍の紹介を募集し初めて早 2ヶ月以上経ちましたが、ついに Web Standards Project に WaSP Street Team の List of Good Books [http://streetteam.webstandards.org/goodbooks/] 日本版が掲載されました。もちろん栞もダウンロード出来ます。 * 栞をみて来ましたか？ [http://streetteam.webstandards.org/goodbooks/ja/] List of Good Books 日本版 * 栞のダウンロード (PDF 0.2MB) [http://streetteam.
仕事 Action Blogger’s Night Vol.21 に出演します 社会を良くする活動や自分の生活改善をブログを活用して行動されている方のブログ・ブログ記事紹介を主な活動のひとつにしている アクションブロガー [http://actionbloggers.jp/]。今年のはじめからはほぼ週ペースで様々な話題を取り上げたイベントが開催されています。今月 20日の第21回目のイベントは「Webデザイナー」をトピックにトークイベントが行われます。まめこさん [http://blog.woopsdez.jp/]と ふうりさん [http://fuuri.net/]が出演する他、タイトルのとおり僕も出ます。 ブログをしている Webデザイナーということで選ばれたのだと思います。よく知っているお二人方なので、かなりリラックスした雰囲気になりそうで楽しみです。働き方や携わっているポジションも三者三様なのでそれぞれの視点が聞けるのではないかと思います。可能であれば見に来ている方達と対話しながら進めれたら良いですね。 サイトに掲載されている [http://actionbloggers.jp/announcement/action-bloggers-night-v
仕事 builder でローカライズに関する連載 以前 ZDNet Japan の builder というサイトで「iPhoneサイトを構築しよう [http://builder.japan.zdnet.com/sp/07buildisite/]」というミニ連載をしていましたが、最近また builder でミニ連載を執筆する機会があったのでここで紹介。Twitter [http://twitter.com/] や facebook [http://ja.facebook.com/] が日本語化され、翻訳の仕方や伝わり方の違いを実感された方も少なくないと思いますが、今回は Web サイトのローカライズをテーマに注意点や実例を盛り込んで紹介。仕事で翻訳をしたり、サイトのローカライズも実際お手伝いしたことがあるので、そのときの経験や最近の動向を元に執筆しました。 * ウェブサイトのローカライズの特徴 [http://builder.japan.zdnet.com/sp/web-design-localize-2008/story/0,3800086638,20373574,00.htm]
openwebdesign リンクタイプの進行状況 この記事は「リンクタイプの構成案 [http://www.yasuhisa.com/could/article/wireframe-for-links/] 」の続きにあたります。 [http://www.flickr.com/photos/yhassy/2553286294/] とてつもなく間が開いてしまいましたが、忘れてしまったとか飽きてしまったというわけではないですよ。他のことを書いたりしているとついつい後回しになってしますね。徐々にまたスピードを上げて行きますのでよろしくお願いします。 さて、リンクの構成案は随分前に出来上がっていたのですが、肝心の実装を進めていなかったので初めて見ました。途中経過ですが、どんな感じで進んでいるのかをこの場で共有したいと思います。作る前にリンクタイプには以下のような条件項目を挙げました。 * リンクのリストは <dl> で構成。 <dt> にサイト名、<dd> に簡単な説明文を書く * スクリーンショットを入れたい * マウスオーバーしたときのエフェクトを工夫したい * メンテナンス・拡張性を考えると面倒な作業や特殊なマークアップルール
ワイヤーフレーム プロトタイピングの基礎の基礎 まだ海外でしかみられない動きですが、有料のセミナーでもオンラインで映像か音声データを無料で入手出来るようになりました。セミナーで発表される情報に値段が付けられているのではなく、同じような考えを持っている方達が集まることで生まれる雰囲気と独特のエネルギーのための金額になっているのでしょうね。大きなイベントであればあるほどいえることですし、結果的に宣伝活動やネットワーク作りにもなると思います。日本でも体験に値段を払うという考えがもっと一般的になってくれると良いですね。 今年に入ってそんな無料で見れる貴重な資料が膨大に出てきたので、消化するのが大変ですが、デザイン関連のネタを中心に幾つか観覧しています。特に2008年2月に開催された Interaction 08 [http://interaction08.ixda.org/] は素晴らしいです。 先日見たビデオは「Effective Prototyping for Software Makers [http://www.amazon.co.jp/exec/obidos/ASIN/0120885689/could-22/ref=nosi
デザイン デザイン人類学について知る この記事は「今必要とされる『IT』 [http://www.yasuhisa.com/could/article/it-for-21century/] の続きにあたります。これからの IT を考えるにおいて、単に技術や刺激的なビジュアルだけでなく、社会科学への知識がより重要になってくると思います。最近読んでいる書籍や資料、そして考えていることも Web におけるデザインの役割と人間関係ついてが多いかもしれません。しかし、社会科学といっても大変幅が広いですし、それとデザインを関連付けさせるにはハードルも多いかもしれません。そこでヒントになるのが「 The Ten Faces of Innovation [http://www.amazon.co.jp/exec/obidos/ASIN/0385512074/could-22/ref=nosim/] (訳本 [http://www.amazon.co.jp/exec/obidos/ASIN/
デザイン デザインと人 - 25 Interviews 先週のえふしんさんとのポッドキャスト [http://www.yasuhisa.com/inflame/show.php?s=125] で、師事したり目指す対象になる巨匠のような存在が Web に不足している（もしくはいない）と話しました。そう痛感した理由のひとつがこの書籍を読んだからです。佐山一郎さんが過去 10年に行ったインタビューが一冊にまとまっています。原研哉、横尾忠則、石橋寛、タナカノリユキ など『デザイン』に関わる巨匠達がジャンルを問わず一挙に揃っている本も少ないと思います。 インタビューの時期はそれぞれ違うものの『デザインとは』という一環としたテーマがあり、ひとつ読み終わったあと、そして全部読み終わったあとにそれぞれ考えさせられます。佐山さんの丁寧かつ鋭い質問やコメントが間に入っているのが、文章に良いリズムを作り出しているような気がします。インタビューのプロフェッショナルとデザインのプロフェッショナルが会話をしている・・・そんな雰囲気が全体にあります。 書籍に登場している方達すべてに言えることですが、業界のトップにいてもデザインに対して切実で何かしようと今でも積極的に
インターネット 課金サービスの行方 4月の回 [http://www.yasuhisa.com/could/diary/meetup-april2008/]に引き続き百式の田口さん [http://www.100shiki.com/] が主催する勉強会に参加してきました。毎回、当日までテーマが分からないドキドキな集まりですが、今回のテーマは「課金」。最初にどんなサービスにお金を払っているかみんなで出し合いました。ISPやサーバーをはじめ皆さんいろいろなサービスにお金を払っている模様。自動的に購読が更新されているものや、一度クレジットカードを登録しておくと短いプロセスで購入出来るサービスは強いなという印象がありました。 コンビニ決済をはじめネットでものを買うための方法は幾つかありますが、どうやらカード決済が 57% で現在最も多いそうです（20歳以下だと別ですが全体的にみて）。数年前だと「カードは敷居が高いよね」というイメージがありましたが、徐々にそうとはいえなくなっているようです。それより敷居が高いのが購入完了までのプロセス。ショッピングカートのページから購入完了までのページでおよそ 50% が離脱しているとか。フォー
デザイン 怠っているのは私です 昨日は坂本さん [http://www.bookslope.jp/]との久々に会食。坂本さんとは「変革期のウェブ [http://www.amazon.co.jp/gp/product/4839924651?ie=UTF8&tag=could-22&linkCode=as2&camp=247&creative=1211&creativeASIN=4839924651] 」で対談したとき以来だったので、随分ご無沙汰していましたが、３時間という長い会話もあっという間に過ぎました。本当はポッドキャスト [http://www.yasuhisa.com/inflame/] の収録をかねてだったのですが、予約したところが個室にも関わらず想像以上にオープンスペースだったことと、席が向かい合っているけど離れすぎているということで断念。次回は必ず収録致します、はい。（渋谷周辺で対談に向いてそうな場所ってないですかねぇ。多少音があっても良いのですが） 坂本さんは某大手企業に所属している、
テクノロジー これから起こりうる 10 のテクノロジートレンド シリコンバレーにあるビジネス&テクノロジーフォーラム Churchill Club [http://www.churchillclub.org/] 。会員向けのイベントを年に何度か開催しているみたいで、そこでは実業家, VC, 学者が集まってディスカッションがされています。実はこの存在は最近まで知らなかったわけですが、もう 10年以上の歴史があるみたいですね。イベントの模様は CD もしくは DVD で販売されているみたいですが、最近では Web 上にレポートを書いて公開している人も出てきています。 その Churchill Club で先週「Top Ten Tech Trends Debates [http://www.churchillclub.org/eventDetail.jsp?EVT_ID=771] 」と題して、ここ数ヶ月から１年のトレンドに関するディスカッションが行われたみたいです (VentureBeat のレポート [http://venturebeat.com/
UCD UXに関するよいお言葉 最近見つけたおすすめブログは、inspireUX [http://www.inspireux.com/] というユーザー・エクスペリエンスやデザインに関する言葉を引用されているシンプルなサイト。まだ始まって２ヶ月くらいしか経っていないですが、様々な職種の方がそれぞれ独自の視点と言葉でデザインについて語っています。引用をインデックスカードに印刷出来そうな小さめの画像も用意してある気前の良さ。Webデザイン関連の言葉も多く、短い言葉ですがインスピレーションになるものも多いです。今回はその inspireUX で見つけた印象のある引用を幾つか紹介します。 Dan Saffer [http://www.odannyboy.com/] (Adaptive Path): > インタラクションデザインは単に問題解決のためだけではなく、より良い人々の関係を促進するためにも存在する。人と人を繋げるための良い方法をつけることが世界をもっと良い場所にすることにも繋がる Aaron Gustafson (AdvancED DOM Scripting [http://www.amazon.co.jp/ex
IA Powersetが提案する情報の見せ方 一部ではGoogleキラーと呼ばれている [http://www.abcnews.go.com/Technology/PCWorld/story?id=4833769]次世代検索エンジンPowerset [http://www.powerset.com/] 。キーワードだけでなく自然な文章でも検索出来るというところまでは他のサービスも行っていますが、検索結果の見せ方や情報の見せ方に幾つかの工夫がなされています。今のところ Wikipedia の記事 (英語のみ) を検索出来るだけですが、なかなかおもしろいです。個人的に「キラー」と呼ぶのは大袈裟だと思いますが、 Powerset では独自の情報の見せ方を提案しており、UIデザインや情報整理の観点からみると大変興味深いサービスです。今回は Powerset で見つけた興味深いアプローチを幾つか紹介していきます。 A. 概要 検索するとページの一番上に最も該当する項目が表示されます。通常のリスト表示ではなく写真付きで記事をある程度読むことが出来るようになっています。Googleでもこうした見せ方は一部のキーワードで行っていますが、Powe
プレゼン 改訂版・ヤスヒサ的プレゼン8項目 Designer meets Designers [http://www.yasuhisa.com/could/diary/d2-03-thank-you/] は、久々のプレゼンでしたが、ほぼ合格点の出来だったと思います（来ていただいた方に満足していただいたかどうかは別評価ですが）。今までの反省点を活かして話し方を模索したり、Keynote 4 に登場した新しいアクション [http://www.apple.com/jp/iwork/keynote/#effects] を追加するなど、今までと少し違った雰囲気になるように心がけました。もう２年くらい前に「ヤスヒサ的プレゼン [http://www.yasuhisa.com/could/entries/000981.php] 」と題して自分が考えるプレゼンのコツを紹介しましたが、今回はその改訂版という位置付けで8項目紹介します。 専用アプリケーションを使う今は SlideShare [http://www.slideshare.net/] のようなサービスもあるので、Web上に公開するために HTML
意見 D2-03: ありがとうございました この記事は「Designer meets Designers 03 で話します [http://www.yasuhisa.com/could/announcement/d2d03/]」の続きにあたります。Designer meets Designers [http://www.mdn.co.jp/webcre/d2] にて「さよなら Web標準 」というタイトルで講演をしました。今回は久しぶりに東京での講演ということもあり、かなり気合いを入れて準備をしました。主催の MdN の担当の方が早くからタイムラインを引いてくださっていたので準備もしやすかったところもあります。最新版の Keynote [http://www.apple.com/jp/iwork/keynote/] を使い始めてしばらく経ちますが、以前は PowerBook G4 を使っていたのでスペックが足らず、凝ったエフェクトも使い切れませんでしたが、今回は MacBook
デザイン Webサイトはまったく同じ見た目である必要はない Do websites need to look exactly the same in every browser? [http://dowebsitesneedtolookexactlythesameineverybrowser.com/] (Webサイトはすべてのブラウザでまったく同じように見えていなくてはいけないのか？) リンクをクリックすると答えが分かるのでぜひどうぞ。去年の暮れから今年にかけてこんな長い URL を使った一問一答系ページが増えており火曜日かどうか [http://isittuesday.com/]、クリスマスかどうか [http://www.isitchristmas.com/]、 Twitterが落ちているかどうか [http://istwitterdown.com/]、パリス・ヒルトンは刑務所にいるかどうか [http://isparisinjailrightnow.com/]、自分はスゴいかどうか [http://amiawesome.com/] などたくさんあるみたいです。 最初に紹介した「Webサイトはすべてのブラウザでまったく同じように見え
インターネット Google検索がすごい理由から分かること 99年頃に Google をみたときは「おいおい、いまさら検索ってないだろう」と最初は思いました。当時はポータルサイト真っ盛りでどこも検索サイトやディレクトリをもっていたので、これ以上あっても仕方ないと感じたわけですが、当然のことながらその考えは大きな間違いだったと後に気付くことになります。他のサイトで見つからなかった情報が Google で見つかるなんてことが当時はよくありました。結果的に今でも最初に検索するのは Google だったりします。 Google 検索が他より優れた結果を出していたのは、すぐれたアルゴリズムがあったからなのかもしれませんが、それより重要なことは、従来の検索の概念と正反対のアプローチをとったところです。手動のディレクトリ制作や登録サイトといったオーソリティと呼ばれるサービスや企業が正しいと思う情報を表示させていたのに対して、Google は被リンク数を情報の精度のヒントに使いました。非リンクとはつまり普通のインターネットユーザーが付けたレコメンデーションと考えても良いでしょう。一部の人たちによって決めていたものを大衆に任せたところが大きなシフトチェンジだっ
セミナー デザイナーといってもいろいろです 今月も再び百式の田口さん [http://www.100shiki.com/]が主催の勉強会に参加してきました。今回はなんと「デザイン (全般的なデザインというより Webに特化していたかと)」がテーマでした。テーマがテーマなのでポッドキャストで対談 [http://www.yasuhisa.com/inflame/show.php?s=111] した種村さんにもご一緒してもらい、開発者、デザインしている人合わせて 20人くらいが集まりました。エンジニア、プログラマー（デザイナー以外の視点ですね）からデザイナーに向けて質問というのがメインでしたが、受け答えるデザイン系の方が 4人だったのでもう少しデザイン系の方が多かったらいろんな意見が聞けたのかもしれません。 幾つかあがった質問をみて感じたのが、装飾という意味でデザインを捉えている方は少なくないなという点。種村さんが「絵はイラストレーターという方がやっていて、デザイナーはどちらかというと情報を整理したり、見えないものを引き出すような仕事」みたいなことを言っていて正にそのとおりだと思いました。もちろん絵が描けたらそれにこしたことないで
OSX Leopard最強アプリは辞書 Mac OSX Leopard には様々な魅力的な機能 [http://www.apple.com/jp/macosx/features/] が実装されていて、使えば使うほどその良さが分かるという印象がありますが、その中でも特に素晴らしいのが辞書 [http://www.apple.com/jp/macosx/features/japanese.html] です。ディテールにこだわった美しいアイコンも素敵ですが、これぞ Mac OSX を使っていてよかったと思えるアプリケーションです。前のバージョンにも辞書はありましたが、英語版の辞書をそのまま乗っけただけ（つまり英英辞典）なので使い物になりませんでしたが、今回は英和はもちろん大辞泉、和英、ウィキペディアも実装されています (環境設定から英英辞典の表示を On に出来ます)。日本スタッフの気合いの入れ方が違いますね。 辞書は Spotlight と同様インクリメンタル検索なので、文字を入力しはじめたらすぐに結果が出てきます。結果は説明文も含めてすべてリンクになっているので、言葉を次々と辿って行くのも容易です。ウィキペディアも他の記事へ
仕事 今必要とされている『IT』 IT (Information Technology) はみなさんにとってどういった意味をもつ言葉でしょうか。効率的に情報を行き来させる技術の総称と 説明することが出来ます [http://ja.wikipedia.org/wiki/情報技術] 。「IT革命」という言葉のようにバズワード化してしまった部分もあるので、逆に意味が分からない怪しい領域に見られている可能性もなくはないでしょう。未だに IT 業界と呼ばれるところはどうも別世界に見られているような印象もあります。 技術を見えなくする 技術という言葉があるので確かに技術的なことではありますが、人に使ってもらうものを作るために技術だけで簡潔した例は今までありません。今のケータイ・インターネットの火付け役になった i-mode にせよ、新しいゲームプレーを提案した Wii にせよ、最新の技術を使ったわけでもなければ、ほとんどの方が技術をきちんと理解して利用しているわけではないです。技術中心ではなく、人を注意深く観察した上で、それを解決するにはどういった技術が必要だろうと考えた結果に出来上がったもののようにみえます。 本当の意味で普
OSX 最近使ったアプリを Stacks に置く方法 QuickSilver [http://www.blacktree.com/] ユーザーにとって Dock にすべてのアプリケーションを放り込んでおく必要はないわけですが、時にはマウスで操作したほうが早い場合もあります。 最近使ったアプリケーションはまた立ち上げたいと思うことも少なくありません。[アップルメニュー > 最近使った項目] からアクセスすることが出来ますが、結構面倒だったりします。そこで最近使ったアプリケーションを自動的に保管してくれる Stacks [http://www.apple.com/jp/macosx/features/desktop.html] を作っておくと便利です。 [アプリケーション > ユーティリティ] にあるターミナルとを立ち上げて以下のコマンドラインをコピー＆ペーストして [return] キーを押します。 defaults write com.apple.dock persistent-others -array-add '{ "tile-data" = { "list-type" = 1; }; "
