67

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 following ...


46

There are far more important things when it comes to UX for Facebook A site with 2.5 billion active users needs to constantly rethink things, test them, make them better, add new functions etc. the UX gain is far too small and the impact on the overall site far too big. How do you measure how users react to different things if one user has a background in ...


40

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 ...


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

These are called 'Dark patterns' and these can be used in many different ways to influence users behaviour. Social networks as you mentioned put the logout button in a separate menu, Facebook in particular hide the 'deactivate' option very deeply in a settings structure. Some people also believe that you can never delete your Facebook account, when in ...


16

I'll point to Reddit as an example of why not to allow users to redesign their pages: it becomes a fragmentation issue. If you allow users to control the look and feel of the software, then you lose control of the experience. Reddit has mostly kept the same, dated design for a number of years, because a cohesive redesign means they will strip subreddits of ...


14

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 ...


13

The simplest way would be to let the user know that new content is available. These can be found in many different applications that dynamically load new content. For example say, the user has scrolled down a couple of times in an application with infinite scroll you can do something like this, For paginated applications, consider not updating content in ...


12

The theme and colours are part of Facebook's brand. It keeps everything consistent, and stops people from creating "ugly" pages.


10

As a style, people often describe very thin lines and neutral shades of color as minimal. If you emphasize everything, nothing gets emphasized. Minimalist art is about emphasis. I suppose you could relate this to web design by saying minimalist design emphasizes content (text, video, sound). Minimalism in design sprung from WW2. There was a new emphasis on ...


10

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 ...


9

Requiring facebook is a bad idea. There is a significant number of people that don't use FB and there's no reason to exclude them. And others, even if they do use FB, prefer to register through other avenues (twitter, google+ etc.). Best to be as flexible and accommodating as possible, for both the immediate concern of acquiring registrations and the ...


8

They are worth avoiding because: They are completely unusable on a touch device. So if someone were to use the app / site on a tablet, they would have no way of knowing that they existed at all. Given the growth in touch devices, I would argue that this alone is a good enough reason not to use any hover effects. They have poor affordance. Unless you know ...


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

Having two lists could create difficulties in scrolling. Also it's not a good way to divide friends on those who have the game and those who have not. The reason is in what drives me to play with someone. "A-ha! Is she so clever? Let's see!". So don't build the barrier. The better way is to display all the friends, adding clear signs of whether someone has ...


6

"I want something even more reliable to our visitors." Then don't force the user to use Facebook to log in. Whenever I see that, I hit the back button. period. If I have options, I'll stick around. If you MUST use Facebook's login API, ask for the least amount of permissions possible. No, you don't need access to everything. No, you don't need to post on ...


5

If you are only going to show it to them, then it is fine to show it. If someone has signed up with a facebook account, they would have already agreed to allow you to see their profile pic. If you are going to make it publicly viewable, then it is not okay to do it unless you get explicit permission from them first. You could by default not show it and ...


5

When the user comes to the Home page, the user does not expect to see the form top left because it's not the most important thing on the website, from the users perspective. uxmovement has a good article about this.


5

Those are floating (side) navigation. I have used sticky float jquery plugin in the past to implement it.


5

Why not simply use 'Connect with Facebook' 'Connect with Twitter' on this screen - What is the advantage of differentiating between signup vs signin here? From the users perspective the action is the same - the only implication is on your end as to whether you are creating a new account for them or logging them in to an existing account


5

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 ...


4

What a great question, Niklas. I'm a huge fan of minimalism so I took a chance to write an elaborate answer. First, I beg to differ: the art movement and the design style are not the same thing. “Minimalism” as an eponymous art movement has formed in 60s, after the WWII, taking it’s roots in various precessing art movements such as Constructivism, ...


4

If you have to use Facebook for communication, I think the best way would be to use private messages, which has a supported API since last year (2012). For reference, look at the answer to the question Send private messages to friends. But using Facebook as invitation channel for other apps is maybe not the best approach, since there are a lot of Facebook ...


4

I found this in a blog note. No idea if its any trustful though: Graph Search A/B Testing Facebook is doing some A/B testing on their Graph Search. They are testing their Original layout, vs 2 new layouts (A & B). A few weeks from now, we should be able to see the declared winner (if any). Apparently Facebook is testing your ...


4

They are taking the minimalist approach. By using white and grey the user gets: - less distracted with the shape and the colors - pays more attention on the content - has a good contrast = better readability Think about other colors, i.e. red, orange, pink, etc. They all tell a story or could mean things. The users will tend to "like it" or "not like it" ...


4

Follow like what FB does, whenever there is new entries in the timeline, display a small indicator (button) that shows up saying "New Stories", when pressed it will take the user to the top of the page. Yes, in terms of continuity, the old entries still should be displayed below the new entries. This way, user will still have an image map in his/her mind.


4

When you sign up with facebook, you're essentially just creating a profile on the local site (Airbnb in this case) using data from your facebook profile. So something like name, avatar, and location. When you sign in with facebook you're authenticating yourself using facebook. Although the two are related, they are essentially different actions, and so in ...


4

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.


4

I wish I'd just comment on that. Anyway, the message should be like this: "You must be at least 13 years old to have a Facebook account"


4

One hit is for the American version of the log in page (www.facebook.com), the other is for the UK version of the log in page (en-gb.facebook.com). Possibly these are the only two English versions they provide. All the other (many) localized login pages, such as Swedish (sv-se.facebook.com), french (fr-fr.facebook.com), etc are filtered by Google because it ...


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