HIVE Monitor - Updated UI/UX and more HIVE Witness Details EN/DE

in Programming/Dev2 months ago

Here is finally the long promised update about the HIVE monitor application https://primersion.com

image.png

I have been making a lot of improvements to the UI/UX of the application, trying to improve the general usability of the site by introducing a new navigation on the left side and adding a few more details to the HIVE witnesses page.

Easier and more clear navigation

The header now only shows a button on the left for expanding / collapsing the side menu and one button to the right for switching between light and dark mode:

image.png

The navigation bar itself is split into two sections, one for HIVE and one for Hive-Engine:

image.png

This adds another layer of separation between the two different use cases of the application. The HIVE section allows you to check your witness votes for HIVE, check the earnings of HIVE witnesses and view some stats about HIVE transactions.
The Hive-Engine section currently only provides a single page for viewing Hive-Engine witnesses, voting for them and checking their earnings.

The side bar will collapse / expand automatically depending on the screen you are using. Additionally the main content now spans the whole screen, giving more space for the actual content.

HIVE witnesses

The witnesses page was redesigned and now uses tables similarly to the Hive-Engine witnesses page:

image.png

The top still shows the witness votes, which need reviewing in red, followed by the other votes and all active witnesses that may be voted.

The actual tables now show more details about the witnesses, including the total votes, the witness age, the number of missed blocks and the running version and may be sorted by clicking on the header. All information which is outdated / needs review is shown in red.

Disabled witnesses are highlighted by a different background:

image.png

HIVE witness earnings

The earnings page was also redesigned and the list was replaced with a table. This makes it easier to compare the actual values of the different witnesses and allows sorting them:

image.png

Hive-Engine witnesses

The Hive-Engine witnesses page also got a redesign:

image.png

The weight and version column are now much less prominent and only versions different than the current version are highlighted in the table. The actual votes of a witness can now be viewed by simply clicking on a row, which expands it and shows all votes below the witness:

image.png

Additionally this will show the BEE the witness has earned total, the last week and the last 24 hours.
The rank of witnesses is now only shown if the witness is active and otherwise it is left blank. Similarly the missed blocks are only shown if the value is different to 0. Also the different columns now have a more equal width, making the table look more equally distributed.

Disabled witnesses are again highlighted by a different background:

image.png

Last week the witness protocol was updated and now 10+1 witnesses are used for the signing process instead of 6+1. This is indicated by the thick line after the 10th witness:

image.png

Oh and I reached the 1st position :) :) :) Thank you all for your support and for making this possible!

That's all for now - stay tuned for more awesome updates and if you would like to support me, please vote for my HIVE witness and/or my Hive-Engine witness:

HIVE (using Hivesigner)
Hive-Engine (using Votify - thanks again @dannychain for this awesome tool)


Hier gibt es endlich das lang versprochene Update zum HIVE Monitor https://primersion.com

image.png

Ich habe zum Großteil an UI/UX Verbesserungen gearbeitet, um die generelle Usability der Anwendung zu verbessern, indem ich eine neue Navigationsleiste auf der linken Seite hinzugefügt habe. Außerdem habe ich die HIVE Witness Seite mit mehr Details ergänzt.

Einfachere Navigation

Der Header der Seite zeigt nun nur mehr einen Button ganz links, zum aus / einklappen der Navigation und einen Button ganz rechts, für das Umschalten zischen dem Light und Dark Modus:

image.png

Die Navigation selbst habe ich in zwei Unterpunkte aufgeteilt, einen für HIVE und einen für Hive-Engine:

image.png

Dadurch gibt es nun eine klare Unterscheidung zwischen den beiden Applikationen. Unter HIVE kannst du die deine Votes für HIVE Witnesse anschauen und überprüfen und dir die Einkünfte der verschiedenen Witnesse anschauen. Außerdem gibt es eine paar Statistiken zu HIVE Transaktionen.
Unter Hive-Engine kannst du dir aktuell "nur" die Hive-Engine Witnesse anschauen, für diese voten und dir deren Einkünfte anschauen.

Die seitliche Navigation klappt automatisch ein / aus, je nachdem wie groß dein Bildschirm ist. Außerdem erspannt sich der eigentliche Inhalt der Seite nun über die ganze Breite und es ist daher mehr Platz für den Inhalt.

HIVE Witnesse

Die Witness Seite wurde neu gestaltet und verwendet nun ebenfalls Tabellen, ähnlich der Hive-Engine Witness Seite:

image.png

