Refactoring the Single Post View
Sean Tilley
Public
Seen by 96
As some of you know, I've been doing some work on the Single Post View. Both Mr ZYX and Denschub have had suggestions about ways to approach this, so I wanted to put together some mockups on our wiki.
Before any more coding / refactoring is done to the SPV, let's discuss what we as developers and end users want from the single post view, and let's explore ways to make it more usable.
goob Tue 26 Feb 2013 11:23AM
I like the latest version, the Sean–Jonne hybrid - clean, elegant, and presents information well. My only question is how it would deal with smaller screen sizes - not just mobile devices, but a browser window on an 800x600 monitor, for example. With two 'main columns' rather than one column and a side-bar, it could become a bit squashed even in a wide-ish window, especially if the post contains images.
Not a major problem, just something to think about as you're developing this.
@flaburgan - the single-post view currently is the beta-view, at least it is on jd.com
Jonne Haß Tue 26 Feb 2013 11:32AM
It could be easily made fluid by adding a media query that shifts the right section under the post section, making it one long column.
Flaburgan Tue 26 Feb 2013 12:07PM
It could be easily made fluid by adding a media query that shifts the right section under the post section, making it one long column.
This can be a solution, because of course, the post and the comment have to be scrolled separately, we completely loose the interest to display comments next to the post if after 5 comments the post stays at the top of the page and nothing is displayed in the left frame.
@goob I thank you talked about the beta profile which has been removed, sorry about that.
Flaburgan Tue 26 Feb 2013 12:10PM
@seantilleycommunitymanager I'd like to try hacking on HTML and CSS, can you please send me css files and images (like, reshare buttons...) by email ([email protected]), or post a link to them here ?
Jonne Haß Tue 26 Feb 2013 12:22PM
Hmm, I'd prefer to scroll them together actually I think. But I guess that's something we can easily change and try once we got a prototype or something.
goob Tue 26 Feb 2013 2:24PM
Yup, media queries and the like should be an easy way of doing this - I was just pointing out that smaller screens would need to be taken into account when designing the single-post view. Thanks for all the ideas - it looks as though this is coming along nicely.
Florian Staudacher Wed 27 Feb 2013 2:00PM
yeah, the last one really 'feels' like D* the most.
not sure how much white space there should be, really, or how to handle it in order not to "get lost" on that page, if by any chance there may be less content for some posts ;)
Rasmus Fuhse Wed 27 Feb 2013 9:04PM
This looks awesome. I love your latest mockups a lot. What is the crolling-behaviour if both content and comments exceed height of the monitor? In libertree both are scrolled separatedly which works nice most of the time, but I'm not sure if this the additional scrollbar in the middle of the page would fit in your design.
And I totally second the comment-textarea that is static on the bottom right of the page.
mathis Thu 28 Feb 2013 4:44PM
i like the "libertree" one --> http://j.mp/Z07WgW , this kind of single post view should be just for posts of the user with no media content (images,video, ecc..) , i say that because i really like the actual single post view for videos and photos ( http://vimeo.com/37411394 ).
last thing: in the future will we talk about a new UI of diaspora (old beta profiles, new stream, new publisher ecc.. )?
Jason Robinson · Tue 26 Feb 2013 10:05AM
Btw just to make sure, no separately scrollable divs etc, make the whole page scrollable as a whole otherwise some mobile browsers are real tricky. Not sure if the idea was to allow comments to be scrolled separately.