Collected Alchemy 2.0 UX/UI Feedback

https://t.me/c/1171640707/9231

@Pat My biggest complaint is you can’t open the proposal URL from the main screen.

https://t.me/c/1171640707/9242

@YehonatanG [In reply to Adam Levi]
for me the main issue is that with the list view (like in the history tab on earth) my brain can instantly analyze the list because information from the same category appears in columns (title, votes, stakes etc). With the cards it is significantly harder to get a birds eye view of the overall proposals situation and prioritize action

https://t.me/c/1171640707/9244

@Stratis [In reply to Yehonatan Goldman]
yeah exactly - more difficult to “scan” through proposals with cards.

Maybe cards will best best used for schemes and when you click on a scheme you will see a list of proposals in a separate screen

schemes are like menu items and it would make sense to have them be cards (like you have app icons on your phone)

@AdrienDLT Hi, it would be great to have the mininum GEN required for boosting just below the input field to avoid confusion

1 Like

On Alchemy, I notice I can see ‘my actions’ on the history of proposals— is there a way to isolate and see all of the actions I have taken and that I have pending? This would be a key/integral filter I need to keep track of my status and pending stakes, and what I have voted for etc.

1 Like

UI suggestion: Currently “Threshold to Boost” has become one of the most important data points for the user and should have prime real state in the UI - ideally it should be always visible - as this is the true engine of the utility of gen. It’s also very dynamic and hard to understand to the average human.

With the new “attention economy” dynamics in Earth, where Proposals have to beat pending ‘purgatory’ maybe more than once in their lifetime all the while asking for more and more Gen and creating situations like we have now where the majority of the regular/pending proposals have more staked on them then the ones boosted, but are still at risk of getting stuck in regular as others move up
slowly - all the while all the community still has to wait 2 or 4 days for current proposal to pass, creating a bureaucratic governance gridlock of sorts. All it took to freeze the DAO was 7 boosted proposals in a 140 people DAO.

It took me a relatively large amount of calculating to realise that the DAO does not need me right now - I’m interested in finding ways I could see this at a glance. As a user / educator of users I feel that Earth has introduced 2 challenges worthy of tackling:

  • it feels that the main interaction mechanism with the DAO changed from voting to staking.
  • with the current settings the DAO is significantly slower and Gen Hungrier - proposers need to not only Stake but Stalk their proposals making calculations themselves on this ever changing threshold to make sure they’ve given their proposals a healthy enough supply of Gen to make it to boosted, turning way up the feeling of a Pay 2 Play governance situation, which might be great for the gen economy and collective intelligence outcomes in the end but right now is creating heartbraking UX experiences for users.

Given that as new proposals make out of Pending Purgatory and join boosted if they have enough Gen on their backs, their cohorts can be knocked down by the changing ‘to boost threshold’ function messing up peoples planned work hours, etc: I’ll apply more thought to the emotional experience of “Working for a DAO” and which parameters do we want to have in mind as we design, but here’s one idea for now:

It would be very fruitful to create a visual dynamic where proposals about to be knocked down to regular could/should somehow communicate that they are “hungry for relevance” and proposals that have solid gen backing communicate their “health” at a glance. This would simplify the educational challenge ahead and stimulate users to stake on other proposals rather than their own.

2 Likes

From the bugs reporting doc / starship troopers meme stash:

Feedback Weight (1=low 5=high) Names
No way to access proposal doc straight from card. Link too small in the proposal page itself. This link should be the most accessible of all visuals (given that the dao can’t make good decisions if people don’t read the proposals themselves) 4 felipe + Fran, Kate, Pedro
Cannot see if a proposal has comments on it – no signal that it is contentious 2 Pat
Attachment is too small and hidden. Link to proposal should be large and visible and be easily accessed from the main page 5 Nave
1 Like

Hi, no specific UX recommendations in this post. More of a general observation, which could be based on wrong assumptions. I am only looking from afar.

The webapp as it now looks very much like the two-dimensional designs that i saw months ago. In my experience designs tend to evolve when you start coding and testing. It seems as if the design was made, approved, and then a team of coders got to work implementing it.

I imagine the team is still in bug fixing mode, mostly making sure the data accurately propagates through the app.