Ganz oben werden immer noch die Witness Votes in Rot angezeigt, welche nicht mehr aktuell sind und angeschaut werden sollten. Darunter sind direkt die restlichen Votes, sowie die übrigen Witnesse für die noch gevoted werden kann.

Die Tabellen zeigen nun mehr Details für die Witnesse an, unter anderem die gesamten Votes, das Alter, die Anzahl an verpassten Blöcken und die Version des Nodes. Außerdem können die diversen Spalten durch Klick auf den Header sortiert werden. Information die nicht mehr aktuell ist / die man sich anschauen sollte, wird in Rot hervorgehoben.

Deaktivierte Witnesse werden durch einen anderen Hintergrund hervorgehoben:

image.png

HIVE Witness Einkünfte

Auf der Seite mit den Einkünften der Witnesse wurde die Liste ebenfalls durch eine Tabelle ersetzt. Dies erlaubt es die Werte besser zu vergleichen und die Spalten können auch wieder sortiert werden:

image.png

Hive-Engine Witnesse

Die Hive-Engine Witness Seite hat auch einen Redesign erhalten:

image.png

Die Spalten mit dem gesamten Voting-Gewicht und der Version sind nun nicht mehr so prominent und es werden nur noch Werte hervorgehoben die nicht mehr aktuell sind.
Die Votes der Witnesse können nun angeschaut werden indem einfach irgendwo auf eine Zeile geklickt wird. Dadurch wird diese ausgeklappt und die Votes angezeigt:

image.png

Hier werden auch die BEE Einkünfte der Witnesse angezeigt. Dies beinhaltet die gesamten Einkünfte, die Einkünfte der letzten Woche und der letzten 24 Stunden.
Die Positionierung der Witnesse wird nun nur mehr für aktive Witnesse angezeigt und wird ansonsten leer gelassen. Ähnlich dazu werden verpasste Blöcke auch nur angezeigt, wenn diese ungleich 0 sind. Die diversen Spalten haben nun außerdem eine gleichmäßige Breite, was die Tabelle generell etwas gleichmäßiger ausschauen lässt.

Deaktivierte Witnesse werden wieder mit einem anderen Hintergrund dargestellt:

image.png

Letzte Woche wurde das Hive-Engine Witness Protokoll aktualisiert und nun werden für den Prozess statt 6+1 Witnesse 10+1 Witnesse verwendet. Das ist in der Tabelle durch den dicken Strich nach dem 10ten Witness erkennbar:

image.png

Oh und ich bin nun auf Position 1 :) :) :) Danke dafür an euch alle und danke für eure Unterstützung - ohne euch wäre das nie möglich gewesen!

Das war vorerst mal alles - Ihr könnt schon auf mehr tolle Updates gespannt sein und wenn Ihr mich unterstützen wollt, bitte voted für meinen HIVE Witness und/oder Hive-Engine Witness:

HIVE (mit Hivesigner)
Hive-Engine (mit Votify - Danke nochmal an @dannychain für das tolle Tool)

Sort:  

Congrats on reaching top, you deserve it for sure, your site is awesome and I check it out quite often to vote for witnesses over my own site :)

Thank you, I really appreciate it! :) !WINE !BEER


Congratulations, @primersion You Successfully Shared 0.300 WINE With @rishi556.
You Earned 0.300 WINE As Curation Reward.
You Utilized 3/4 Successful Calls.

wine-greeting
Total Purchase : 21538.785 WINE & Last Price : 0.290 HIVE
HURRY UP & GET YOUR SPOT IN WINE INITIAL TOKEN OFFERING -ITO-


WINE Current Market Price : 0.295 HIVE

Sorry, out of BEER, please retry later...

Awesome job! You are doing some great work.

Thanks you! :)

I've been some time on the platform (3 years to be precise) and just today by your post I learn there are H-E witness votes too! Shame on me, hehe.

Thank you!

!wine

The H-E witnesses and votes were added only recently about 1.5 months ago, so that's probably why you missed it :D

Thanks for the !WINE

Ah, good, I felt like I am completely out of the loop, LMAO :) That's probably the reason I couldn't find that feature in peakd too. Keep up the great work making Hive a better place ;)


Congratulations, @primersion You Successfully Shared 0.200 WINE With @lightcaptured.
You Earned 0.200 WINE As Curation Reward.
You Utilized 2/4 Successful Calls.

wine-greeting
Total Purchase : 24809.918 WINE & Last Price : 0.290 HIVE
HURRY UP & GET YOUR SPOT IN WINE INITIAL TOKEN OFFERING -ITO-


