Improving LinkedIn's UX / UI

Oct.15.2018 | 2m Read | ^UX

As of Oct.14.2018 LinkedIn’s news feed looks like this:

3D Game screenshot: Mario overlooking an optimized & camera culled city.

Feels like we are going back to early Web 2.0 here.

The problems?

  • ◆ Doesn’t match the established styling & color scheme.
  • ◆ High contrast & black on modern screens cause eye fatigue (even pain).
  • ◆ Pictures become more ominous & dingy with the black gradient.
  • ◆ White cards resemble adjustable modals.

Yes CNN & other outlets (particularly publications) have used black backgrounds for decades. However in print there is ambient light & grain. Older screens have washed-out blacks & scanline or dot matrix diffusion. You didn’t get the gleaming whites on darkness that we have today. That’s part of the reason why modern sites use black alternatives like dark chocolate, smoky gray, or faded purples & blues.

If you still want to use white on solid black you would at least have to temper the whites much more which would make everything look dull (not a great suggestion).

3D Game screenshot: Mario overlooking an optimized & camera culled city.

Retro gamers love CRT grit ❤.

To remedy these concerns I created this UI mock-up:

3D Game screenshot: Mario overlooking an optimized & camera culled city.

LinkedIn looking like LinkedIn again.

This specifically addresses:

  • ☑⁡⁡ Seamless blending with LinkedIn using the same screen space.
  • ☑⁡⁡ Soothing low contrast with accents where needed.
  • ☑⁡⁡ Pictures are now more fresh & airy with the white gradient.
  • ☑⁡⁡ White cards have colorized labels to pop & look as expected.

But where did that gray-blue from those labels come from? I snagged it from our profile dashboard:

3D Game screenshot: Mario overlooking an optimized & camera culled city.

I’d actually replace that dark green nav bar at the top with a shade of this too if I could.

Now you may notice it’s a tad darker from the averaged texture. That was so the ‘+ Follow’ links would be more visible. To do this I dropped the luminosity while upping the saturation (a trick to retain more of the perceptual feel to the color). There’s room to go darker, but this should be a good starting point.

All this makes for a much more pleasant experience, no?

3D Game screenshot: Mario overlooking an optimized & camera culled city.

Wow look at those visual aid icons. That’s for people TL;DR people.

LinkedIn is an [often necessary] social media site which means its users are especially subject (read vulnerable) to eye strain & headaches from long term usage. A little care & consideration go a long way here.

3D Game screenshot: Mario overlooking an optimized & camera culled city.

Happy eyes = Happy brain

Now if only LinkedIn would give their users an option to remove that recent ‘see more’ profile shortening. You know, for those who know about design & want their content unhidden & gimmick-free.

3D Game screenshot: Mario overlooking an optimized & camera culled city.

Some day LinkedIn. Some day…

Like this post? Read more from the ^UX topic.


       : NEWS