Show DN: I redesigned Sidebar.io (sidebar.io)
over 7 years ago from Sacha Greif, Creator at Sidebar
over 7 years ago from Sacha Greif, Creator at Sidebar
But.. but it's not a sidebar anymore :(
Sacha, I absolutely love what you've done. I have a little bit of feedback however in terms of the filter bar on the right side.
Anyway, just a few things that jumped out at me. I absolutely love the adjustment in styling and love what you're doing with the top bar starting at the bottom to show the featured links—it creates a really interesting paneled feel. Well done.
All excellent points! You should've been one of my beta testers ;)
I'm here for next time ;).
Webdesigner news is better.
I like how it seems everything is sponsored. That's not a bad thing, just my brain went 'manipulation!!'.
What do you mean? There's only one link per week that's sponsored.
Every single link has a sponsored tag. At least for me
EDIT: It looks like if I remove the "?utm_source=designernews" flag from the URL everything looks right...
It's the same for me. When you scroll down all of the content is sponsored.
Oh right, I know what's going on! I set it to show the "day by day" view if no URL parameters are present, and to show the "search" view if there are URL parameters. Of course, if you give it "utm_source" it doesn't quite know what to do with it and that's why this is happening…
Fixed it :)
yes. seems the ? in the URL messup with some code.
I liked the simplicity of the previous versions but I have to admit the new features are well thought, especially the tags :)
I have but one suggestion: maybe you could make use of that extra space on the five daily featured to show even more about what it links to? Like and excerpt or popularity metric?
I tried out excerpts but it was too busy. Plus I would have to write excerpts for every link every day for the rest of my life… ;)
Ah, true...
I like the new website however I only read newsletter so I will comment on that. I'm sure I will get use to the new version but I still think the previous newsletter design was better. Here are the reasons:
I could scan previous newsletter and decide which links to open in about 5 seconds, now I need maybe 15. That's doesn't look like big difference but certainly processing the new newsletter feels much slower which isn't the win when it comes to interactions in inbox.
I actually just pushed an update to the newsletter template that hopefully addresses some of these issues. Curious to know what you think?
http://us2.campaign-archive2.com/?u=b5af47765edbd2fc173dbf27a&id=d5dce79332
Yes, this new version works nice, thanks!
I would consider moving the text "Email not displaying properly? View browser version." to the footer yet. Considering how often this could be the case nowadays, for the most readers it just takes precious space there and also breaks the design flow.
Lovely and finally not dog-slow!
To be honest, I'd be happy with just the stream, rather than the "today" section at the top.
The submitter names next to each item seems confusing as I first thought they were the author of the link/resource being linked to. Perhaps "submitted by ..." would help in this case.
Another thing I've found weird is that you're using an orange tick to indicate that a link has been visited on the "today" section, and then for some reason all of the links in the subsequent days have ticks next to them.
Perhaps not intentional, or something has gone awry?
I've definitely not read all of these:
Oh you're right, I'm using the same orange ticks both to say "visited" in the top part and "featured" in the bottom one. I should fix that… maybe a ribbon to mean "featured"?
If everything is featured, then nothing is featured? I'm not sure what the smaller orange tick (or ribbon, or what have you) is adding here.
Well only five links per day are featured. But I guess I need to make that clearer.
Ah I see! Yes that isn't clear, perhaps a count of how many links there are per day, or simply showing all of the links for the day rather than putting them behind a "Show more..." link.
While I'm pointing out quirks, here are another couple of things to add to your list:
Cheers!
You need a pinned tab icon for Safari users.
It looks very good! Just one thing: maybe it's just me but I find it irritating when you're forced to open a link in a new window/tab. Is there a particular reason why you choose this behavior?
Nice work Sacha, rebuilt with Nova?
Yes :)
This looks great Sacha. I really like the emphasis on the current day.
The only thing I would change is the 'add link' button. I did not even notice it at first and wasn't sure what it did until I clicked it. Love the update otherwise :)
Good point, I could at least add a tooltip.
Hi Sacha, beautiful update and it loads a lot faster now. However, what is the purpose of the "Show More..." button for each day. The button feels redundant because there are only 1 or 2 more posts when you click it and you are already scrolling. Maybe it is unnecessary.
You're right, it does feel a bit unnecessary. I could increase the default limit to 10 posts and it would go away for most days. On the other hand, limiting it to 5 posts lets you scroll down to see all the featured links for each day… So I'm not sure!
Product Hunt, for example, keeps it to 10 posts and says "Show 34 More". I think it a better limit than 5 as 10 will show all the information for most days.
Love the idea of displaying the top 5 links in that hero space. It bothers me a bit that they get repeated once you scroll down but since you can load more for the same date, I couldn't think of any better solutions on the spot.
Is the feed inspired by Product Hunt? ;)
Yes, same here, it also bothers me but I wasn't able to find a better way… And yeah the feed was inspired by Product Hunt. I think they found a really good pattern for daily feeds.
Are the 5 featured posts in the hero sorted the same way as the top 5 posts in the main list of posts ? You should be able to offset the loop by 5 posts somehow, but at very least you could hide the top 5 posts in the list view with css (kind of dirty, but better then repetition). Really nice work though !
Also, it looks like if the sidebar tags area is expanded, and the screen viewport isn't super tall, you get some nasty overlap: http://i.imgur.com/xB5CMwQ.png
Since your sidebar's search bar is about 60px tall (with margins), and your calendar is about 250px tall (with margins), you could give your .sidebar-categories-expanded
class a height of calc(100vh - 310px)
and overflow-y: auto
. There are probably more graceful approaches out there, but it's a start :)
Nice update, and also Telescope Nova rocks! By the way, do you have in mind to document the development process of sidebar.io?
Just saying because I was playing around with Nova during the weekend and as awesome as it is, it took me a while to figure out a few things… It could be great to use sidebar.io as a showcase of how Telescope Nova works in real life
Thanks for trying out Nova! Yeah I need to document it more. I'll probably do a couple videos to explain the customizations I did for Sidebar, so stay tuned!
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now