This question follows on from some of my previous questions on this forum:
With the help of the answers and suggestions I got here I eventually came up with something similar to this:
This layout has gone down very well with my test user group. Tapping (this is all mostly for mobile devices) on an offer header shows more information regarding the offer, pricing details and times along with a few buttons. It is the buttons that are causing me an issue here. A few notes by way of explanation first
- The buttons shown with a broken red outline do not always appear.
- I am using icons rather than text captions on the buttons in the interests of saving space and making the app easier to internationalize.
The buttons are (top right to bottom left)
- "Like" the offer
- "Dislike" the offer
- "Share" the offer (not always visible)
- Link to web page with more info (not always)
- Ask a question prior to buying (not always)
- Close the offer detail panel
- Delete this offer
The two other features I want to put in are
- blocking the retailer who made that offer
- blocking that entire offer category (say, Fruit) for which I cannot find anything that makes for an understandable, culture neutral image.
Whilst I do need these buttons I find that they are creating several issues
- A general feeling of "clutter"
- Taking away from the readability of the offer detail (in my view the user's eye is drawn away from the detail to the buttons)
- Confusion?? (are those icons actually clear?)
- Overload?? (Whoa! What do you want me to do here?)
- Finally - not being able to use icons for those last two (BLOCK ...#) buttons over-emphasizes them which is not at all the intention.
Tucking any/all the buttons away into a further drop down of some description (remember the offer detail itself is a sort of "drop down") is unlikely to make things any more intuitive.
I am hoping that some of the design experts here might be able to offer some suggestions.
Answers to some of the initial comments to this question
- Liking, disliking and buying are all equally likely and valid actions
- The issue I see with "weighting" the more important/likely actions is that the others are liable to get harder to use, i.e. tap on.
- You may well be right that other than the thumb icons (I would humbly also include the share icon which I think is getting very common these days) the meaning of the others is not immediately clear. But then if I go down the route of labelled buttons I am making the problem even worse - the offer detail dropdown content will be even more heavily skewed visually and the viewer is liable to see mostly buttons not the actual offer detail information (my view, correct me if I am wrong)