Interaction Design

I have learned some key elements for Interaction Design through long-time experience as an interaction designer and user experience professional. They are the context based on user centered perspective, rational information architecture, clear visual design to visualize them, simple structure, and finally the process to make the project going right. I'd like to introduce some recent projects here.

Adobe Thermo Demo Sites
This is the website design as the demo for the Adobe Thermo presentation at Adobe Max in November 2008 in San Francisco. Two images are for the portfolio site for a photographer, and one is the user interface for the eco-tour site as a business site.

Vendio Brandboard
In the higher level of the process, we communicate with the client to have the consensus about the website using this brandborad.

Genomic Health Online Form
When they were willing to renew the online form, we approached it from information architecture phase. I designed the visual image from WireFrame, created prototype using XHTML/CSS/JavaScript, and Ajax to make it dynamic. Also I worked with the .net developer to implement the form in their environment.

インタラクションデザイナー、ユーザーエクスペリエンス専門家としての長年にわたった経験で、僕はインタラクションデザインに必要なことを学んできた。それは、ユーザーの視点に立った文脈、合理的な情報アーキテクチャー、それらを視覚化する明確なヴィジュアルデザイン、シンプルな構造、そしてプロジェクトを的確に進めるためのプロセスだ。以下に最近のプロジェクトを紹介したい。

Adobe Thermoデモサイト
2008年11月、San Franciscoにて行われたAdobe Maxコンファレンスで使用されたAdobe Thermoデモサイトデザイン。フォトグラファーのポートフォリオサイト、そしてビジネスサイトとしてのエコツアーインターフェイスのサンプル。

Vendioブランドボード
プロセスの初期段階で、サイトの全体的なイメージをとらえクライアントとコンセンサスを取っていくためのビジュアルイメージ。

Genomic Healthオンラインフォーム
オンラインフォームリニューアルに際し、より効果的なフォームとなるよう、情報アーキテクチャーからアプローチした。WireFrameからのヴィジュアルデザイン、XHTML/CSS/JavaScript、Ajaxを用いダイナミックなプロトタイプを制作。また開発の際には、.Net開発者と共同作業を行った。