Dank UI - Discussion

[dotvhs]

First of all, I'd like to say that I do really like Dank in general, in terms of UI and the feeling. However, there are few things I think might or even should be changed for more consistency and better UX. So I created this thread for discussion.

Something I think I know how should be fixed:

Number of upvotes - while it is something that makes Dank stand out from the crowd, I do think that number should be shown after the title, not before it, at least as an option. Here's an example:

It will be easier to read the titles that don't have similar score number (my eyes won't have to jump left/right anymore, to read the title). Here's an example that shows what makes me feel uncomfortable reading the titles:

Another thing on the same screen is that horizontal bar with sorting button. I do like how this button looks like, but I don't like that it is alone, making almost whole line of wasted space and it makes no sense that it's fixed to that view:

What's the point of Toolbar having a shadow when it's not really covering anything since that grey bar with button that changes sorting is not moving at all. I honestly don't have a good idea what could be done for it to make more sense for now.

The last thing I find a bit annoying is way more minor than the rest. In comments view when there's picture on top of the screen, there is also close button in the left corner and of course there should be icon to close but sometimes it's obscuring something which does not really look good, here's an example:

I hope I did not sound harsh nor rude, I do have issues with explaining things in a gentle manner in foreign language. Sorry if I did.

[mvietri]

I didn't understand quite well the 'Toolbar shadow' issue but +1 to move the vote count and the close icon on the image.

Also, I notice there is no timestamp (i.e. '2 days ago' on the items list)

[dotvhs]

Ah yeah, I wrote that very poorly, so I will rephrase that:
Top part of app contains two things, a toolbar (that darker part with app/subreddit name etc) and that bar underneath it which contains only the button for switching sort type.

And both of them are fixed in place - they are pinned to that position, does not matter if you scroll - it's still on top of the screen. I asked what's the point of the shadow underneath the toolbar when toolbar itself is on top of the item that never moves and shadow on elements like this is used to give a sense of feeling that it is floating on top of other elements.

In short words - I don't like that there is quite big part of the screen pinned with quite a lot of space wasted.

[mvietri]

Ok maybe the sort button should be part of the scrollable content. Will that work according to your designs?

[dotvhs]

That's probably the easiest way to fix it but also it will make the button unreachable when someone scrolls far.

[saket]

I like the idea of moving the scores to the end. I kept them on the left so that my eyes could scan the scores easily.

Any better ideas on improving the sorting button? I don't like its placement either, but couldn't come up with a better design.

[mvietri]

Any better ideas on improving the sorting button? I don't like its placement either, but couldn't come up with a better design.

Well since the refresh button is in the upper toolbar we can move that button next to the sort button or move the sort button to the other toolbar. In other words, put the button that are related together.

Another option for me is to keep that bar (the one below the main toolbar) and put all the subreddit options there, like sort, (un)subscribe, refresh, submit link/post.

[saket]

And both of them are fixed in place - they are pinned to that position, does not matter if you scroll - it's still on top of the screen. I asked what's the point of the shadow underneath the toolbar when toolbar itself is on top of the item that never moves and shadow on elements like this is used to give a sense of feeling that it is floating on top of other elements.

The initial plan was to hide either both of them or just the sorting bar when the content list is scrolled.

Well since the refresh button is in the upper toolbar we can move that button next to the sort button or move the sort button to the other toolbar. In other words, put the button that are related together.

There's very little space on the toolbar. Subreddits with long name get truncated very easily. Additionally, there's the subscribe button also sits next to the sorting button.

[mufeedali]

@saket why not make the bar with sort a scrollable view with buttons like wiki, subscribe, etc?

[saket]

@lastweakness are you talking about the bar below the subreddit name?

[mufeedali]

@saket yes

[saket]

That's a good idea. Will do that once I add more options to the bar. Thanks!

[Minnona]

May I suggest remembering sorting order per subreddit as well, currently it just resets everything to "Best" every time I relaunch the app.

[Minnona]

I think it would be nice to have more colors, for example: having subreddits colored on the frontpage/popular to differentiate them more easily.
Another suggestion is to hide "R/" from subreddit names to save some space.

[Minnona]

Found myself missing pressing back button 2 times in a row to close the app, sometimes I close it accidentally.

[Tunous]

Hey @elenmerbau thank you for the comments. Would you mind creating a new issue for each suggestion to make them more focused and easier to find in the future? That would help a lot.

[Minnona]

@Tunous aight, no problems, will do after I finish cookong :p

[Tunous]

Moved the missing topic to separate issue: #255 The other ones are in #208 and #119. Not sure about votes position but that perhaps will return to us somewhere :)

Closing this as I prefer to have more focused issues.