I've been looking through the forums and haven't had much luck. I have kind of a weird dilemma, I hope someone can help.
I have a list of items (like a list of favorite movies) each item has buttons like "add to cart" "gift" and "share". The client wants to put emphasis on social features such as liking items and a comments section for each item. The problem is it becomes more like a facebook feed than an actual list.
From a business perspective we want people clicking on the buttons like "add to cart" and "gift". But from the user's perspective we want them engaging, "liking" items, commenting, and sharing on their social networks.
Here's what I currently have (you can see it becomes messy quick)...
The problem is how do I keep the social features while maintaining some kind of a scrollable list.
I have a few ideas...
My first thought is to start everything minimized. All comments would be collapsed and there would be a comment count and likes count, perhaps something like this:
Then you click "comment" or the comment count and it would expand to show an input field and the hidden comments.
But then I'm wondering would it be better to expand to reveal comments below the item within the list or would it be better to take the user to a lightbox or a new page?
Something like this...
The downside to this is if we do a lightbox or a new page we loose the scrolling/browsing aspect because we take them out of the list.
The other question I'm wondering is if we made it expandable to show comments, is it better to have an input field in the initial state? Or just a button with the comment count?
There's probably an easy solution for this I just haven't found it. Thanks for your time. Any help or feedback with this would be greatly appreciated.