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

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

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

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

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

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

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

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

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

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

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

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

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

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

推薦する

React でのポータルとエラー境界処理の実装

目次ポータルエラー境界処理エラー境界を使用しない場合はどうなりますか?注記ポータルスロットとも言えま...

ウェブサイトのビジュアルデザインの重要なポイント

手工芸デザインからグラフィックデザイン、そしてウェブデザインまで、デザインの原則は同じままですが、私...

Dockerボリュームコンテナ間のデータ共有の実装

ボリュームとは何ですか?ボリュームは英語で容量を意味し、Docker ではデータ ボリューム、つまり...

CentOS8 yum/dnfで国内ソースを設定する方法

CentOS 8 ではソフトウェア パッケージのインストール プログラムが変更され、yum 構成方法...

nginxのアップストリーム設定と機能の詳細な説明

設定例 アップストリームバックエンド{ サーバー backend1.example.com 重み=5...

vue3 テレポートの詳細な使用例

公式ウェブサイトhttps://cli.vuejs.org/ja/ガイド/場合によっては、コンポーネ...

CSS3 で六角形の境界線を実装するサンプルコード

一番外側の boxF は 120 度回転し、2 番目の boxS は -60 度回転し、3 番目の ...

オンラインMySQL自動増分IDが使い果たされた場合の対処方法

目次テーブル定義の自動増分 ID InnoDBシステムはrow_idを自動的に増加させるシドInno...

MySQL でよく使用される SQL 文を表示する (詳細な説明)

#mysql -uroot -pパスワードを入力してくださいmysql> show full...

React でインデックスをキーとして使用することが推奨されないのはなぜですか?

1. 古い仮想DOMと新しい仮想DOMを比較し、まずキーが同じかどうかを確認します。 2. 引き続...

Dockerがプライベート倉庫Harborを構築する手順

港Harborは、エンタープライズレベルのプライベートDockerイメージリポジトリを構築するための...

カラフルな時計効果を実現する JavaScript キャンバス

キャンバスを使ってカラフルな時計を書いてみよう! 1. タイトル(1)時計のケースが与えられ、ページ...

CSS スタイルを使用して表のフォントを垂直中央に配置する方法

CSS スタイルを使用して表内のフォントを垂直方向に中央揃えする方法は次のとおりです。下図のようなカ...

JavaScript におけるブラウザ互換性の問題について簡単に説明します

ブラウザの互換性は、実際の開発では見落とされがちな最も重要な部分です。古いバージョンのブラウザの互換...

MySQLオンラインDDLの使用に関する詳細な説明

目次文章LOCKパラメータアルゴリズムパラメータCOPY TABLE プロセスIN-PLACEプロセ...