NNS dapp got new shiny UI colors and a main layout that has been re-worked .
Context
In my last posts I shared some information about UI and UX changes we are working on and also answered two questions (here and here) about new design and timeline.
The foundation is investing and working on making the NNS dapp experience better and the new version of the dapp that was proposed and executed on mainnet (proposal 92180) today unleashes one important milestone of the initiative, a full review of the colors and layout of the design system (see release v2.0.0 on GitHub).
What’s next?
Is it the end of the story? No.
Are we happy enough with this new UI? No.
Will we continue to improve it rather soon than late? Yes.
As the layout and colors have been updated, we are now going to work on the views and the components themselves - i.e. the way the information are displayed.
In following weeks we will notably focus our design effort on the “Tokens” and “Neurons” list views to make these more user friendly.
Don’t know to be honest, a question for the designers and the users who upvote “purple” .
Personally, if I can share my two cents, I have to say that I don’t care much about the colors at the moment, I’m fine implementing what’s requested. On the contrary, what I personally really want to see improved is the user experience, as we did for the “Voting” views. I am happy that we will tackle this soon beginning with the two views I listed above.
You mean in the “sticky footer” buttons? If so, that’s a designer thingy. In my first implementation there was actually more space . Anyhow, the ultimate goal is to get rid of that footer and integrate more gracefully the actions within the flow.
Acutally @dfisher you meant “small space” on mobile? I was referring to desktop, you are right few pixels were needed on small devices. I included these in my last PR. Will be included in next version we will propose.
I mean the two buttons “New Transaction” and “Add Account”. There should be a little space between those two buttons. There’s a white border right now that glues the two buttons together
Using an iPhone with a 6.1-inch screen the two buttons do seem to almost overlap? Where the, “Add Account” button almost or very slightly is “above” the “New Transaction” button, or that the two would change the shade if scrolling back and forth, however, that function is not a part of it. I hope that makes any sense.
Yeah absolutely. Like I said in my last comment above, it was ok on desktop but not mobile. I developed a CSS improvement in my last PR and it will be included in next version we will propose.
It is inconvenient that the Age Bonus ratio is only displayed to two decimal places.
I believe it would be best to have three decimal places. Please consider this.
Noted. However I gonna be honest with you, I have the personal feeling that the decimals display is probably something that not gonna change soon unless there is a proposal or else. There are as many users as many opinions on these decimals and we already spent few iterations on it. There are few feature requests regarding numbers - like exporting plain data - in the backlog. That fits well these but, again, noted. Thanks for the feedback.