110

We ran a quick user test and found that more people were signing up with their emails If you trust your test, then you should trust your users and design a solution that meets their desires. We are trying to encourage users to connect with their Facebook/Twitter accounts instead Why is that? Do you have sound reasoning behind this in that it will ...


64

Breadcrumbs rock! And I think you have a personal bias against them rather than making a clear observation about their use. I notice none of the big players (StackExchange, Facebook, Google, YouTube) use breadcrumbs. StackExchange uses tags. Those are like breadcrumbs, but it's an associated way rather than structural. Facebook uses AJAX inplace loading ...


32

Be transparent with your users. I would include a message that communicates two things: The application did its job successfully Facebook imposes this "inconvenient" requirement Perhaps something along the lines of: We successfully found 105 posts that match this criteria. In order to keep your account safe, Facebook doesn't allow 3rd-party ...


19

The only advantage that I see as a user (for sites that I don't actually want to use in combination with twitter/facebook) is that it is quicker to log in with an existing account. As such you may want to structure it like so: Log in with existing account (can be social media or email) vs Register new account


19

Provide a regular register method In a comment to your question I said that I wouldn't use your app if the only way to register is via social networks. The reasons vary from person to person and to not make this answer go off-topic too much I'll give you just a quick outline about some issues: Simple but relevant: I don't use the famous networks I don't ...


18

I'd say this isn't a dark pattern at all. The simplest definition of a Dark Pattern is design meant to trick people. Now, there can be good tricks too, so Dark Patterns are really about deceiving users into doing something that benefits your business goals but not them. There's no trickery here. They clearly present what they want you to do (Tweet), how to ...


17

To me, this is all about alternatives, providing the "value menu" of things most people would want to say in a tiny comment, in one click. Provided you have made the alternatives, e.g. "click the +1/awesome/like button!" discoverable and easy, I favor a blocking message like: We prefer that comments be longer than 15 characters so they add substantively ...


15

If I remember correctly the reason is because the share button allows tracking of users since it's served from facebook/twitter/gplus. So without you clicking on it they already know you are on the site. A two click control gets rid of the tracking while making a inconvenience for the user. Heres a description of the issue


14

I recommend not restricting to jpeg only: Social media sites (usually) rely on people creating profiles and becoming active on the site. If at any point it becomes a pain to create a profile, users won't do it. If they have only a .png, they likely aren't going to go create a .jpeg to create a profile unless there is a huge incentive for them to continue. ...


13

I don't work for Google, so my answer will just be a guess at best. Let's look at this button in basic terms: download bmml source – Wireframes created with Balsamiq Mockups It's necessary to make clear that the state is active. Google does this by changing the colour. With this type of button, you would expect that clicking again would deactivate ...


13

Yes, it's a dark pattern, because the website advertises it as free: But when you follow the link, then you find out it's not quite free - they want you to advertise their product. So it's a bait-and-switch. It advertises as if it is freeware, makes you psychologically commit by clicking onto "The Bricks" for more info. And then you find out that it's not ...


12

As with any legal contract, both sides, including the user, must agree (“assent”) to the terms and conditions offered with the online service in order to create a legally enforceable “agreement.” In addition, a user can demonstrate agreement in a variety of ways, either by words or by deeds, depending on the circumstances. Online, however, the line between ...


12

Most users will recognize the logo mark for the social media platforms they use, so additional explanatory text for each icon would be overkill. If you do feel like users might need some additional context, you could use tooltips to display extra text on mouse hover. The current placement of your social icons seems random. It looks like you placed them in ...


12

I generally avoid signing up to random websites with Facebook, because I don't want those sites posting junk to my Facebook profile. One recent exception was Fallen London, which has a link saying "Read our civilised social media policy" right next to the "create a free account" -> "sign in with Facebook" link. The linked policy says things like "It's your ...


11

I do not think this is a secret design. Actually, this is a principle that may be inherited from newspapers or magazines: It would be impossible to read articles if they had not that three or four columns layout, just because your eyes would lose on which line you are reading and which is the next to read. This minimizes eyebal movements while reading. ...


11

It is perhaps not necessary to write out the label Facebook or Twitter next to the icon as Chris stated in his previous answer. But, please explain why I should follow you on Facebook. Is it for getting great discounts? Is it because you post new outfits that I can use for inspiration? Is it because I no longer need to go to your web site for updates? If ...


11

Facebook have follow feature if the user have set her account to allow followers. Followers only see posts that the followed user posts publicly. The main difference is that both parties have acknowledge that there is a friend relationship. One sends a friend request – the other accept (or decline) the request. But to follow someone – there is only one party ...


10

The best practice here is to display the social media icons in a neutral color, usually grey. This approach is both widely practiced and accepted. It's worth noting that most of the major social media brands have usage guidelines that explicitly prohibit the above. For example, Facebook's Brand permission center lists the specific brand assets that are ...


10

"companies put in fake links all the time, it makes it look like there's more there." That's about the dumbest thing I've heard, no offense. Visitors aren't dumb and shouldn't be treated as such. Only one thing will happen when a visitor finds out that you are lying to them: they will simply leave and never come back. I suggest you do 1 of 2 things: 1) ...