WINE Current Market Price : 0.270 HIVE

Trying that !wine call again, I guess the original post was too old for it to activate ;)


Congratulations, @lightcaptured You Successfully Shared 0.200 WINE With @primersion.
You Earned 0.200 WINE As Curation Reward.
You Utilized 2/3 Successful Calls.

wine-greeting
Total Purchase : 24809.918 WINE & Last Price : 0.290 HIVE
HURRY UP & GET YOUR SPOT IN WINE INITIAL TOKEN OFFERING -ITO-


WINE Current Market Price : 0.270 HIVE

Strange, I think it should have activated previously also, maybe you just discovered a bug ;) Here is some more !WINE

The devs confirmed the maximum age of an eligible post/comment is 3 days ;) Have a great Friday ;)

Thanks for the info, that's good to know! :) Have a nice weekend and cheers !BEER


Hey @lightcaptured, here is a little bit of BEER from @primersion for you. Enjoy it!

Learn how to earn FREE BEER each day by staking your BEER.


Congratulations, @primersion You Successfully Shared 0.300 WINE With @lightcaptured.
You Earned 0.300 WINE As Curation Reward.
You Utilized 3/4 Successful Calls.

wine-greeting
Total Purchase : 24809.918 WINE & Last Price : 0.290 HIVE
HURRY UP & GET YOUR SPOT IN WINE INITIAL TOKEN OFFERING -ITO-


WINE Current Market Price : 0.270 HIVE

Oh, thanks a lot and cheers! I'm gonna ask Roger but I'm certain there is some limit on how old a post/comment could be, in this case it was 25 days :)

Echt stark! DANKE für Deine wertvolle Arbeit.

LG Michael

!invest_vote
!jeenger

Sorry, out of BEER, please retry later...

Holly S#*$ This is gold seriously. Implement this into the Hive dashboard asap. I feel like voting and people not understanding it is a massive issue on Hive and this beautiful interface honestly helps make it a little easier.

Thank you, I am glad you like it :) I am constantly improving the interface and trying to make it easier to use!

Nice work. The UI looks pretty neat for sure. !wine !BEER


Cheers @bala41288, Thank You For Inviting @primersion To A Glass Of WINE.
At The Moment You Don't Have Enough WINE Staked To Order A Glass Of WINE From @wine.bot.
Please Refill Your Barrels By Directly Buying WINE From Marketplace & Make Sure You Have Atleast 25.00 WINE In Staked Wallet.

wine-greeting
Total Purchase : 21738.785 WINE & Last Price : 0.290 HIVE
HURRY UP & GET YOUR SPOT IN WINE INITIAL TOKEN OFFERING -ITO-


WINE Current Market Price : 0.295 HIVE

Congrats on securing the top position🙂. Your UI/UX looks pretty awesome. I am always a fan of that left sidebar menu.

Thanks! Yes it makes it a lot more structured :)

Cool site, bookmarked!

Sieht toll aus. Interessant mal zu sehen, was die Witnesses an Vergütung bekommen!

Danke! Ja das bringt auf jeden Fall etwas mehr Transparenz :) !WINE


Congratulations, @primersion You Successfully Shared 0.200 WINE With @hatoto.
You Earned 0.200 WINE As Curation Reward.
You Utilized 2/4 Successful Calls.

wine-greeting
Total Purchase : 21188.785 WINE & Last Price : 0.290 HIVE
HURRY UP & GET YOUR SPOT IN WINE INITIAL TOKEN OFFERING -ITO-


WINE Current Market Price : 0.295 HIVE

Yay! 🤗
Your post has been boosted with Ecency Points.
Continue earning Points just by using https://ecency.com, every action is rewarded (being online, posting, commenting, reblog, vote and more).

Support Ecency, check our proposal:
Ecency: https://ecency.com/proposals/141
Hivesigner: Vote for Proposal

@mima2606 denkt du hast ein Vote durch @investinthefutur verdient!
@mima2606 thinks you have earned a vote of @investinthefutur !


Hey @primersion, here is a little bit of BEER from @bala41288 for you. Enjoy it!

Learn how to earn FREE BEER each day by staking your BEER.

Congratulations @primersion! You received a personal badge!

You powered-up at least 10 HIVE on Hive Power Up Day!
Wait until the end of Power Up Day to find out the size of your Power-Bee.
May the Hive Power be with you!

You can view your badges on your board and compare yourself to others in the Ranking

Check out the last post from @hivebuzz:

Hive Tour Update - Financial stages