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.
Iâm sorry, I did not pick up on that detail. I was just hoping the image and more in-depth description would help. Just as an average end user.
Personally, I think the update is slick and you all did a really good job. My comment was not meant to âbashâ in any way. Hope it was perceived well.
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.
.
.
. Anyhow, the ultimate goal is to get rid of that footer and integrate more gracefully the actions within the flow.