I suggest to replace the words on the mobile version with icons

In my opinion, the mobile version of the word is superfluous, and enough of some icons, for clarity I show an example.

How does this block look now

And how would he look

I apologize for my English

16 Likes

It is a very good idea, what do you think @awesomerobot?

9 Likes

Yeah I think this is a great idea — I’d suggest keeping created/last reply as text though, I think they might lose too much meaning as icons only… I think everything else stays really clear.

6 Likes

How do people feel about doing something like this this on larger devices too?

icons

text (current)

6 Likes

as it seems to me, everything is clear.

Assuming there will be title elements where someone can hover and see what each icon means, I like it.

You’re not hovering over anything on a touch screen.

2 Likes

I vastly prefer the words on larger devices.

8 Likes

https://github.com/discourse/discourse/pull/5278

There are a lot of various cases to cover when it comes to number of actions, length of dates, viewport width, etc — I rebuilt the summary section of the topic map in flexbox in the process (on mobile only).

39 AM53 AM31 AM

9 Likes

It feels like the icons should be dimmer, like GitHub does it in their tabs?

image

5 Likes

updated; this actually gels with the existing part of the map better too; icons are the same color as “created”, numbers are the same color as the created date

58 PM

1 Like

There is something about this I don’t like after seeing it in action :frowning: can we try reducing the number of data points shown, by width maybe?

Hmm maybe the big problem here is that “created” and “last reply” are words?

Maybe just omit “created” on mobile altogether which is available anyway at the top then “last reply” does not even need a word? (the words also make russian not work at all well with this above design - see OP)

Also keep in mind a large amount of topics will have zero links and less than threshold views, so that is 2 less icons, it can look a bit bare to have almost nothing in the box… not sure what the perfect fix here is

The colors were quite wrong, making these super dark black just highlighted them too much for me. How about this… much better, less YELLING WITH BLACK

Then the alignment bothers me. Why not align things the same way? (exact spacing not intended here, this is a quick and dirty mockup)

Or flip bottom and top, like we do with the words, does not matter, in fact that might be more consistent?

Yeah I l like that better since it emphasizes the difference. Can we go with that @awesomerobot

4 Likes

Trouble is that in russian the words are already like 50% of the width on mobile, there is not too much room left,

I think the words are a big problem here in German / Russian etc.

Dropping “created” on mobile fixes that.

An alternative is floating “last reply” to the right and leaving created on left, then removing the words.

Much prefer your mockups here.

2 Likes

What glyph can meaningly convey last reply or last poster?

I guess for last reply you could use image but what about last poster? Oh I see they are using the clock image

Maybe no glyph for created and the reply glyph for last poster, make last poster icon a bit smaller, OP a bit bigger?

So like this?

I don’t think random size differences are going to read well, it’ll just feel screwed up. We could make them bigger

There is a fair bit of room here so they could be bigger still. I guess go with the above ↑ @awesomerobot

No words = best TRANSLATIONS EVARRR

6 Likes

I like the second mockup there I think it works really well on mobile.

1 Like

Move last post date to the end to highlight the fact that one is the start and one is the end?

image

5 Likes