Home > ロフトワークの強さ > キーワード・コラム > Webサイト来場者のUXを高めるために有効な様々なWebアプリケーション

Webサイト来場者のUXを高めるために有効な様々なWebアプリケーション

2008/06/02 キーワード : 【 Webアプリケーション 】 【 Webサイト 】 【 Flash

ユーザー体験(UX)を進化させるWebアプリケーション最新動向

「UX」という言葉を耳にしたことはありますか?これはUser Experienceの略でユーザー体験という意味になります。概念としては「UI(ユーザーインターフェース:ユーザーとコンピュータとの間で情報のやり取りをする際の操作感)」の上位概念として用いられることが多く、「ユーザーにどのような(良い)体験をさせるか」という意味で使われています。

ユーザー体験向上に貢献する、Ajaxとは?

昨今のWebでも「UX」は非常に大切な概念と考えられています。皆さんも、知らないうちに「UX」思想によって設計されたサイトを目にしたことがあるはずです。

UX を向上させる手段として、最近特に流行の兆しを見せているのが、Ajax(Asynchronous JavaScript + XML)です。“サイトの特定の箇所にマウスを持っていくと、自動でサイトが動いて次のアクションを起こせるようになった”という場合、Ajaxもしくは Flashで作られているケースが考えられます。AjaxとFlashってどちらも同じでは?動きならFlashで作ればよいのでは?という意見もあると思うのですが、AjaxとFlashは異なります。その決定的な違いはその“使われ方”にあります。

Flashが得意なのは、魅せることを目的とした大きな動きや、思わず「おお~」と声を上げてしまうようなリッチなユーザー体験ができるコンテンツです。これに対してAjaxは、ユーザーの操作を補助する役割を果たすことがその設計思想の根本にあります。マウスを乗せると閉じていたメニューが開き、中のコンテンツに到達しやすくなるとか(例えばyahoo.comの個人ツール部分にマウスオンするとコンテンツが開く)、入力フォームに文字を入れた時に、その入力情報の正否を瞬時に判断して結果をフィードバックしてくれたり(remember the milkというオンラインto do管理サイトの登録フォームなど http://www.rememberthemilk.com/signup/で使用されている)という感じです。ちょっとしたことなのですが、このちょっとした使いやすさへ心遣いがあることで、星の数ほどあるサイトの中で存在感を示すことに繋がります。

ユーザーの動きを踏まえた設計が重要

ただこんな便利なAjaxも、制作者にユーザー体験という視点が抜けていると、説明不足のただの使いにくいサイトになってしまうこともあります。いかにサイト内でのユーザーの動きを事前に計算し、その答えを用意した上で設計できるかということになってくるので、シンプルな動きでも、十分に吟味して設計を行う必要があります。

話は元に戻りますが、今後「UX」という概念は飛躍的に発展していくことになります。Webを離れてみても、任天堂のゲーム機のWiiやDS、iPod touchなどは、今までボタン操作で動かしていたものを、もっとシンプルに直感的に操作できるという点において、非常に優れたUXを提供しているデバイスで、その新しい体験が爆発的なヒットの要因になっています。Webアプリケーションの分野でも、UXをデザインするプラットフォーム(FlashをもとにしたAdobe Airや、MicrosoftのExpression Blend)が出てきていることから、今後も飛躍的な進化が予想されます。そう遠くない未来に、トムクルーズ主演の映画「マイノリティレポート」のようなユーザー体験ができる日が来るかもしれません。

blog comments powered by Disqus

山口 謙之介

執筆者

部署・役職 : マーケティング

大学卒業後、教材の営業を担当。2004年12月ロフトワークに入社し、クリエイティブ・ディレクターとしてCMSを用いたサイトの構築から、新技術を用いたWeb関連アプリケーションの開発のディレクションなど幅広いプロジェクトを担当。2007年10月よりマーケティングを担当し、現在はloftwork.jp全般の管理を行う。

最近執筆した記事

関連キーワードのコラム

2010/09/02 クリエイティブディレクター  橋本 洋平

Webサイト 】 【 Webアプリケーション

2010/08/17 代表取締役社長 諏訪 光洋

CMS 】 【 Webサイト

2010/08/17 代表取締役社長 諏訪 光洋

CMS 】 【 Webサイト

2010/08/03 クリエイティブディレクター  井上 果林

Webサイト

2010/06/14 マーケティング 君塚 美香

CMS 】 【 Webサイト 】 【 ECサイト

2010/06/02 マーケティング 山口 謙之介

Webサイト 】 【 CMS

2010/05/31 クリエイティブディレクター  橋本 洋平

Webサイト 】 【 Webアプリケーション

2010/05/10 クリエイティブディレクター  橋本 洋平

Webサイト 】 【 Webアプリケーション

2010/04/28 マーケティング 吉澤 瑠美

Webサイト 】 【 CMS

2010/04/19 シニアディレクター 前田 雅子

Webサイト 】 【 プロジェクトマネジメント

2010/04/05 チーフプロデューサー 藤原 正平

Webアプリケーション

2010/03/01 マーケティング 山口 謙之介

Webサイト 】 【 CMS

2010/02/03 代表取締役社長 諏訪 光洋

CMS 】 【 Webサイト

2010/01/07 代表取締役社長 諏訪 光洋

Webサイト 】 【 SaaS 】 【 Webアプリケーション

2009/11/06 代表取締役社長 諏訪 光洋

CMS 】 【 Webサイト

2009/11/06 代表取締役社長 諏訪 光洋

CMS 】 【 Webサイト

2009/10/19 シニアディレクター  滝澤 耕平

Webサイト 】 【 プロジェクトマネジメント

2009/10/15 代表取締役社長 諏訪 光洋

CMS 】 【 Webサイト

2009/09/16 クリエイティブディレクター  井上 果林

携帯 】 【 Webアプリケーション

2009/06/15 代表取締役社長 諏訪 光洋

プロジェクトマネジメント 】 【 Webサイト

2009/05/13 シニアディレクター  滝澤 耕平

Webサイト 】 【 プロジェクトマネジメント

2008/12/19 マーケティング 山口 謙之介

SEO 】 【 Webサイト

2008/10/30 マーケティング 長者原 康達

Webサイト 】 【 プロジェクトマネジメント

2008/09/29 プロデューサー 柏木 鉄也

Webサイト 】 【 SNS 】 【 コミュニティサイト

2008/08/18 代表取締役社長 諏訪 光洋

Webサイト 】 【 SaaS

2008/07/25 マーケティング 長者原 康達

Webサイト 】 【 プロジェクトマネジメント

2008/06/12 代表取締役社長 諏訪 光洋

Webサイト 】 【 プロジェクトマネジメント

2008/06/09 チーフプロデューサー 藤原 正平

CMS 】 【 Webサイト

2008/06/07 ロフトワーク スタッフ

SNS 】 【 Webサイト

2008/06/04 取締役 兼 CMO 矢橋 友宏

SEO 】 【 Webサイト

2008/06/03 クリエイティブディレクター 渡邉 多恵子

Webサイト



Copyright© 2000-2010 Loftwork inc. ALL Rights Reserved.