高さのインターフェイス Shanghai World Finacial Center

September 26, 2008 wwweb

swfc01.jpg

Shanghai World Financial Center
X軸の長さとスクロールで高さを意識させるインターフェイス。

swfc02.jpg特に上海のサイトばかり探しているわけではないけれど、また上海に関連したウェブサイトを紹介。
「上海環球金融中心 Shanghai World Financial Center」のオフィシャルサイト。
101階、高さ492mという高さを誇るその建築にふさわしく、ウェブサイトのナビゲーションも上下方向を強く意識させる作りになっている。

ウェブサイトに限らず、PC環境はエクセルを除き、ほとんどが縦軸のスクロールを中心としたインターフェイスであるので、「縦、上下、X軸」という事自体は特に目新しいものではない。文字が横書きで書かれるためだ。


ウェブサイトにおいても横にスクロールさせたり、展開させたりするインターフェイスを用いられることはよほどトリッキーな狙いやコンセプトでない限りまずない。しかし最近のように1ページ辺りのスクロール量、縦のコンテンツ量が大きくなったのはブログの浸透で、時間軸を新しい順に並べるということにみんなが慣れてきてからだろう。それでも1ページのコンテンツ量、単位は内容もそうだが、ある程度のスクロール量を基準に決めている事は多いだろう。そして分割されたコンテンツはページの移動を介して提供される。

ページ遷移、スクロールを感じさせないインターフェイス、コンテンツは昔からFLASHが得意とするところだが、この「上海環球金融中心 Shanghai World Financial Center」のサイトは全部のコンテンツを1ページ(と感じられる)の中で、エレベータを思わせるような加速度のある上下のナビゲーションだけに絞って展開したことが新鮮な体験として、その建築自体の高さを印象づけている。

マウスのスクロールホイールや右側の上下のアローでも移動できるが、やっぱりここは左メニューやコンテンツ内のリンクから自動で案内してもらいたい。ただずっと見ていると疲れるのも事実。

Posted by Kei at 2:42 AM

Tags: , , , ,

  • 写真の使い方が印象的なGOTOCHINA

    September 16, 2008 abroad / wwweb

    それほど数が多いわけでもないし、全く見たことのないような光景もない、普通の一旅行者のスナップ程度のものもあるが、それでもブラウザいっぱいに大きく写真を見せられると引き込まれるものがある。 ...これまでは回線速度の問題であまりこれくらいまで一枚の大きな写真を扱うサイトは少なかったけれど、各国の回線速度が早くなっているのと、サイトを見る側が「軽さ」よりやはり「質」をという意識になってきたことで、こういうサイトも増えてくるのだろう。

  • Happy Workplace Webサイトを制作しました

    September 23, 2008 site-admin

    日経BP社より昨日発行されました『儲かるオフィス 社員が幸せに働ける「場」の創り方: 紺野登 著』のサポートサイトです。 ...紺野登 著 竹中工務店、ユニクロ、ソニー、博報堂、日立グループ、ソフトバンクテレコム、乃村工藝社、日産自動車、ケンブリッジ大学、米ゲンスラー、オーティコン--。

  • iPod touch 予約から購入、そして一週間 2

    October 21, 2007 gadget

    ムービーも、iPod touchならではの大画面とH.264の対応で綺麗に楽しめます。Winであれば、iPod用のコンバーターとしては以下がよいかも。 “Videora iPod Converter”はコンバートのセッティングを細かくでき、“Ares Tube”は内蔵の専用ブラウザでYoutubeなどを閲覧、そのままボタンをクリックすると、コンバートしたり、キューに貯めたりできる。

Comments

Post a comment

loading...


Trackback

Trackback URL : http://www.add-info.com/mt/mt-tb.cgi/1429

top