9

Well...is it a problem? I forget where I heard this, but there's a story about how everyone assumes those "no dogs" signs are just put up in stores just because they've always been there, it's convention. But really, those signs get put up because someone brought a dog, and it caused problems. To avoid further problems, they banned dogs. Now, maybe they didn'...


9

Have you considered offering a recommended limit? For instance, if a comment is less than say, 15 characters, upon submitting the comment the user is presented with an alert suggesting that they elaborate on their comment. This will make the user consider the value of their comment, and will hopefully trigger the action of adding more substance. Always give ...


8

Facebook says the Share Button is deprecated and will not be supported anymore at some point in the future. Reason is that clickthrough rates of the Like Button are better. We deprecated the Share Button when we launched the Like button, because the Like button improves clickthrough rates by allowing users to connect with one click, and by allowing them ...


8

Stylize buttons Advantages: Buttons are more consistant with other parts of your design (provided your ui has style) The overall look and feel is improved (provided your buttons don't look stupid) Buttons can have more meaning (express different contexts) Users are very accustomed to styled buttons, as most of the major websites use them : google, facebook ...


8

I'm not sure about data on desktop design, but I can say that for mobile devices, people will often use the social media login option when it is presented. This article about mobile interaction and behavior tells us the following: SOCIAL LOGIN: While roughly half of the people who participate in our research say they don't like – or want – to make use of ...


7

Science: I've read a study last year, saying that the younger generation is unable to differentiate between communication channels: they do remember what did they send to who, but they just can't remember how did they send it. A quick informal survey on 25-35 year old power users (geeks, hipsters, you know, what friends shall a developer have?) confirmed ...


7

Though I cant speak from any existing research which FB or Google plus must have done with the logic of not enforcing that users have to upload facial pictures, I believe there are three primary reasons : Users might not be comfortable with posting their picture for personal or privacy concerns and would prefer to use a neutral picture such as a flower,...


7

Adding horizontal scrolling to FB is probably not the best idea. But, like most things design, it depends. In general, horizontal scrolling is: Bad for Mouse Users For mouse users, horizontal scrolling can be a jarring & frustrating UX. While nearly all mice have scroll wheels, many don't "lean" left/right, & for the ones that do, being precise ...


7

In my experience breadcrumbs are useful on sites that have some depth in the page hierarchy. The trail shows where the user is in the site hierarchy. Not only that, it also reveals nearby possibly-related content. Third, it's good for search engines so they understand where in the site they are, and can show context of search results. Use of a breadcrumb ...


7

This is entirely dependent on your target audience. For example: A career oriented website may only need linkedin or dribbble. Different social media platforms caters to different types of audiences. It's never a good idea to slap as many social media networks for the sake of it just being there. You should also keep in mind that in most cases less is ...


7

I trust facebook.com (sort of), so I put information on there such as my likes. I don't trust just any old site I stumble across on the Internet. So there's no way that I'm going to register for your application with my Facebook account. However, after some use, I may find that I do trust your application. Then I might be ready to click "Connect with ...


Only top voted, non community-wiki answers of a minimum length are eligible