京都・滋賀を拠点にWEB制作とWEBデザインに関する情報発信を手掛ける STAND4U

STAND BLOG

HOME > Facebookのデザインを勝手にリニューアルしてみた。

Facebookのデザインを勝手にリニューアルしてみた。

2016年3月30日

facebook

勝手に既存サイトのデザインリニューアル案を考えるという企画ですが、今回はPC版の「Facebook(個人)」のパーソナルページのデザインリニューアル案をデザインしてみました。

基本は現行サイトの内容を踏襲していますが、一部こういうのもあってもいいかもというものも追加しています。

Facebookページ現行デザインと、リニューアルデザイン案

現行のFacebookデザイン

まずは、執筆現在の現行Facebookデザインはこちら↓

fb_now

Facebookリニューアルデザイン案

そして、今回作ったFacebookページのリニューアルデザイン案はこちらです。
【制作時間:約4時間(素材収集・調査等含む)】

現行Facebookサイトからの改善点

基本的には現行サイトに慣れているユーザーを考慮し、大きなUI変更は避けてビジュアル的な変更に留めます。

現行のFacebookサイトは、余白の詰まり具合や、デザイン的に若干野暮ったい印象があるので、少しゆとりをもたせシンプルなフラット系のデザインを採用。
またブランディングを強化する為、全体的にコーポレートカラーで統一し、ハイグレード感を演出します。

個人のページという事で閲覧時に利便性を向上させる為、現在日時や天気、今日のラッキカラーなどの遊び要素も追加します。一見PCサイトでは不要かと思える「現在地」は、外出先でノートパソコンを利用しているユーザーの為の表示です。投稿時に表示される現在地を予め確認しておくのに便利です。
また「アクティビティ」として最近行った自分のアクションをリスト化し、自分のアクションを見返すリンクを配置しました。

まとめ

まだまだ調整可能な部分は多いですが、まずはあまり時間をかけずに現実的なリニューアルデザインにするというコンセプトを元に第一弾として作成しました。
久しぶりに個人的にこういう遊び的なデザインをしてみましたが、今後も時間を作って他のサイトリニューアルを続けてみたいと思います。


ABOUT

京都・滋賀・大阪を拠点にWEB制作とWEBに関する情報を中心に、その他ライフハックや思う事などを発信しています。
制作会社に所属しており、夜な夜な少しずづ書いております。その他、WEBデザイン、HTMLコーディング、jquery、wordpress、イラスト作成、写真撮影など。通勤時間を最大限に活かすのが目下の課題。

Twitter @stand_4u_

新着記事

カテゴリー