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

(Алексей Копаев) #1

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

(Jeff Atwood) #2

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

(Kris) #3

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.

(Kris) #4

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


text (current)

(Алексей Копаев) #5

as it seems to me, everything is clear.

(Joshua Rosenfeld) #6

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

(Michael Howell) #7

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

(Jeff Atwood) #8

I vastly prefer the words on larger devices.

(Kris) #9

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

(Jeff Atwood) #10

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


(Kris) #11

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

(Jeff Atwood) #12

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?

(Sam Saffron) #13

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

(Jeff Atwood) #14

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

(Sam Saffron) #15

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.

(Jeff Atwood) #16

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

(Sam Saffron) #17

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

(Jeff Atwood) #18

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


(Sam Saffron) #19

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

(Stephen Chung) #20

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