linkerは「人と人」「人と情報」「人と物」をつなぐデザインユニットです。

flickrがテスト中の新UIをちょっとだけチェックしてみた。

火曜/金曜担当の@cremaです。

先日flickrを見ていたら、こんなメッセージが出ていたのです。

We're introducing a new photo page, and you can check it out early. Take me to the future!

ということで、迷わず「Take me to the future!」をクリックした私です。

きっとみなさんもご覧になっていることとは思いますが、この写真ページ新規UIについてちょっと記事化してみますね。

これが、新UI(クリックで拡大します)。
flickr-ui-002.jpg

ちなみに、これが旧UI(クリックで拡大します)。
flickr-ui-003.jpg

さて、どこが変わったでしょうか? 変更点を、ざざっと書き出してみましょう。

  • 写真のタイトルが、写真の下になった。
  • 全体の横幅が、790pxから975pxになった。
  • 写真の横幅が、500pxから640pxになった。
  • 写真の上にあった操作アイコンと、右上にあった「Shere this」が、プルダウンメニューになった(下記キャプチャ参照)。
  • 右上に地図がついた。
  • 前後写真への移動のサムネイルが、2枚から5枚になった。
  • この写真が属しているセットの前後写真は表示されなくなり、「This photo also belongs to:」という文言が、「This photo also appears in」になった。
  • favが個別写真ページ内に表示されるようになった。
  • Tagが、縦並びでなく横並びになった。
  • フッタのナビゲーションにあった「You」というセクションが無くなり、写真移動用のキーボードショートカットのアイコンがはいった。

写真の上のプルダウンメニューを開くと格納されているメニューは、こんな感じです。項目が増えて、横一列に並べきれなくなったのでしょうか。
flickr-ui-004.jpg

右上の地図をクリックすると、こんなUIで写真を地図上の地点にマッピングできます(この地図の場所はダミーです)。
flickr-ui-005.jpg

写真を拡大するアイコンをクリックすると、いままでは別ページに遷移していたのが、同じページ内にモーダルウィンドウが開き、背景黒の締まった感じで写真を閲覧できます。
flickr-ui-007.png

というわけで、全体的に推察できることは、こんな感じでしょうか?

  • 世間的にスクリーンの横幅が広くなっている(解像度が高くなっている)ことを受け、全体の横幅が広くなった。
  • それに伴い、写真の横幅も広くなった。
  • 機能が増えたので、プルダウンメニューでまとめた。
  • 写真の位置情報を全面に出すようになってきた。

今後もじっくり両方使い比べてみて、違いを検証していきたいと思います。