Coder Social home page Coder Social logo

Dank UI - Discussion about dawn HOT 17 CLOSED

dotvhs avatar dotvhs commented on July 17, 2024 5
Dank UI - Discussion

from dawn.

Comments (17)

dotvhs avatar dotvhs commented on July 17, 2024 1

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.

from dawn.

mvietri avatar mvietri commented on July 17, 2024

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)

from dawn.

mvietri avatar mvietri commented on July 17, 2024

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

from dawn.

dotvhs avatar dotvhs commented on July 17, 2024

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

from dawn.

saket avatar saket commented on July 17, 2024

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.

from dawn.

mvietri avatar mvietri commented on July 17, 2024

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.

from dawn.

saket avatar saket commented on July 17, 2024

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.

from dawn.

mufeedali avatar mufeedali commented on July 17, 2024

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

from dawn.

saket avatar saket commented on July 17, 2024

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

from dawn.

mufeedali avatar mufeedali commented on July 17, 2024

@saket yes

from dawn.

saket avatar saket commented on July 17, 2024

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

from dawn.

Minnona avatar Minnona commented on July 17, 2024

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

from dawn.

Minnona avatar Minnona commented on July 17, 2024

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.
Screenshot_20191111-203128

from dawn.

Minnona avatar Minnona commented on July 17, 2024

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

from dawn.

Tunous avatar Tunous commented on July 17, 2024

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.

from dawn.

Minnona avatar Minnona commented on July 17, 2024

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

from dawn.

Tunous avatar Tunous commented on July 17, 2024

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.

from dawn.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.