apeescape2.com
  • メイン
  • ヒントとツール
  • ツールとチュートリアル
  • プロジェクト管理
  • その他
Uiデザイン

Facebookを再設計しましょう:始めるための10のインスピレーション

19億人のためにデザインすることはどういう意味ですか?これは、Facebookの再設計に挑戦するときに直面しなければならない問題です。

Facebookのビジネス上の決定の多くは、デジタル製品の将来のトレンドを決定付けることがよくあります。

Facebookが現在重視していることを考慮してください メッセンジャー そして、これが世界中の他の製品にどのように反映されているか。



Facebookの再設計は、デザイナーにとって大きなチャンスです。新しいカラーパレットをテストするだけではありません。 Facebookは非常に影響力のある製品であるため、このサイズの再設計により、デザイナーはデジタルデザインの将来に影響を与えることができます。

Facebookは人気があります デザイナー向け製品 ほとんどの人がインターフェースを知っているので、引き受けることになります。そうは言っても、その人気はまた、誰もがそれがどうあるべきかについて独自の意見を持っているので、デザインコミュニティ内で再設計について物議を醸しています。以下は、世界最高のデザイナーによるFacebookの再設計の配列であり、あなたも挑戦するように促します。はい、あなたはその権利を読んでいます–私たちはあなたのデザインも見たいです。

Facebookの一部の側面を再設計するために、デザイナーに2週間の猶予を与えています。優勝者1名には、ドリブルの招待状、ApeeScape Tシャツ、クリエイティブマーケットへの200ドルのクレジットが贈られます。受賞者は12月2日金曜日に発表されます。応募をご希望の場合は、コメント欄にご記入ください。

ニュースフィードとメッセンジャー

ニュースフィードとメッセンジャー

Eyal Zuri

ブートストラップをどのように使用しますか


Zuriは、Facebook広告を削除するという大胆な提案を行い、メッセンジャーを再設計しました。ズリの大勢の支持者の結果として、再設計は多くの火付け役となりました ディベート ドリブルに。オンラインコミュニティは、広告を削除することは非現実的であると示唆しました。ただし、Facebook広告は現在、コンテンツの多くと一致しているため、Zuriの提案は正当である可能性があります。また、それは 常識 今ではメッセンジャーがFacebookのビジネスの焦点となっています。 Zuriの再設計により、通知領域の視覚的な重みが少なくなり、ドロップシャドウが提案され、入力の多くが丸められます。

モバイルプロファイル

モバイルプロファイル

ダイアナ・マレウィッツ


FacebookのUIが一巡した場合はどうなりますか?この再設計では、その単純な質問を調査し、その過程でユーザープロファイルをクリーンアップします。現在のFacebookモバイルプロファイルには、視覚的なバランスや階層がありません。ダイアナのコンセプトはそれを変えます。シンプルなセンターアラインでさえコンテンツを効果的に整理しますが、Facebookのモバイルバージョンには垂直方向の正当性が欠けているようです。

モバイルUX

モバイルUX

手


インタラクションの単一のポイントは、Facebookモバイルアプリの洗練されたユーザーエクスペリエンスを提案します。プラスアイコンを1回タップするだけで、ステータスを更新したり、現在地にチェックインしたり、ライブストリーミングを開始したりできます。 Manojはまた、Facebookでの売買を可能にするために、下部のナビゲーションに[マーケットプレイス]タブを追加します。

プロフィールとメッセンジャー

プロフィールとメッセンジャー

uixNinja


このデザインは、個人のタイムラインとメッセンジャーの両方を再考します。メッセンジャーサイドバーを凝縮し、広告を廃止することで、タイムラインコンテンツにより多くのスペースが与えられます。また、このインターフェイスは、従来のインターフェイスの大きなテキストを新しいアイコンに置き換えます。これらのアイコンは、デザインの一貫性を保つためにモバイルに移行する可能性があります。

ビデオストリーミング

ビデオストリーミング

ユーリー・スミルノフ


Yury Smirnovは、Facebookがビデオストリーミングを追加したことに気づきましたが、彼らのデザインチームは実際には製品を完成させていなかったように感じました。 Smirnovは再設計により、ライブストリーミング機能に固有の機能を強調するためにFacebookインターフェイスに追加の色を導入しました。このデザインは、動画が画面のスペースの大部分を所有するようになったため、従来のコンテンツをすべて傍観者に押しやっています。

モバイルタイムライン

モバイルタイムライン

