I'm designing an interface to ask for user evaluation on data submitted by other users and I'm stuck on designing simple and effective call-to-action on a
favorite is a toggle-icon and not relevant here.
The call-to-action should be "on" the
counter icon and when user responds to the call-to-action (by clicking on the
counter icon), the context will change to something like this:
Clicking on a thumb submits the vote online, changes back to favorite & counter icons, yada, yada... unimportant.
What is the problem (here) is how to present the
42 with "vote" call-to-action incorporated with it.
Also possible for
counter icon to be displayed differently that now (rectangular with rounded corners), although this design scales best with different number of votes.
From what I can think of, some guidelines:
- icon should be button-like to be more recognizable as actionable
- icon should be (of holo look & feel to be) consistent with the rest of the app
- ideally, its visual container should be scalable horizontally (to incorporate numeric characters 1-99)