Yasuhisa Hasegawa

Yasuhisa Hasegawa

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

javascript

Ext JSの勉強会に参加してきました

先日、Web Directions East [http://east08.webdirections.org/] の告知もかねて、Ext JS [http://extjs.co.jp/]の勉強会に参加してきました (前回の様子はこちら [http://extjs.co.jp/japan/study3.php])。JavaScript ライブラリといえば Prototype [http://prototypejs.org/] や jQuery [http://jquery.com/] を利用している方が多いと思いますが、Ext JS はこれらに次ぐ人気 JS ライブラリで利用者も増えているそうです。Ext JS の魅力はデスクトップアプリケーションに似た高い UI 要素を簡単に再現出来る点。小規模なアプリケーションを開発する際やエフェクトをかけたい場合は他のライブラリのほうが長けていますが、大規模なアプリケーションを効率よく構築したいのであれば Ext JS

プレゼン

10月は3カ所で講演します

特定のトピックに縛られることなく、いろいろな形でプレゼンが出来るのは嬉しいですが、気付いたら 10月は三カ所で話すという忙しい月になってしまいました。 ワークショップ [http://www.yasuhisa.com/could/diary/workshop-august2008/] 後のはじめてのプレゼンになるので、成果を発揮出来たら良いのですが・・・。 WDEとのジョイントイベント [http://www.apple.com/jp/retail/ginza/]10月1日 19:00 @アップルストア銀座 11月に開催される Web Directions East [http://east08.webdirections.org/] の協力で「 Webデザイナーが知っておきたい情報ワークフロー 」というタイトルで話をします。Macに特化したものが多くなりますが、それ以外を使っている方も参考になる話も盛り込んでありますパソナテックカンファレンス 2008 [http://www.pasonatech.co.jp/10th/event/pt_conf2008/

UX

効果的なウェブサイトに対する意識のギャップ

「効果的なウェブサイトって?」というのは単純な質問ではあるものの、視点や役割によって意見が違いそうです。この抽象的な質問に関してレポートにまとめている文書を見つけました。オンラインラーニングやウェブ上のクリエイティビティの推進のために様々な活動をしている NPO 団体 IDEA [http://www.idea.org/] が Factors that improve online experience [http://www.idea.org/find-information.html] というレポートをまとめています。NPO, ウェブサイト制作会社, 利用者の3つのブループに分けて「効果的なウェブサイトの要素は何か」という質問に応えてもらったそうです。詳しい調査結果と解説が書かれた PDF も同ページでダウンロードすることが出来ます。 作る側と利用者とのギャップというのは未だにあるみたいですね。今回の調査で大きく分けて 8 つの特徴が見つかったみたいなので以下にまとめておきます。自分も改めて意識しなければならないなと思ったのが幾つかありました。気を引き締めないと。 デザイナーは

Fringe “Pilot”

Fringe “Pilot”

LOST [http://www.amazon.co.jp/exec/obidos/ASIN/B000YRY69A/could-22/ref=nosim/]、 エイリアス [http://www.amazon.co.jp/exec/obidos/ASIN/B001CFXM52/could-22/ref=nosim/] で知られている J.J.ブライムスの新作 TV シリーズ。Fringe Science (非主流科学) を題材にしたサスペンスで、ちょうど X-Files とトワイライトゾーンを足して2で割ったようなイメージです。LOST の第一話は本物の飛行機を爆発させるなど映画のようなセットと製作費用で話題になりましたが、Fringe の第一話はそれを超える 1000万ドルを費やしたそうです。数々の壮大なセットやアクションシーンは映画そのもので、TVドラマを見ているとは思えなかったです。 J.J.ブライムスが関わっているということもあり、連鎖反応のように謎が出現しては解明されていく展開が続き、

ゲーム

iPhoneとオンラインゲームの未来

オンラインゲームの世界を作るためのプラットフォームは既に幾つか存在しており、以前「カスタムMMORPG [http://www.yasuhisa.com/could/entries/000974.php] 」というエントリーで紹介したことがあります。しかし、これらはすべてパソコンを使ったゲームを想定して作られたプラットフォームでモバイル用ではありません。既に日本の携帯ではオンラインゲームは幾つかありますが、パソコンのネットワーク対戦の域を超えているものは少ないです。場所や時間を組み合わせてリアルに人と繋がるという意味でオンラインゲームに新たな意味を加える可能性がモバイルにはありますが、既に開発している企業も出てきています。 Fallen Earth [http://www.fallenearth.com/]の開発をはじめ、オンラインゲームのソリューションを提供しているIcarus Studios [http://www.icarusstudios.com/]が、本格的なバーチャルワールドを iPhone で再現しようと開発を進めているそうです。プレスリリースはこちら [http://

求人

Job: AQがWeb制作者/デザイナー募集中

シンプルで魅力的なバイリンガルサイトをデザインすることで定評のある AQ [http://www.aqworks.com/]。Tokyo Art Beat [http://tokyoartbeat.com/] のデザインを手がけたことでも知られています。今回募集している方は、主にコーディングが出来る方みたいですが、制作の早い段階からプロジェクトに関わることが出来ますし、デザインプロセスにも参加することが出来るそうです。 詳細はこちら [http://tokyoartbeat.com/jobs/2008/9F08]。 バイリンガルな環境でウェブサイト制作に挑戦してみたい方はぜひ! 業務 * Photoshopのモックアップから、ウェブ標準に準拠したCSS/XHTMLのページを制作 (70%) * 待遇能力経験を考慮して決定 / 交通費支給応募資格 * クリーンかつWeb標準に準拠したXHTML、とCSSへの「愛」とコーディングの経験 * 柔軟で能率的なCSSのプランニングとコーディングの経験 (特に、東京アートビートのような多機能で進化がはやい大規模サイト向けのCSS

アイコン

よりスマートなサムネイルとは

この記事は「ライブアイコンを使った情報の見せ方 [http://www.yasuhisa.com/could/article/live-icons/] 」の続きにあたります。 クリックしなくても必要な情報のサマリーを見せる「ライブアイコン」。小さなスペースで効率よくかつスピーディに情報にアクセスするためのひとつの見せ方だと思います。アイコンやサムネイルのような小さなグラフィックも今まで以上にスマートな形で利用者に情報を伝える必要があります。iPhone をはじめ、スマートフォンではお気に入りのサイトをホームパネルに保存する機能があります。iPhone だと専用の Favicon が表示されますし、Sony Ericsson の Xperia だとページの見た目がそのまま反映されます。 しかし、いずれの方法でも課題が残されています。iPhone の場合だと静的なアイコンなので何も情報が見れません。Xperia の場合だとサイトの全体像が見れますが、あまりにも小さすぎて何が書いてあるのか分かりませんし、何か変化しても判断しにくいです。iPhone に実装されている Safari と、現在

ビジネス

電子マネーがソーシャルになる日

電子マネーといってもネット決済に使われるものから、携帯電話で利用するものまで様々。さらにお店でもらえるポイントも加えると、現金以外の財産が本当にたくさんあるなと思います。日本は携帯電話に Edy や Suica が実装されていることもあり、海外に比べると電子マネーは身近な存在なのかもしれません。都内に住んでいれば携帯電話だけで済む場合もありますが、電子マネーやポイントは年々種類が増えており、財布の中はカードであふれかえって管理が出来ない状態になっています。お金の本来の役目である製品やサービスを購入するという『機能』も限定的なものになっているような気がします。 Intel が運営している People and Practices Research Group [http://www.intel.com/research/exploratory/papr/] では、この問題に取り組んでおり、幾つかの可能性を模索しています。「Digitalization is changing money [http://blogs.intel.com/research/2008/09/digitali

UI

ライブアイコンを使った情報の見せ方

デバイスが違えば情報との関わり方は変わってきます。同じウェブからの情報を受信するといってもパソコンとモバイル機器では関わり方とアプローチに違いがあります。最も大きな違いであり、課題になるのが、モバイル機器でははるかに小さなスクリーン上で多くの情報を掲載しなければならないという点。『モバイル (移動)』という環境化の中で、欲しいときに必要な情報をすぐに出す必要があります。スクリーンが小さい割にはパソコンより多くの情報を目の前に出せるようにしておく必要があるわけです。 こうした難しい課題の中、モバイルインターフェイスで適応されているテクニックが「ライブアイコン」という概念。パソコンのアイコンといえば、アプリケーションを概念的に象徴するシンボルですが、突然形が変わるということはありません。しかし iPhone [http://www.apple.com/iphone/] や Sony Ericsson の Xperia X1 [http://www.sonyericsson.com/x1/] のアイコンはアプリケーションによってダイナミックに情報を提示するようになっています。 左が i