Hot answers tagged

60

It's intentional, grid-breaking design Grid-breaking is a common design technique used to draw attention to important objects on a page. By intentionally misaligning visual content to the page's natural grid lines, a designer can draw attention to a key piece of content on a page because the user's eye will naturally be drawn to that content. The ...


39

The overlapping is there to show the hierarchy between the two photos. The profile image is the more important one and the cover is an additional info that you can show to the user. Think of an example where those 2 photos were ordered differently, for example the cover photo first and beneath it the profile image. Your eyes will look first at the bigger ...


13

This link/information should help you: Facebook content placeholder deconstruction - http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html To summarize the link information: Why would I ever use this? We can’t always remove having to wait for information but we can make the wait feel shorter. By giving some ...


9

It's much more usable to have text accompanying icons. The paradox of icons is they have to be universally recognizable enough that they could appear without text, but they never should appear without text. Also with the Like text, the clickable size of the icon is larger, ie it's more accessible. Your chosen icon to represent a Like action is poor, to be ...


4

I think this is too early to abandon description from this particular action. The icon itself still can mean 'Thumbs up' or 'Okay'. Facebook users are not only techy young people, who understand what 'liking' exactly means. Keeping the label makes it more clear and also helps to associate 'Like' action to Facebook itself, so it's not only practical, but also ...


3

We usually use a div. Make certain that the text is not confused with real text - but at the same time don't use lorem ipsum. (That will annoy or confuse your visitors.) Try something along the line as: This page is taking a longer time to load than expected. (Something interesting and relevant goes here.)


3

Treat a transition from federated login to mail and password the way you would treat a self-service password reset. Send a message to the address with a one-time link to create a password. Then when the user follows the link, invalidate it and open the change password form.


2

What is the Mobile App? Is it a e-commerce store, news portal, game? Because there is a huge difference between them. You should ask yourself how often your users use Login versus Sign Up. In most cases Sign Up is significantly less important than Login. If that's a case you MUST have 2 separate screens for Login and Sign Up. Why? remove additional noise ...


1

Icons combined with text labels work better, since the friction to understand them is lower.


1

I agree with the usability concerns everyone brought up. To add to that: The underlying is reason is purely business driven. Facebook business model depends on more people clicking on the Like button, so to everyone's point, they're removing any possible barrier from users clicking on it. From design perspective, you'd also need to consider if the other ...


1

Most brands choose a specific color for branding and stick with it. There is no general answer to why the specific color was chosen by what company. But in general, it seems to be a good idea for a brand to choose a color that is associated with it. In general, choosing a brand color helps building brand recognition. As you correctly stated, the colors of ...


1

I would suggest not to indicate users the format that you need, even if it simplier (danjoe is simplier that facebook.com/danjoe). Let users do the easiest job, and the programmers code 1-2 more lines. In general people do not care about how we are going process their data, but they are focused on how we are going to use them. Now, long story sort, keep ...


1

I don't think users should edit their posts in any other app which isn't the official one (or something from third part that replaces it), because I think it could be confused. But in that case, have you thought about the possibility to implement it as native system extension, like in iOs? The user could upload its photo to your website with a caption, and ...



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