I Redesigned The Profile Page. Requesting Feedback + Screenshot!

  • 25
  • Idea
  • Updated 5 years ago
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: This conversation has been inactive for over 6 months and is now closed.

Today, with the help of some image editing software, I have significantly changed the look of my Last.fm profile page - essentially giving it a complete overhaul. The aim was to create a page that I would be happy to use. One that could be personalized, offered more statistics, more features and also a user friendly interface similar to the old website we knew and loved.

I would like some feedback from other users on the provided screenshot below. Hopefully this will also give the Last.fm staff some ideas on how to improve the profile page.

Main Changes:

- Artist - Track Name sorted correctly under recent tracks
- Square profile picture
- "Favourite Track" instead of Top Track (this would be set by the user)
- Customized profile header. I changed the image to a nice pattern I found online. This is certainly better than seeing just a forehead or nose. Ideally this would be changed by the user.
- Loved Tracks and Average Daily Tracks appear on the profile page
- Recent Visitors has returned
- Advertisements now on the left side where there was a giant space. This allows room for a large "About Me" section
- 8 Artist images of equal size, instead of 5 images and one large one
- Artist bar graphs on the main profile page. Easier to check your top 10-50 artists.
- Top Tracks sorted correctly to Artist - Track Name
- Journals and Guides

- The "About Me" section is extremely large like it was on the previous website. As the ads are on the left there is now room to put as much information and widgets as your heart desires.


Sadly my image is too large to upload here, so I've uploaded it to Imgur instead! http://imgur.com/zsIpJA7  (click to zoom!)

I'm rather terrible when it comes to design and creativity, so I'm sure it could be improved further. I'd love to hear your feedback!

Also if anyone's interested I had a quick play around with changing the profile header image:
http://i.imgur.com/ijoNLRT.png
http://i.imgur.com/09a0s8w.png
http://i.imgur.com/4HyPVnj.jpg
http://i.imgur.com/75n7znX.jpg

 
Photo of James Joul

James Joul

  • 985 Posts
  • 2027 Reply Likes

Posted 5 years ago

  • 25
Photo of BenyoBoy

BenyoBoy

  • 65 Posts
  • 159 Reply Likes
Way better. Much much, way better!
I'd suggest leaving the rounded avatars, but really, I could live with this design. Nice job!
(Edited)
Photo of James Joul

James Joul

  • 985 Posts
  • 2027 Reply Likes
Thanks! I'm starting to come around to the round avatar... But only for the profile page. They're not so great for artist pages, especially if there are multiple members that end up getting cut out of the picture.
Photo of Athena Lawrence

Athena Lawrence

  • 5 Posts
  • 13 Reply Likes
Looks a lot better! Gosh I wish they'd resort the artist and track title correctly. In the meantime, set Chrome to zoom out to 90 or 75%... that's how I have it set for Last.fm. Otherwise its just too big/in your face and makes it difficult for my eyes to be able to focus on any one thing. I also made my avatar square by just using Photoshop.
Photo of James Joul

James Joul

  • 985 Posts
  • 2027 Reply Likes
I use the site at 90% zoom in Chrome and there's such an incredible amount of white space that could be filled with something useful. Also I completely agree with you on the change to put the track name before the artist. 

The Staff claim it's so that long track names don't get cut off. But what use is a song name if you can't see the artist? It seems like a completely illogical change to an insignificant issue. It almost feels like they just changed as much as possible to try and pass it off as new and interesting to attract more people.
Photo of Athena Lawrence

Athena Lawrence

  • 5 Posts
  • 13 Reply Likes
That's exactly what it seems like. A simple tooltip on mouseover would have been a simple fix for longer song titles. This is basic web design 101.
Photo of Alin

Alin

  • 165 Posts
  • 477 Reply Likes
>>"It almost feels like they just changed as much as possible to try and pass it off as new and interesting to attract more people".

This may be true...

From here: http://blogs.msdn.com/b/oldnewthing/archive/2006/11/01/922449.aspx

I often find myself saying, "I bet somebody got a really nice bonus for that feature."

"That feature" is something aggressively user-hostile, like forcing a shortcut into the Quick Launch bar or the Favorites menu, like automatically turning on a taskbar toolbar, like adding an icon to the notification area that conveys no useful information but merely adds to the clutter, or (my favorite) like adding an extra item to the desktop context menu that takes several seconds to initialize and gives the user the ability to change some obscure feature of their video card.

