85

tl;dr:

Could the "edited" information be kept to the left of the post owner information (instead of reflowing to be above it) until it's too narrow to fit?

If not, could the 32x32 px div for the profile image be hidden when it doesn't contain an image (when the post owner was the editor)?

Doing either would allow more information to be shown on the screen at a time.


This is a usability issue on mobile devices or narrow/landscape screens. I have taken screenshots of the question Best practice for writing big files for the examples below. For consistency, the screenshots are all 350px high.

At 1100px wide (adverts redacted), the information displays nicely. Note that the "edited" information is displayed to the left of the post owner information:


At 900px wide, the "edited" information moves to above the information of the post owner, but there is still space to display the information in the original place:


At a very narrow 500px, there is still space to have the "edited" information in the original place:


The div for the edit information has an empty 32x32 pixel div for the self-edited posts:

Could this be fixed please?

8
  • 19
    The low resolution layouts haven't really had much thought put into them yet. When the announced the network redesign on MSE, I pointed out a glaring problem or two, such as the right sidebar just being shoved underneath the main content body ignominiously. It still does that today.
    – TylerH
    Commented Apr 29, 2019 at 13:12
  • It might just be for me, but on my laptop the "edited" section jumps above the original poster around 779px: i.sstatic.net/Qac8Q.gif Commented Apr 29, 2019 at 14:40
  • @James the jumping happens depending on what links you have (share/edit/close/delete/flag). Try the same in a private browsing window and you should see it's not at 779px.
    – Wai Ha Lee
    Commented Apr 29, 2019 at 14:45
  • 1
    @WaiHaLee true, it breaks at 1119/1120 when I open this page in an incognito window. Hadn't considered that. Commented Apr 29, 2019 at 14:49
  • 1
    @Jeremy - that is how it appears in the proper Mobile view (using the link at the bottom of each page), e.g. this screenshot. In other words, when the screen is narrow the editor appears first, on the mobile view the editor appears second.
    – Wai Ha Lee
    Commented Apr 29, 2019 at 15:59
  • 3
    Seems like we could sacrifice the fact that the links are in the same "row" as the information boxes at small sizes. Just bring the two boxes below the links at those sizes, then they can stay next to each other. That would mean altering their HTML, or their choice of making the wrapper of all three a grid. Commented Apr 30, 2019 at 14:50
  • 1
    This is worse on small devices such as phones and tablets. The page ends up being much more vertically extended than horizontally.
    – S.S. Anne
    Commented May 1, 2019 at 20:38
  • 2
    Yeah - I know. :( I spend lots of time on Stack Overflow on my phone (1920x1080 screen). It can be... difficult.
    – Wai Ha Lee
    Commented May 1, 2019 at 20:53

0

You must log in to answer this question.

Browse other questions tagged .