LinkedIn がウェブサイト閲覧を簡素化するためにリニューアル

LinkedIn がウェブサイト閲覧を簡素化するためにリニューアル

ビジネス ソーシャル ネットワーキング サイト LinkedIn は最近、ナビゲーション バーとユーザー インターフェイスを刷新し、閲覧を簡素化し、より簡潔でコンパクトなページを提供しました。しかし、結果はどうでしょうか?

アップデート: ナビゲーションの改善、空白スペースの増加

LinkedIn の新バージョンの最大の特徴は、ページ上部にあるユニバーサル ナビゲーション バーです。ここには、プロフィール、連絡先、グループ、仕事、受信トレイなどのリンクが含まれています。いずれかの項目をクリックすると、より多くのオプションを含むドロップダウン メニューが表示され、ブラウジング エクスペリエンスがよりモダンになります。

同社はまた、新しいインターフェースとエクスペリエンスにより、ページのスクロール量が削減されると主張している。ただし、連絡先とグループが更新されると、ページのスクロール回数は連絡先の数とアクティビティ レベルによって異なります。幸いなことに、LinkedIn は毎日ログインする必要のある種類の Web サイトではありません。

さらに、新しいホームページには、プロフィール、イベント、仕事リストなどを閲覧したユーザーを表示できる、取り外し可能で折りたたみ可能なサイドバー モジュールも含まれています。

シンプルなインターフェースで広告を強調表示

新しい「よりクリーンな」サイトの欠点の 1 つは、広告がより目立つようになることですが、これは LinkedIn にとってはプラスです。広告の配置は同じままですが、新しいインターフェースにより広告がより目立つようになります。現在、すべてが白い背景に黒または青のテキストで表示されるため、ユーザーがログインしたときに最初に目にするのはページ上部のフルカラー広告です。さらに、ナビゲーション バーの下には目を引くテキスト広告リンクがあり、フォントは暗く太字になっています。

LinkedIn は、新しいサイトは数年にわたるユーザビリティ研究の成果だが、まだ最終製品ではないと述べた。

改善の余地あり: LinkedIn 受信トレイ

残念ながら、受信トレイはまだ大幅に改善されていません。受信トレイから招待を簡単に承諾、拒否、またはアーカイブできるようになりましたが、受信トレイでは一括操作はまだサポートされていません。さらに悪いことに、招待を承諾または拒否した後も、メッセージは受信トレイに残り、手動でアーカイブする必要があります。

<<:  Vueのトランジションとアニメーションの深い理解

>>:  Docker+nacos+seata1.3.0 のインストールと使用設定チュートリアル

推薦する

MySQLクエリが遅い原因と解決策

クエリ速度が遅くなる理由は多数ありますが、最も一般的な理由は次のとおりです。 1. インデックスがな...

Vue フロントエンドで PDF を生成してダウンロードする方法

目次1. インストールと導入2. PDFファイルをパッケージ化してエクスポートする方法構成の詳細PD...

MySQL の時間保持問題に関する簡単な分析

MySQL のデフォルトの時間タイプ (datetime と timestamp) の精度は秒です。...

vue+elementUI で埋め込みテーブルを実装する方法の例

大学 4 年生のときのインターンシップ中に、表内のデータの番号をクリックすると、そのデータの下に新し...

純粋な HTML+CSS でオリンピック リングを実装するためのサンプル コード

レンダリング コード - 青と黄色のリングを例に挙げます <div class="コ...

HTMLヘッダータグの使用に関する詳細な説明

HTMLはヘッドとボディの2つの部分で構成されています** ヘッド内のタグはヘッドタグです** タイ...

Vueフィルターの使い方

目次概要フィルターの定義フィルターの使用カスタムグローバルフィルターローカルフィルター予防例1(ロー...

MySQLの重複排除方法

MySQLの重複排除方法【初級】繰り返しのセリフが少ないdistinctive を使用してそれらを見...

jQuery Ajax チャットボットの実装事例

チャットボットは多くの手作業を省くことができ、顧客サービス、天気予報対応など、さまざまな状況で使用で...

ネイティブJSを使用した遅延読み込みlazyLoadの3つの方法の概要

目次序文方法1: 高コントラスト方法2: getBoundingClientRect() APIを使...

MySQLとElasticsearch間のデータ非対称性問題の解決策

MySQLとElasticsearch間のデータ非対称性問題の解決策jdbc-input-plugi...

JavaScript 配列と非配列オブジェクトのディープ クローンとシャロー クローンの原則の詳細な説明

目次シャロークローニングとディープクローニングとは何ですか? 1. アレイのクローンを作成する1.1...

NavicatがMySQLに接続すると、10060、1045エラーとmy.iniの場所が報告されます。

Navicat は、データベースに接続するときにエラー 10060 および 1045 を報告します...

Reactはラジオコンポーネントのサンプルコードを実装します

この記事の目的は、最も明確な構造を使用していくつかのコンポーネントの基本機能を実装することです。皆さ...

jQuery キャンバスは QR コード付きのポスターを生成します

この記事では、jQuery キャンバスを使用して QR コード付きのポスターを生成するための具体的な...