The thing is, all of these bad features were probably justified by some manager somewhere because it's the only way their feature would get noticed. They have to justify their salary by pushing all these stupid ideas in the user's faces. "Hey, look at me! I'm so cool!" After all, when the boss asks, "So, what did you accomplish in the past six months," a manager can't say, "Um, a bunch of stuff you can't see. It just works better." They have to say, "Oh, check out this feature, and that icon, and this dialog box." Even if it's a stupid feature.

As my colleague Michael Grier put it, "Not many people have gotten a raise and a promotion for stopping features from shipping".
Photo of James Joul

James Joul

  • 985 Posts
  • 2027 Reply Likes
I find myself saying the same. I wonder whose idea it was to launch this obviously unfinished, buggy Beta version as is. Probably the person who said "Hey look, we added five times more advertisements to to each page on the new website, so the faster we get this launched the more money we'll start making!"
Photo of Esther Haaijman

Esther Haaijman

  • 42 Posts
  • 82 Reply Likes
That looks so much better. It's sad that you probably wasted your time on this though, because support will not listen to it anyway.
Photo of James Joul

James Joul

  • 985 Posts
  • 2027 Reply Likes
Most likely. But I can still dream!  :)
Photo of Esther Haaijman

Esther Haaijman

  • 42 Posts
  • 82 Reply Likes
You could always try to look for people who might be able to create certain scripts for these changes. I reckon not all of them would be possible, but I think we have to improve the website ourself if Last.fm's creators aren't willing to listen to our feedback.
Photo of Firstneim Lastneim

Firstneim Lastneim

  • 81 Posts
  • 178 Reply Likes
Great work!
Photo of Jd_Jd_Jd

Jd_Jd_Jd

  • 97 Posts
  • 89 Reply Likes
The idea is definitely better than what we currently have.
Photo of IOIIOIIOIIOI

IOIIOIIOIIOI

  • 6 Posts
  • 26 Reply Likes
This would have been a real improvement .... keep the good things, make 'em look better. I hope your suggestion will be noticed, but I hardly doubt it :/
Photo of karol2d

karol2d

  • 52 Posts
  • 75 Reply Likes
Instant love! 
Photo of Ryan

Ryan

  • 96 Posts
  • 209 Reply Likes
I love this. A collage of most played albums or artists is far better than the top of a single artist's head(s).
(Edited)
Photo of Chris

Chris

  • 563 Posts
  • 742 Reply Likes
Not a huge fan of the 3 column look - problem is it I can't imagine it'd scale too well on mobile, even with a responsive layout.

That said, I'm loving the header collage, it'd look absolutely immense on the current design.  It's something I've said I'd like to see in the past but wasn't sure how it'd look in practice - your mock up really brings it to life. Really good work.
(Edited)
Photo of James Joul

James Joul

  • 985 Posts
  • 2027 Reply Likes
It was just a rough concept I was playing around with, throwing some ideas around. Ideally I'd get rid of the left column altogether and center everything else, but needed space for ads!

I guess you could have two website layouts, one for desktops and another for mobile devices. Don't most popular websites already do that?

I just tried to fill in all of the blank space, since it serves no purpose.  :)
Photo of severalgecko .

severalgecko .

  • 6 Posts
  • 22 Reply Likes
This looks great. Making good use of the plethora of empty space we currently have.
Photo of 64DC

64DC

  • 33 Posts
  • 108 Reply Likes
It wasn't rocket science to figure out something like this would be an actual improvement to the former profile page, although I must point out that the 3 column layout doesn't work very well with most screen sizes, and sadly, it's either the AM section or the ads (we can see which option they went with). But yes, this is what should have been; I specially like the collage option for the header, it would be great if they'd let us customize it with our own image/textures and choose a fave song.

Thinking about it, the AM section could be right below the horizontal banner that's under the header and above the Overview/Library/etc. section. Right column stays with the ads and there's no problem with the extension of the AM since it stretches horizontally, not vertically, your stats are just pushed down.
Photo of psychicfork013

psychicfork013

  • 222 Posts
  • 365 Reply Likes
I'll be posting my feedback on your design soonish, but wanted to share something in case you haven't seen it.

https://userstyles.org/styles/114442/last-fm-improved

Although others not using it won't be able to see it, you may be able to improve the site a bit to make it bearable for yourself for the time being. I put my own picture up in the header after realizing something up there wouldn't be terrible (lol also made my track count bars pink). You could put that album collage you've got on there, but you'd have to tinker with it further if you don't want it on all the other profiles.

This conversation is no longer open for comments or replies.