Yasuhisa Hasegawa

Yasuhisa Hasegawa

Web やアプリのデザインを専門しているデザイナー。現在は組織でより良いデザインができるようプロセスや仕組の改善に力を入れています。ブログやポッドキャストなどのコンテンツ配信や講師業もしています。

アート

フラクタルいろいろ

Jenn3d [http://www.math.cmu.edu/~fho/jenn/] フラクタルを描くことが出来るソフトウェア。Windows/Linux/Mac で動かせるだけでなく、ソースコードもダウンロード出来ますNaturally Occurring Fractals [http://www.miqel.com/fractals_math_patterns/visual-math-natural-fractals.html] 自然界にあるフラクタルを幾つか紹介George W.Hart [http://www.georgehart.com/] フラクタルの彫刻作品が幾つか掲載されていますJulius Ruis [http://www.fractal.org/Julius-Ruis-Gallery/Index-Gallery.htm] フラクタルを幾つか見れますが、自分で作れる「Fractal Imaginator (Windows)」のダウンロードも出来ますManny Lorenzo [http://www.

google

簡単にコンテンツが最適化されているかを見る方法

サイト運営側が「こうみられたい」と考えて作ったコンテンツでも、実際は異なる捉え方をされている場合があります。外からどのように捉えられるかを調べる方法のひとつとして Google のウェブマスターツール [https://www.google.com/accounts/ServiceLogin?service=sitemaps&hl=ja] があります。サイトがインデックスされているか、そして検索結果にどのように表示されているのか、調べることが出来ます。取得出来る幾つの情報の中に「上位の検索クエリ」という統計があります。 統計データは2つの順位表に分かれています。左側がサイトのページの表示に最も多く使用された検索クエリ。そして右側が実際のクリックに繋がったクエリになります。地域や検索の種類、そして期間で絞り込んだ結果を出すことも出来ます。サイトに記載されているキーワードがランキングで表示されているので、利用者からみたサイトのイメージを漠然と捉えることが出来ます。このデータから2つの可能性と対策が考えられます。 * これらがあなたのサイト (もしくは企業サイト) を象徴するキー

OSX

Grapeを使って散らかったデスクトップを整理

Canvas for OneNoteの感覚的な情報整理 [http://www.yasuhisa.com/could/article/canvas-for-onenote/] というエントリーで、自動ではなく手動による情報整理の可能性を紹介しました。Canvas は、OneNote 限定ですが、BumpTop [http://bumptop.com/]のようにデスクトップ上のファイルを手動で整理出来るアプリケーションもあります。BumpTop のような3Dにすることで、ファイルを配置する平面がさらに3つ増えます。マウスで操作するには少々効率が悪いですが、機械的なソートでは整理出来ない情報整理の提案しています。 こうした手動による情報整理が出来るソフトで最近見つけたのが Grape [http://tayasui.com/Grape.html] です。Mac OSX で動作するこのアプリケーションを使えば、仮想のデスクトップ上でファイルを自由に整理・検索が出来るようになります。手動と自動によるファイル整理をバランスよく行えるという意味でお勧めです。 仮想デスクトップの広さはスクリーン

コンテンツ

コンテンツを活かすためのサイト制作

ウェブサイト制作の仕事をしているとはいえ、サイトの情報構造やインターフェイスについて考えているだけではありません。どのようにしてサイトにコンテンツを掲載するのか、それらをどのように管理していくのか、なぜそのコンテンツをサイトに掲載する必要があるのか検討しなければいけません。クライアントによっては掲載したいコンテンツが漠然であったり、壮大な場合があります。クライアントのニーズに応じて、CMSに頼る部分を検討する必要もあります。ウェブの媒体を活かした戦略はあるので、それがどういったものか、専門用語も含めて解説を行ったり、フィードバックをするプロセスがあります。 これがデザイナーの仕事なのかといえば、違うのかもしれません。私が好んでこうしたやりとりをクライアントとしているのは、デザインをするための材料であり、中心的存在となるコンテンツについて考える時間に参加して調整が出来る点にあります。ウェブサイトは立ち上がったので終了というより、立ち上げてからどうサイトを成長させるのかが重要です。最初の段階でクライアントとコンテンツについて考える時間を設けることは、同時に立ち上げた後のプランも立てやすい

UX

お勧めのオンラインコラボツールいろいろ

基本的なコミュニケーションはメールやチャットといった文字情報のみで出来ますが、ビジュアルに関する考えを共有する場合、文字だけでは難しいです。スクリーンショットに手軽に情報を入れたり、スクリーンキャスト (動画) を作るツールが充実してきたので、ビジュアルを共有するのも難しくなくなってきました。絵を見せて意見を交換するというやりとりだけならメールでも難しくありません。しかし情報共有したり、共同作業をしたいと考えると、オンラインツールが最適です。今回はウェブサイト制作に役立つオンラインでコラボレーションを可能にするツールを幾つか紹介します。 Protonotes [http://www.protonotes.com/]以前builder.comの記事 [http://builder.japan.zdnet.com/member/u514743/blog/2008/11/21/entry_27018103/] として紹介したことがありますね。ウェブサイトに JavaScript のコードを埋め込むだけで、どのサイトにも付箋を貼付けることが出来るサービス。使う側は会員登録やプラグインを必要と

IA

効果的なプロトタイプを早く作るコツ

プロトタイプを作るのは重要ですが、作るためにおおくの時間を割きたくないところ。特に作ったあとも何回か調整をするわけですから、あまり作り込むわけにはいきません。しかし、あまりに単純な見た目だと情報共有が難しくなります。自分が使い慣れているツールを使うのは第一歩ですが、ちょっとしたことを気をつけることで、効果的なプロトタイプを早く作れるようになります。 スゴいコツだ!というのはありませんが、心がけてるだけでも少しばかり早く作れるようになりますよ。 使えるパレットを用意するよく使う UI 要素やコメントを付けるためのパーツはパレットにしておくと効率的。以前紹介した、OmniGraffle用 [http://www.yasuhisa.com/could/roundup/graffletopia/]とPowerPoint用 [http://www.yasuhisa.com/could/article/powerpoint-prototyping/]を利用すると手軽です。 テンプレートを用意するOmniGraffle では、通常のファイルを新規作成が出来るだけでなく、テンプレートを作成すること

インターネット

企業がTwitterをするべきではない10の理由+

海外では Twitter をカスタマーサービスや利用者とのコミュニケーションツールとして利用しているところが増えてきています。自動車メーカーではFord [http://twitter.com/scottmonty]、GM [http://twitter.com/gmblogs]、Honda [http://twitter.com/Alicia_at_Honda]。スポーツだとChicago Bulls [http://twitter.com/chicagobulls]、San Diego Chargers [http://twitter.com/chargers]。他にもComcast [http://twitter.com/comcastcares]、 Travel Channel [http://twitter.com/travelchannel]、DirecTV [http://twitter.com/DIRECTV]、Best

UI

変わりゆく「保存」の存在

アプリケーションに必ずあるコマンドのひとつに「保存」があります。このメタファーとしてフロッピーディスク [http://tinyurl.com/2xnvon] が長く採用されています。採用された当時は「フロッピーディスクのアイコンがあるから何かを記録するものだろう。よってこれは保存するという意味だ」と関連づけすることが出来たと思いますが今はその逆で「保存をするには、このアイコンをクリック」という認識になっているかと思います。 フロッピーディスクが姿を消してしばらく経ち、知らない人も多いのにも関わらず、このメタファが使われ続けられているのも、ひとつの理由として、アイコンが意味を示すものではなく、意味を示すためのアイコンになり、広く認知されているからかもしれません。 Office 2007 [http://www.amazon.co.jp/gp/product/B001GCUTW0?ie=UTF8&tag=could-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B001GCUTW0]

OSX

SousChefでレシピ管理がしたい

MacHeist 3 [http://www.macheist.com/] にはウェブサイト制作にや役立ちそうなアプリケーションが幾つかありますが、違う系統で興味をひいたのが SousChef [http://www.acaciatreesoftware.com/] というレシピ向けのアプリ。単にレシピを書き込んで整理するだけでなく、材料を買ったり作るときに便利な工夫が幾つかなされています。 レシピに書き込まれた材料の分量は人数分 (yield) を変更することで自動的に変化するようになっています。アメリカ製のアプリなので用意されている単位が oz や gallon と分かり難いですが、こうした単位も自分で加えたり、自分のオリジナルの単位も作ることが出来ます。ひとつの材料がなくても、他の材料でどうにかなる場合がありますが、代わりになる材料のリストもあらかじめ作っておくことが出来、料理の際はあるもの材料で作ることも簡単に出来そうです。 買い物の際は、作るレシピを「Grocery Lists」へドラッグ&ドロップすると、印刷可能な買い物リストを作ってくれます。ついでに料理とは別に必要