Adding call to action buttons in cluttered Interface

Question

Me and my partner have been arguing on how the User Interface should look like when we add two extra action buttons (Share and Report) while it has little to no space.

Here is my design:

Note that clicking on the share button will show the default sharing action sheet used in iOS, and when clicking on the report button, a confirmation alert view will appear, in android, clicking on share will show the share pop up and report the same alert view.

Now here is my partner's design:

My argument is that using a drop down menu will add more clicks before the user can achieve the action he wants, also it will be unclear what is under the popup.

In my Design we have less clicks and more clear buttons, which my partner argues that the report button should not be visible at the first sight.

So, which pattern should we go with? And if possible why?

Answer 1

I'd take cues from Facebook on this. They keep their call to action for share separated from their report options.

In Facebook clicking the icon style your friend has come up with present various reporting options such as hide post, report abuse etc.

Share should be a dedicated action if it's an action you want to encourage and know the user will benefit from.

My suggestion is to keep your share icon (bare in mind that iOS 7 has a standardised share sheet icon) but offer a much less prominent report button either as text or a similar icon to your friends idea.

The two actions are not related and should be detached from one another.