When that’s done and you recognise what i say, do have a meeting about incorporating design into the team. Like having a UX/designer within the team. And/or work with pattern libraries. That would greatly benefit the evolutionary development process.

Best wishes, Joera

2 Likes

When choosing TUSD as one of the rewarded tokens, it shows a question mark in the proposal.

cf screenshot below & the relevant proposal on the GenesisDAO.

Note: you might want to double check this does not happen with other “custom tokens” too


And a couple of suggestions for styling improvements.

Note: that’s the x-browser CSS-only solution for truncating long text with ellipsis (pay attention to the author of the answer ;])

1 Like

Here are some features that are needed in order to make Alchemy much more engaging.


As a user I would like to see any user’s “proposal submission history”.

1/ An initial step would be to simply list all the proposals a given user has submitted.
2/ A second step would be to be able to sort these proposals by various criteria (submitted date, status [being voted on, boosted, failed, passed], staked amount, etc)


As a user I want to be notified when my proposal gets interacted with (voted on or staked on).

1/ An initial step would be to simply put that notification within Alchemy itself (i.e. via something like Bootstrap Alerts)
2/ A second step would be to allow users to receive that notification via email


Disclaimer: similar to the above, especially useful if very keen on seeing a proposal (that one didn’t submit) to pass or fail.

As a user I want to be notified when a proposal that I choose to follow gets interacted with (voted on or staked on).

1/ An initial step would be to simply put that notification within Alchemy itself (i.e. via something like Bootstrap Alerts)
2/ A second step would be to allow users to receive that notification via email


As a user I want to be notified when my proposal enters or exit the “boosted” queue.

Again, the same comments as in the past 2 suggested features:

1/ An initial step would be to simply put that notification within Alchemy itself (i.e. via something like Bootstrap Alerts)
2/ A second step would be to allow users to receive that notification via email


Disclaimer: similar to the above, especially useful if very keen on seeing a proposal (that one didn’t submit) pass or fail quickly.

As a user I want to be notified when a proposal that I choose to follow enters or exit the “boosted” queue.

Again, the same comments as in the past 3 suggested features:

1/ An initial step would be to simply put that notification within Alchemy itself (i.e. via something like Bootstrap Alerts)
2/ A second step would be to allow users to receive that notification via email

I’ve opened up an issue in response to this.

1 Like

The Alchemy UX could do with a few hints for people to learn to use Alchemy & understand how the whole system works as they go (vs reading lengthy articles).

There are many “website guide” library for that, such as http://bootstraptour.com and more.

Here is a concept for a “Confirm Proposal Submission” screen.

The simplest way to implement this: entirely in the front end & only by toggling the way fields look + toggling the buttons the user can see according to the relevant screen. Happy to help out the dev working on this.

Rough estimate: 3h of dev effort + ?h for testing (not sure abt your process for that) + ?h for deploying (not sure abt your process for that either)

2 Likes

I like the intention a lot ::slight_smile:
Suggestion: rather than a message aside the button, change the button’s color and text to something shorter and more impacting

Notification on the bottom of the page appears beyond the chrome roller

1 Like

Two issues are open relating to the bottom bar to fix this: https://github.com/daostack/alchemy/issues/761 and https://github.com/daostack/alchemy/issues/771 – hopefully the Alchemy team will tackle soon!

Try to stop duplicate proposals. For example right now there are 2 props to slash 0.30% rep from point68. Shouldn’t be difficult to have a script run on all prop titles in the current stack and, say, a month back and pop a question: “A similar prop is already being evaluated by the DAO. Are you sure you want to submit this one?” (or something like this).

If you want to get fancy you can run similarity scores, and even analyze the attached prop docs themselves. I played with the IBM tool awhile ago, and I’m sure there are other libraries to do this.

As a user, I want to be able to manually save my proposal as a draft.

As a user, I want my proposal to automatically be saved as a draft (i.e. every 30sec, so if anything goes wrong, I don’t have to retype it all again).


Please find below a use case where having proposals automatically saved as draft could enhance the user experience.

This is feedback and thoughts I gathered after seeing about 50+ users interact with alchemy for the first time in the ETHIndia #dHack + some of my personal input :slight_smile:
These are initial thoughts. I wrote most of it on the flight back and added screenshots now. Still a bit raw but I hope it’s okay

