Display reputation score badge while recommending people to follow

Busy.org is an outstanding application in terms of look & feel (UI). Hats off for the guys who developed and are continuously updating and maintaining it.

My suggestion is about improving the UI of 'recommendation' feature on the right side panel of the busy.org website and also while displaying the list of people/bots who have upvoted the post, which is currently shown in a popup in busy.org website.

Proposal

The 'Interesting people to follow' recommendation feature of busy.org is a great way to discover people on steemit. Currently the right side panel on busy.org displays the recommendation with the profile picture, link to the profile and a button to 'follow'. If we are already following, or when we click on the button it changes to 'Following' and vice versa for 'unfollow'. So far this is good but it would also be better if their reputation score is also added along with their existing details.

We need to add the reputation score in two places, one in the 'recommendation' feature and also in the list of people who have upvoted the post. This change will be a 'value-add' for the exisiting functionalities.

Currently, when we click on the number next to the 'upvote' icon we can see the complete list of people who have upvoted, vote value and the % of vote. Along with that we have Follow/Following button for ease of access. It will be good if the reputation score is also shown next to the user profile text link.

We need to display reputation score wherever we display follow button next to the user profile.

Mockups / Examples

The exisiting UI of recommendation looks like this:

Proposed UI (after changes) would look like this:

When the text is lengthier then it will be truncated with '...' otherwise full text will be shown.

When we click on 'Discover more people' link, it navigates to new page where we display list of accounts along with their reputation score. (we need similar behaviour everywhere consistently).

The below UI is shown when the user clicks on number next to the 'upvote' icon.

Proposed UI (after changes) would look like this:

Benefits

This change will help people in following accounts with higher reputation score. This helps decision making easier, ofcourse people can click on the link and visit their profile to understand more about the person and his/her post.

These changes can be accomodated without changing any layout or exisiting width of the section. If the text is lenthier then it can truncated with '...' which is the current behavior. The look and feel of how it will appear can be seen in the above mockups.

The above mentioned suggestions are only for the 'recommendation' section on right side panel and 'upvotes' popup (after clicking on the number of upvotes).

Animated Illustration

The below animated illustration describes the discrepancy of showing reputation score(current behavior).

---

Posted on Utopian.io - Rewarding Open Source Contributors

---