I like it, it's less overbearing. :)
I don't like the bar at all - for desktop I would resent the vertical space taken.
Re: colour, it feels empty, I think it should be different to the body / content colour. I would personally want it de-emphasised relative to what I want most of my attention on (i.e. maybe another muted thing, or maybe the white, but the Thread a calmer colour, lowering the contrast and size)
White is even more mainstream than blue! make it green!
Here's a reference (Twitter web, on desktop):
It looks a lot nicer in dark mode, I wonder why...
Want to crazy with that top? Let the user chose the color or place an image there... People love customising stuff. You don't need to save that customisation to the feed, just save it to the preferences.
@SoapDog (Macbook Air M1) That's a nerd snipe to add a color picker that works for all 5 OSs, plus I know people will want to customize more than just the top bar. Not going fall for that trap :)
Customization will come, later.
/me reloading the nerdsnipe gun... I can do it... I can take a sucessful nerdshot!
How about this? And this time it's not just the top bar, but pay attention to the Thread card itself:
- Timestamp below the name
- "..." on the top right corner
- "React" on the bottom left
- List of reactions on the bottom center
- Comment counter on the bottom right
I really like how the card is organised.
I just noticed the progress bar on the mobile client - must say I really do like that!
@andrestaltz📱 can you provide the data + html template so we can all have a play?
In my experience tricky things to design cards for are:
- long name
- very short content
- long content
You current card is pretty excellent I think, the only thing I think is weird is that the "action to take" for emojis is unclear... like where do I click?
sigh... you got me... yeah this doesn't fully resolve the tension I feel, but I like that the like aren't part of the post, and the action is in a different area. Ideally the "summary" area of like + replies would be distinct from the "action" area where you perform a like/read/post comments
Oh yeah final thing - the links that POKE your eyes out
Emoji variants which show
- - you've left an emoji
- - you've commented on this thread
@mix.desktop You have a good point when suggesting the (horizontal) reactions list should be on the bottom left. I'm only a little concerned that the add-reaction button on the bottom right would be too "hidden" from the user's gaze.
I like this now! The reactions list really should be on the bottom left because it's in the correct place when the eye movement is "reading". And all the actions on the right portion of the card, which makes some sense (you start reading on the left part of the card and you take action on the right part).
Coincidentally, it also means that footer/header UI elements were just rotated around counter-clockwise. This could be good for intuition, makes it more predictable to know where the UI element was moved to in the new design.
PS: the emojis are now bigger, too. They used to be "small" font size, now they're "normal".
@Dave 2 gave some good feedback in our manyverse team chat:
Disclaimer: this one looks better and I’ll talk only about the bottom part of the card.
This is adding a ton of importance to the reactions without fixing any of my previous complains, and it’s also relegating the comments CTA to the farthest place in the card, when is maybe the most important interaction we want from users in general (to create conversations).
We are supposed to try or want to eliminate the dependence and anxiety cause by the Like, nevertheless we are putting it here as the main interaction with your content and the most visible information related to your or any other post.
I don’t see how a list of 👍👍👍👍 is different than 👍4, maybe in this case we are literally encouraging the user to fill that row and at the same time improving their counting skills.
Visually, I hate that emoji rainbow cluttering the UI and screaming for attention.
Now I kind of feel that information is unnecessary and useless, and I would completely remove it from Manyverse.
I agree with Dave on the comments CTA being too hidden, and disagree on the "emoji rainbow" effect (it's a feature to some, a bug to others, unclear which side wins).
@cblgh Yes you can tap anywhere, but the comments counter (number) is an important piece of info, and people who learn left-to-right languages pay more attention to things on the left.
I haven't made my mind, and I'm giving this design a chance for a while (I'm using this on my own manyverse) as a test drive:
Another idea is to change the footer, but keep it as it was, just replacing the "..." with a share button (this will become relevant once manyverse has an "invite friend" flow which may be integrated with a "share post" flow).
I'll stop spamming y'all here because I think I've made my mind with this one: