Refactoring the Single Post View

@flaburgan We could group them at the top of the right side as well, I'd just like the ways to interact in a central place.

I still favour the middle split because I think in most cases when you visit the single post view you already read the post and know the contents, the new comments are interesting. I'd also like to ditch the grey background to pull the single post view back into Diaspora, currently it feels like a separate site. Also the contrast is better which makes it easier to read.

Here is a hybrid design between what Jonne and I have proposed. Some thoughts:

• On the side of the post, there are our three interaction buttons: comment, like, and reshare.

• Clicking the comment button would scroll the right pane all the way down to the comment form to write a new comment

• Rather than showing the text directly for captions of each section, we can iconify them, and their meanings would be universally understood. Each icon on the right could display a number on top of it to demonstrate amount of likes, reshares, and comments.

• As an aside, I've also cleaned up some of the alignments to make better use of space.

• Most of the notes from the alternate proposal still apply, the only major difference would be that instead of having an always-present comment box, the comment box would instead be scrolled to automatically simply by clicking the "Comment" button.

Thoughts? :)

I like that one a lot more :)

It would definitely be something worth having as a basis for future polishing, like maybe some borders between the sections on the right side and moving the numbers to the left of the icons.

Since Sean largely adopted my ideas I'd be happy to hear other opinions of course.

Very nice. Good job!

I don't like there are too many new font sizes in it. We really should reuse the exisiting ones. (example: the text right next to the profile picture of the author)

I also don't like the like/comment/reshare-icon on the left side. I'd keep it like on the current SPV, just click on the icon on the right side (and, as Jonne said, move the numbers to the left of the icons)

awesome, a best of both worlds compromise!

i'm also fond of the "sean-jonne" file name. makes us more of a bling project.

Sean Jonne Jovi? ;)

@dennisschubert I agree on the font sizes, we can definitely standardize those a bit.

As for the like/comment/reshare buttons being on the right, my only issue is that putting it on the right side could cause it to lose focus if a user scrolls through the comments (unless we put those in a fixed-position box?). The user isn't liking the comments, so part of me thinks that putting it on the left makes more sense. The user is, after all, initially interacting with the original post and content there, so it might make sense to keep the flow of interaction like that.

• I like the new mockups too. Though I also agree with @flaburgan that the first proposal was interesting too and maybe more usable for narrow screens.

• @sean: if the icons on left are to be hidden when the comments are scrolled down, the numbers should stay on the right to be visible all the time. (Or on both sides ?)

• Maybe showing all these tiny people icons is not necessary and could be hidden (with say 3-4 showing) and expandable with a show more button. Any there has to be a limit because if a message get 1000 likes it would fill the all screen !

the only major difference would be that instead of having an always-present comment box, the comment box would instead be scrolled to automatically simply by clicking the "Comment" button.

I think the comment box should be always present at the bottom right. Only one line height, but always present, this save us one click (and clicks are rare ! :p)

Otherwise, I think we can go with that. And, btw, I can help for HTML / CSS ;)

Wow, nice discussion and mockups. Really like the last version (http://wiki.diaspora-project.org/wiki/File:Spv-sean-jonne.png) .. awesome work guys, would really love that to happen!