Googleの”eBook”サイトが細部まで良く出来ていて楽しい

GoogleのChrome Teamが作った「20 Things I Learned About Browser and the Web」というサイトが、細かいところまですごく良く出来ているのでご紹介。これからのウェブ制作の見本に出来る点がたくさんあるなぁと思いました。

インターフェイス

まず、本の基本的なインターフェイスがしっかりしていて、フェイドイン、フェイドアウト、本の見開きなどのアニメーションもとても良く出来ています。当然のことがしっかりできているという印象ですが、それがなかなかできていないのがウェブの現状だと思います。

複数のナビゲーション方法がついていて、それぞれの人にあった使い方ができる。たとえば、次のページに行くにも、1のボタンを押してもいいし、ページの右側をクリックしてもいい。

目次ページは↓のような感じ。しっかり「Back」ボタンもついてます。

ページを暗くするとこんな感じ↓

必須というわけではないですが、ちょっとした楽しい機能。

各ページにはブックマークがついていて、クリックするとシェアボタンがやプリントボタンが出てきます：

開くとこんな感じ↓

HTMLソースも奇麗だし。なんかいままでのGoogleとはひと味違った感じです。さすがChrome Teamというべきでしょうか？これからのChromeにもすごく期待しちゃいます。

「20 Things I Learned About Browser and the Web」はこちらから。

2010/11/21 12:32 by @Rriver | RSS | Fb