ヴァレーニャパンディア


Varenyaは、Facebook通知ページ内のCTAシーケンスの改善に再設計を集中しています。インターフェースはシンプルで直感的です。テキストボックスに画像をオーバーレイし、ユーザーがコメントを表示するように要求するまでコメントを非表示にすることで、コンテンツに最大のスペースが与えられます。

モバイルニュースフィード

モバイルニュースフィード

ミハルコジナ


Michalは、この再設計によるフォントと配色の変更を提案するために大胆に取り組んでいます。彼のコンセプトは、視覚的な混乱をすべて取り除き、重要なものだけを保持します。ステータスの更新を独自の画面に表示することは、インターフェイスにページ付けを導入することを提案します。これにより、ユーザーは一度に1つのコンテンツに集中できます。

ニュースフィード

ニュースフィード

Masum parvej


この再設計で注目すべき主な機能は、ニュースフィードの2番目の列の導入です。これは、できるだけ少ないコンテンツに焦点を合わせる傾向がある他の多くの概念からの逸脱です。しかし、これは逆です。 Masum Parvejは、このデザインは、カジュアルユーザーだけでなく、ビジネスでFacebookを使用するユーザーの両方にとってより直感的なエクスペリエンスを提供する可能性があることを示唆しています。

モバイルメッセンジャー

モバイルメッセンジャー

Sahil Vhora


Sahil Vhoraは、モバイルの再設計により、微妙なマテリアルの更新を提案しています。インターフェースのアーキテクチャは同じままですが、Sahilは再設計を機会として、いくつかの異なるアイコンを試し、Facebookの色をリフレッシュします。

アーティストのページ

アーティスト

ラミル・デロゴングン


Ramil Derogongunは、アーティストのページと埋め込み音楽プレーヤーのこのコンセプトを想像しています。 Derogongonは、曲のタイトルの下にあるトラックプレーヤーなどのオブジェクトを2倍にすることで、インターフェイスをシンプルに保ちます。この再設計は、いくつかを稼ぐのに十分な人気がありました リバウンド 同じように。

•••

ApeeScapeデザインブログの詳細:

  • デザインの原則とその重要性
  • 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
  • ゲシュタルトの設計原則を探る
  • Adobe XDとSketch–どのUXツールがあなたに適していますか?
  • トップデザイナーが使用する10のUX成果物

フリーランス生活の1日–ApeeScapeデザイナーを知る

デザイナーライフ

フリーランス生活の1日–ApeeScapeデザイナーを知る
オンデマンド製品開発:デジタルトランスフォーメーションの推進

オンデマンド製品開発:デジタルトランスフォーメーションの推進

仕事の未来

人気の投稿
Laravelで集中的なタスクを処理する
Laravelで集中的なタスクを処理する
ApeeScapeが元COOのBreandenBeneschottに対して訴訟を起こす
ApeeScapeが元COOのBreandenBeneschottに対して訴訟を起こす
将来を予測する方法:不確実性の影響を軽減する
将来を予測する方法:不確実性の影響を軽減する
EBITDAの使用を再考する必要がありますか?
EBITDAの使用を再考する必要がありますか?
スケッチとルーパーで素晴らしいイラストをすぐに作成
スケッチとルーパーで素晴らしいイラストをすぐに作成
 
効果的なデザインフレームワークを作成する方法(無料のSketchユーザーインターフェイスフレームワークを含む)
効果的なデザインフレームワークを作成する方法(無料のSketchユーザーインターフェイスフレームワークを含む)
スキャン性を向上させるためのUIデザインのベストプラクティス
スキャン性を向上させるためのUIデザインのベストプラクティス
言語サーバープロトコルチュートリアル:VSCodeからVimへ
言語サーバープロトコルチュートリアル:VSCodeからVimへ
事業運営部長
事業運営部長
ブランディングは死に、CXデザインは王様
ブランディングは死に、CXデザインは王様
人気の投稿
  • セレンのページオブジェクトモデル
  • osxはどの言語で書かれていますか
  • トップ100シングルファミリーオフィス
  • cvv2017で働くクレジットカード番号
  • イオン2と角度2
  • ノードjsは何に使用されますか
  • アート定義におけるデザインの原則
カテゴリー
ツールとチュートリアル 人とチーム 製品の担当者とチーム 財務プロセス リモートの台頭 ヒントとツール Webフロントエンド 計画と予測 その他 ブランドデザイン

© 2021 | 全著作権所有

apeescape2.com