RIAブログ

RIAやUIを中心に取り上げます。今日の一選ウェブサイトを毎日更新中です

カテゴリ ‘UI’ 一覧

デジタル楽器のインターフェース MISA

without comments

このエントリーを含むはてなブックマークはてなブックマーク - デジタル楽器のインターフェース MISA この記事をクリップ!Livedoorクリップ - デジタル楽器のインターフェース MISA Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

神様はタッチパネルではありませんでしたが(前回記事)、
やはりタッチパネルのプロダクトは増えており、SFぽくて楽しいので紹介します。

[0048 MISA]
http://www.misadigital.com/index.html

エレキとカオスパッドを組み合わせたような楽器です。
MIDI音源ですのでギター音ではなさそうですが、演奏している様がかっこいいです。
接続はMIDIなのですが、この楽器の中身はLINUXベースだそうで、
SSHでつないでカスタマイズが可能だそうです。なんか色々すごい楽器です。
音を操作したり、液晶部分の表示をカスタマイズできるのでしょうか??
詳しくはこちらをどうぞ

デジタル楽器のインターフェースってすごい考えられて設計されているのだろうけど、
分らない人にとっては、映画の宇宙船のインターフェースみたいに感じます↓。

人前で演奏するものだからこそ、道具もどんどんかっこよくなっていくのでしょうか?
使いこなせたらいいけどたぶん無理そうなので、
今後もデジタル楽器のインタフェースに注目してみようと思います。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

1 月 20th, 2010 at 6:58 pm

神様のインターフェース設計

with one comment

このエントリーを含むはてなブックマークはてなブックマーク - 神様のインターフェース設計 この記事をクリップ!Livedoorクリップ - 神様のインターフェース設計 Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

神様のインターフェースというものが紹介されていました。

gods_control_buttons

神様のコンピュータはタッチパネルではないようです。
押してはいけないアルマゲドンボタンにはカバーがしてあります。
温暖化も氷河期も神様のボタン操作一つなのですね

最近はタッチパネル等のフラットなインターフェースがどんどん増えていきますが、
やっぱりボタンをポチッと押す感覚はいいですよね。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

1 月 20th, 2010 at 10:14 am

Posted in UI

Tagged with ,

UserHeatで、毎週ウェブサービスのレイアウトを改善する

without comments

このエントリーを含むはてなブックマークはてなブックマーク - UserHeatで、毎週ウェブサービスのレイアウトを改善する この記事をクリップ!Livedoorクリップ - UserHeatで、毎週ウェブサービスのレイアウトを改善する Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

UserHeatという早稲田大学発の技術系ベンチャー企業が開発しているツールがすごすぎてたまりません。

すごいことがわかるための画像を1つ

ClipCastのクリックヒートマップ

ClipCastのクリックヒートマップ

すごくないですか?
UserHeatに登録して、データを溜めることによって、このように解析することができます。
今までも、Google Analyticsでクリック率等を画面上で見ることはできましたが、より直感的にレイアウト改善提案するのには、もってこいのツールですね。

こういうウェブサービスは、

  • コンバージョンレートが安定する
  • 見てもらいたいページへの誘導がある一定量確保できる

などの目標が達成できるまで、SEOとあわせてページのレイアウトも改善していくのが常です。
自社サービスでは、自分たちの裁量で改変をすることができるのですが、パートナーやエンドユーザーさんと一緒にやっているプロジェクトですと、データ的に説明ができないと変更することが難しい場合もあります。そんなときに、このような視覚的なデータを見せることによって改善策をより説得力のある形で提供できるのではないでしょうか。

(ですが、前提条件としてウェブページのレイアウトは、その時々に応じて改善していくものですと伝えるべきですが)

ちょっと宣伝になってしまいますが、私たちの提供するVideo Analyticsも動画に対して、このような改善するべき内容を提示できるデータを提供することができます。現在のところ、インターネットで公開されている動画は、一度作られてそのままになってしまっていますが、今後は、Video Analyticsのようなツールを利用して、改善していく対象になると考えています。

というわけで、いままでレイアウトを変更したことのないウェブサイトやブログがあれば、UserHeatでデータを解析し、より見てもらえるサイトを目指してはいかがでしょうか。

  • Share/Bookmark

野村 亮之

2004年 名古屋市立大学芸術工学部在学中に株式会社sus4を設立・取締役に就任(現職)。2005年同大学を卒業。
デザイン視点でのウェブサービスの在り方をアプローチの基本として、さまざまなウェブサービス構築に従事。
2006年8月日本初のオンライン動画編集サービスClipCast(http://clipcast.jp/)を開始。2009年7月OTSベース動画解析サービスVideoAnalytics(http://video-analytics.jp/)を開始。
2009年8月Ext Japan LLCにてSenior Software Architectに就任。

Written by 野村 亮之

10 月 20th, 2009 at 1:41 am

Posted in UI

Tagged with , , ,

中心よりの乱数の作り方

without comments

このエントリーを含むはてなブックマークはてなブックマーク - 中心よりの乱数の作り方 この記事をクリップ!Livedoorクリップ - 中心よりの乱数の作り方 Yahoo!ブックマークに登録 BuzzurlにブックマークBuzzurlにブックマーク このエントリをつぶやくこのWebページのtweets Share on Tumblr FC2ブックマークへ追加 newsing it! この記事をChoix! Googleブックマークに追加 Bookmark this on Delicious Digg This

はじめまして。主にwebアプリケーションを担当しています立石です。よろしくお願いします。
RIAやUIを作るときの考察などなどをこのブログで書いていこうと思います。

今回は乱数についてです。Flashなどで-1~1までの乱数が欲しいと思ったときに、いつもはrandom = Math.random()*2 – 1と単純に計算していまた。これはflashの乱数が均等に取れていたなら、均等に-1~1の数字がほぼ同じ確立で取れるはずです。

しかし、いつも均等な乱数では面白くないので、違う方法を試してみました。random = Math.random() – Math.random()は、なんとなく中心に寄りそうなのは分りますが、確率など計算しても良く分りませんし、前者との違いもよくわからなかったので、3000個の円で分布図を作って実際に見てみました。ついでにrandom = (Math.random() + Math.random() + Math.random())*2/3-1もやってみました。結果は下の図のようになりました。〔Y軸は特に意味ありません〕

ランダムの分布図

Math.random()*2 - 1

ランダムの分布2

Math.random() - Math.random()

ランダム分布図3

(Math.random() + Math.random() + Math.random())*2/3-1

後者2つの方が少し中心によりました。必要に応じて使い分けていこうと思います。こんなまとめではあれですが、心地良いUI目指して少しずつ研究していきます。

10月20:追記
実験に使用したフラッシュを追加しました。

  • Share/Bookmark

立石 直敬

2009年名古屋市立大学大学院芸術工学研究科修了。
webアプリケーションに興味を持ち、アルバイトとして参加後、2009年10月入社。Flashを中心にRIA、UIを担当。
対応範囲拡大のため日々勉強中。

Written by 立石 直敬

10 月 16th, 2009 at 9:13 pm

Posted in Math, UI, flash

Tagged with ,

Get Adobe Flash playerPlugin by wpburn.com wordpress themes