fotoliaのデザインが変更?どこが変わったか比較してみた

今日も素材を探しに、いつもお世話になっている写真素材サイトfotoliaにアクセス。
あれ!?Adobeの文字が左に?デザイン変わってる??なんか全体的にフラットデザインになってる気がする。

twitterの反応をみてみたところ、どうも2015年4月の終わりにはリニューアルしたようです。そんなわけで、デザイン的にどこが変わったのか比較してみました。
※旧画面のキャプチャーは、キャッシュなどを使って、無理やり組み合わせて作ったものなので、実際とはやや異なる箇所があります。

新旧デザインの比較

fotolia 旧デザイン

fotolia 旧デザイン

こちらが旧デザイン。リッチデザインで2カラムという、一昔前に流行ったデザインです。

fotolia 新デザイン

fotolia 新デザイン

こちらは新デザイン。フラットデザイン、1カラムという、現在のトレンドをとりいれました。

ヘッダーまわり

fotolia ヘッダー

ロゴ

ヘッダー周りの比較、左が旧、右が新デザイン。
サイトに合わせてロゴもフラット化しています。キーカラーも、鮮やかだった緑色を、彩度の低く明るい緑へ変更し、フラットデザイン風の配色になりました。新デザインではAdobeのロゴが左側に配置されているので、より目立って見えますね。境界線もなくなり全体的にスッキリしました。
ログインや登録の箇所もアイコンが付きわかりやすくなりました。主張しているわりには、情報がなかったカートのエリアもコンパクトになりました。
ヘッダーの電話番号も健在です。そういえば、ウェブサービスで電話番号をメインの問い合わせとして掲載してるサイトって少ないですよね、サポート体制が素晴らしいのでしょう。

メニュー

メニュー構成も変わっています。
「画像購入」が「オファー」に変わり、一番右側になりました。画像検索がメインのサイトなので、優先度的にこの位置でベストかなと思います。
「写真・イラスト」「ベクター」は「画像」にまとまりました。画像(写真・イラスト・ベクター)と動画という2つのカテゴリーに分ける事で綺麗に階層化されました。と思いきや、画像のメニューにhoverすると
fotolia 動画がメニューにも

画像の中にも動画がはいってる・・・。おぅ。
コアコレクション、インフィニットコレクションもアイコンついてわかりやすくなりましたが、今だに違いをぱっと理解できてなかったりします。

検索

新しいデザインでは検索エリアが右側に回り込んでいます。そのため旧デザインよりヘッダーの高さが減りましたが、その分下方向の余白が広がったため、実質ヘッダーの大きさは変わっていません。検索のボタンは「GO!」から「検索」に変わっています。こちらの方が自然ですね。しかしカラム落ちしてるのが少し気になります。
placeholderの文字も変わっています。旧デザインは「キーワードか作品IDで検索」、新デザインは「キーワードを入力」です。作品IDでの検索は、結構便利な機能なので、わかりやすく記載していた方がいいと思います。(すでにfotoliaを使っている人は既知の機能ではありますが。)

検索フィルター

fotolia 検索条件

今回一番の変更点です。サイドメニューを廃止し、Googleのようにヘッダーエリアと統合しました。そのため1カラムになり、コンテンツの表示領域が広がったので、個人的には今回のリニューアルのベスト変更点です。昔は1000px固定だったコンテンツの横幅も、リキッドデザインになり、大きなブラウザでも画面を有効活用できるようになりました。

フィルター

fotolia フィルター
ちょっとわかりにくいなと思ったのは、フィルターです。条件を指定しても「フィルターをリセット(X)」とだけ表示され、何のフィルターを指定したのかわかりません。googleのように項目名が選択した条件に代わってくれたらいいのですが・・・あと条件を指定するたびに再検索がかかるので、一括で条件を指定したい人は少し使いにくいかもしれませんね。

まとめ

リキットデザイン+1カラム化はとても見やすくなりました。しかし、それに伴い改修された検索フィルター周りのUXが甘いので、そこは少し改善が必要かなと思います。カーソル合わせた時のサムネイルが大きくなったのも見やすくてGOODです。よく利用しているサイトなので、今後の改善に期待しています。

おすすめの素材集

fotoliaにあるようなビジネスシーンの写真が180個入っている本です。fotoliaで1枚づつ買うよりコストパフォーマンスがいいため、まずはこの本を購入し、足りない分をfotoliaで買うとお得です。本なので画像も探しやすく、打ち合わせのときなどクライアントさんとイメージを合わせる時にも重宝します。

  • このエントリーをはてなブックマークに追加
« »

デザインとカメラとロードバイクと畑

© 2017 cowcow blog