I just built a chrome extension for my college. It helps students know their total marks and % without manually adding their marks. The user doesn't interact with the popup. He only watches the result displayed.
Here is how the popup looks when opened (I captured the whole screen):
The closeup of popup when opened is :
I've got a few questions on its UI:
1) How should I display the output.Should I put it as
Total : 524/725 Percentage : 72.2%
Should I use caps or non-caps for the words(total and percentage) if at all I use them. And Oh, should I use "%" (symbol) or "percentage"??
2) I have no Idea whatsoever to put over in my popup. Any suggestions on what to put apart from the main output.Like facebook share, G+, Twitter, about us, support website, logo etc.
3) What colour do u suggest? for background or text or any other thing?
I might use anything, but I'd love to take advice from experienced folks like you, which would better the User's experience.
After all an average user might not care about whether I used JSON objects in parameter passing or not, but he'll care about the UI.
I've built the extension at that time itself. Dropped here after two years to make this edit.
It makes use of the third suggestion by @Derek S; except the [X] button, a different font, and minor variations in colour.
You can check out the extension here.