I come from the world of mobile ads, apps, and games, optimizing user behavior is key to an App’s success. An unintuitive color, a split second where the user doesn’t know what to do, and he is lost forever.
We HAVE to make things much clearer, both in language and ease of doing things.

  • If we have to explain what “Signal Scheme” is to people who are already our users, we are doing something wrong.
  • If we sacrifice “looking really nice and cool” for not immediately intuitive we are doing something wrong.
  • If it’s not clear from the first moment what is the desired actions the user should take we are doing something wrong.

A click means 50% of the users will drop. The internet world moves to minimize the number of clicks, a challenge to Ethereum and Dapps due to the nature of signing transactions. Many Dapps are now moving towards using relays to minimize this.
We have three desired actions: Propose, Vote, and predict -> These actions have to be clear, simple, easy to find and interact, and have the absolute MINIMAL amount of clicks to get to.

I think it was proposed already by someone, but to use https://hotjar.com/ to track users on the screen.
For example - this is bad:
image

Why is only the proposal title linked in this box? I saw people trying to figure out how to enter my example proposal.
image

Language and UI

  • Change the language: Government lingo, that is the ultimate DAO organization (for me at least), or go full “Wordpress for DAOs”. For example: “Scheme” --> “Arms”, “branches”, or Wordpress - “Plugins”.

    • Onboarding Plugin/Branch/Arm
    • Contribution Plugin/Branch/Arm
    • Arm/Plugin/Branch registry
    • Signal Plugin/Branch/Arm
  • Will an ETH user, who sees Alchemy for the first time, understand what is Scheme registrar and contribution reward? Probably not.

  • A new user who lands in Alchemy has a hard time finding the Propose button. This is one of our main actions, this needs to be big, clear, and attention-drawing. right now the Support button is bigger and more clear than they Propose button.

  • Voting for a proposal should have a clear VOTE sign with YES/FOR in green and NO/AGAINST in RED (colors will be opposite in certain parts of the world, like China) What is thumbs up and down? like and dislike?

  • What is the Circular thing, it’s very unclear what’s going on. TV and Election polling has tested and tried what works and makes sense and it’s square boxes that rise with a % inside them.
    image

  • Predicting should be clear - PREDICT: PASS / NOT PASS

  • Tooltips - Easily implementable, non-intrusive, and highly efficient.

  • Reputation should be voting power - This is how much voting power you have in X DAO

  • Your aggregate voting power in many DAOs can be called your reputation. For example, if we do decide to integrate with a platform like zer0.

  • Regular, Pending, Boosted, are almost invisible - make it bold and clear these are different sections with their time period Regular - 30days, Pending - 24h…"

Information inside to the DAO:

  • We have a culture of linking to external things – google docs, different websites, etc.
    Alchemy needs to have more information inside it.

  • For example, under “Contribution Reward” a 280 char limit text info section: “Contribution reward is the reward scheme of DAO members, here members propose to contribute to the DAO and receive rewards and funds for their actions.”

  • We must utilize all the centralized sections of the app space we have to change and iterate.

Let me know what you think. I definitely think this deserves a working group or even a bounty competition – who can redesign alchemy best. I also think this is top priority, more than new features.

2 Likes

I absolutely agree that adding on features before iterating the “kern-gestalt” thought of the design is possibly a really expensive misstep. A skunk worx UI group that iterates on alchemy, even if building paper prototypes, should be a thing. I’d love to be in such a team and deploy my background in human centered design to run some sprints.

Following up on this great UX thread: here is the final version of the mockups I’ve been working on, this is after gathering feedback from some of you guys at Berlin Blockchain Week. As usual, feel free to comment.

1 Like

Some additional feedback collected last week at Berlin Blockchain Week:

  • Scheme View: as a user, if hovering on a proposal card, then I would like to see the proposal description preview (at least part of it)
  • Scheme View: as a user if hovering on a proposal card, then I would like to preview the video if the proposal description contains one
  • When voting something down, prompt a micro feedback form (to inform the proposer on the reason why people voted down)
  • Terminology of the vote icons - Thumb Down/Up could be replace by a simple Y/N ; Thumb Up could be replaced by a Balot Box or maybe something else
    Terminology for “boosted queue” - “promoted proposals”
2 Likes