WEBVTT - How the Facebook Redesign Works

0:00:00.320 --> 0:00:02.880
<v Speaker 1>Brought to you by the reinvented two thousand twelve camera.

0:00:03.240 --> 0:00:08.760
<v Speaker 1>It's ready. Are you get in touch with technology? With

0:00:08.920 --> 0:00:13.360
<v Speaker 1>tech stuff from how stuff works dot com. Hi there,

0:00:13.360 --> 0:00:16.000
<v Speaker 1>Welcome to the podcast. My name is Chris Polette. I'm

0:00:16.000 --> 0:00:18.599
<v Speaker 1>an editor here at how Stuff Works and with me

0:00:18.680 --> 0:00:22.640
<v Speaker 1>according to its profile on Facebook, is writer Jonathan Strickland.

0:00:22.760 --> 0:00:27.880
<v Speaker 1>Will you be my friend? Sure? So, yeah, Today we're

0:00:27.920 --> 0:00:31.920
<v Speaker 1>gonna talk about Facebook in general and the recent Facebook

0:00:31.920 --> 0:00:35.960
<v Speaker 1>redesign in particular. UM. In case you have been under

0:00:36.000 --> 0:00:39.839
<v Speaker 1>a rock for the last four years, here's the brief

0:00:39.960 --> 0:00:44.760
<v Speaker 1>overview of Facebook. It's an online social network, uh debuted

0:00:44.760 --> 0:00:48.600
<v Speaker 1>in two thousand four and it was originally UM geared

0:00:48.640 --> 0:00:52.720
<v Speaker 1>for college students, so that's what the For the first

0:00:52.720 --> 0:00:56.160
<v Speaker 1>several months of development, it was pretty much just college

0:00:56.240 --> 0:00:59.240
<v Speaker 1>kids using this to to build up groups of friends

0:00:59.240 --> 0:01:01.840
<v Speaker 1>and keep in contact with each other and find out

0:01:01.840 --> 0:01:04.520
<v Speaker 1>what each other are doing and all that sort of thing.

0:01:04.560 --> 0:01:07.920
<v Speaker 1>And then eventually Facebook opened it up to the public

0:01:07.920 --> 0:01:10.680
<v Speaker 1>in general, and everyone and their dog got a Facebook page.

0:01:10.680 --> 0:01:13.120
<v Speaker 1>And I'm not kidding there are dogs with Facebook pages

0:01:13.240 --> 0:01:18.160
<v Speaker 1>and cats as well. They don't discriminate. Um. And then

0:01:18.200 --> 0:01:22.000
<v Speaker 1>in August of two thousand six. So two years after debuted,

0:01:22.040 --> 0:01:25.199
<v Speaker 1>Facebook announced that it was going to open up uh

0:01:25.240 --> 0:01:28.520
<v Speaker 1>some of its programming to developers, and a year later,

0:01:28.560 --> 0:01:33.080
<v Speaker 1>in two thousand seven, they actually allowed developers to use

0:01:33.160 --> 0:01:36.160
<v Speaker 1>Facebook as a platform. And then that's when you saw

0:01:36.200 --> 0:01:42.280
<v Speaker 1>this explosion of of applications hit Facebook. So, um, if

0:01:42.319 --> 0:01:45.080
<v Speaker 1>you are the person who has the zombie pirate, armored

0:01:45.240 --> 0:01:50.320
<v Speaker 1>night Scribulous uh Facebook profile, you know exactly what I'm

0:01:50.360 --> 0:01:54.000
<v Speaker 1>talking about here, unless, of course, that yours is one

0:01:54.040 --> 0:01:57.120
<v Speaker 1>of the ones affected by a Scrabulous you might be

0:01:57.240 --> 0:01:59.280
<v Speaker 1>you might be surprised to know there's there was a

0:01:59.600 --> 0:02:05.480
<v Speaker 1>basically a knockoff of the game, the popular Scrabble brand

0:02:05.560 --> 0:02:09.480
<v Speaker 1>crossword game by Hasbro UM And you might say, why

0:02:09.480 --> 0:02:13.000
<v Speaker 1>are you using the trademark name, Well, that's uh, somebody

0:02:13.000 --> 0:02:16.440
<v Speaker 1>did a knockoff these two guys in India, um basically

0:02:16.440 --> 0:02:19.000
<v Speaker 1>because Hasbro didn't have their own version of Scrabble on there.

0:02:19.000 --> 0:02:22.400
<v Speaker 1>And you might say, why do I care about this program? Well,

0:02:22.520 --> 0:02:26.720
<v Speaker 1>Scrabulous became huge. It was a very very popular way

0:02:26.760 --> 0:02:30.160
<v Speaker 1>to network with with other Facebook users with friends and family.

0:02:30.360 --> 0:02:34.720
<v Speaker 1>Speaking from personal experience, been playing Scrabulous for for months

0:02:35.080 --> 0:02:38.400
<v Speaker 1>with different family members across the country, and UH, Hasbro

0:02:38.480 --> 0:02:41.639
<v Speaker 1>got a little jealous, and all of a sudden, everywhere

0:02:41.680 --> 0:02:45.600
<v Speaker 1>you turn on all these websites after Scrabble UH made

0:02:45.600 --> 0:02:49.840
<v Speaker 1>its debut and Hasbro is announcing a lawsuit against the

0:02:49.919 --> 0:02:55.320
<v Speaker 1>creator Subscribulous. It's on every news site everywhere from the

0:02:55.440 --> 0:02:58.919
<v Speaker 1>United States to everywhere else in the world. It's amazing

0:02:58.960 --> 0:03:02.919
<v Speaker 1>how a scrap bowl game became the talk of Facebook

0:03:03.000 --> 0:03:06.600
<v Speaker 1>for you know, a week or more, right, actually months, really,

0:03:06.600 --> 0:03:09.080
<v Speaker 1>because if you've been listening to other podcasts or if

0:03:09.080 --> 0:03:12.040
<v Speaker 1>you've read the news, you probably have seen things about

0:03:12.080 --> 0:03:15.480
<v Speaker 1>about this story. But really, let's let's let's try and

0:03:15.560 --> 0:03:18.000
<v Speaker 1>keep this in mind. Describulous is just one of many

0:03:18.040 --> 0:03:21.480
<v Speaker 1>programs that's on Facebook. In fact, I read one in

0:03:21.600 --> 0:03:24.280
<v Speaker 1>one source that there are now more than twenty four

0:03:24.600 --> 0:03:28.440
<v Speaker 1>thousand programs on Facebook. That's a lot of programs. And

0:03:29.280 --> 0:03:34.920
<v Speaker 1>the redesign kind of addresses this issue because here's here's

0:03:34.920 --> 0:03:39.840
<v Speaker 1>how these programs work. Developers create their own applications, UH,

0:03:39.840 --> 0:03:42.680
<v Speaker 1>they host them on their own servers, and then it

0:03:42.760 --> 0:03:46.200
<v Speaker 1>links to Facebook. And if you subscribe to one of

0:03:46.240 --> 0:03:49.160
<v Speaker 1>these applications, if you if you install it within your

0:03:49.200 --> 0:03:53.120
<v Speaker 1>profile page, you give that developer the right to look

0:03:53.160 --> 0:03:57.440
<v Speaker 1>at your information. Now, Originally Facebook said we just want

0:03:57.480 --> 0:04:01.040
<v Speaker 1>developers to look at whatever information they application needs to

0:04:01.120 --> 0:04:04.640
<v Speaker 1>know in order to ron. So maybe that's just the

0:04:05.280 --> 0:04:09.160
<v Speaker 1>number of friends you have or your profile name. But

0:04:09.200 --> 0:04:11.120
<v Speaker 1>the problem is that there was not really a way

0:04:11.200 --> 0:04:14.720
<v Speaker 1>to enforce that. So technically developers were getting as much

0:04:14.760 --> 0:04:17.240
<v Speaker 1>information as they wanted that was available on your profile.

0:04:17.279 --> 0:04:20.320
<v Speaker 1>So that could be your birthday. Even friends who had

0:04:20.400 --> 0:04:25.080
<v Speaker 1>set their profiles to private, if you UH installed an

0:04:25.080 --> 0:04:28.120
<v Speaker 1>application on your profile, the developer would be able to

0:04:28.160 --> 0:04:31.960
<v Speaker 1>look at that person's profile as if he or she

0:04:32.440 --> 0:04:37.000
<v Speaker 1>were you. So there were some major privacy issues early

0:04:37.040 --> 0:04:40.560
<v Speaker 1>on with this UH, with all these programs coming up. Yeah,

0:04:40.560 --> 0:04:42.920
<v Speaker 1>and I saw a report not too long ago about

0:04:44.279 --> 0:04:48.360
<v Speaker 1>a student who had been asked to give up even

0:04:48.400 --> 0:04:51.920
<v Speaker 1>more information, including his social Security number, and it got

0:04:52.000 --> 0:04:54.200
<v Speaker 1>him in a lot of trouble because it allowed UH,

0:04:54.320 --> 0:04:58.679
<v Speaker 1>it allows identity theft. So basically, once they've they've lulled

0:04:58.720 --> 0:05:01.039
<v Speaker 1>you into a sense of secure where you're willing to

0:05:01.040 --> 0:05:04.640
<v Speaker 1>give up some information. You know, there are some people

0:05:04.920 --> 0:05:11.200
<v Speaker 1>who are let's say less scrupulous, not scrupulous scrupulous than others, uh,

0:05:11.440 --> 0:05:13.960
<v Speaker 1>you know, are are starting to ask for more information

0:05:14.040 --> 0:05:15.800
<v Speaker 1>under the guys of hey, well we need this to

0:05:15.839 --> 0:05:19.080
<v Speaker 1>make your make the program work. And um, you know,

0:05:19.279 --> 0:05:21.919
<v Speaker 1>there have been people who have been fooled into thinking

0:05:21.960 --> 0:05:24.080
<v Speaker 1>that somebody is going to use this for a good purpose,

0:05:24.400 --> 0:05:27.200
<v Speaker 1>and you know, it's a bit of social engineering on

0:05:27.240 --> 0:05:29.960
<v Speaker 1>their part to get some information they probably shouldn't otherwise have.

0:05:30.440 --> 0:05:32.880
<v Speaker 1>And and even on a more benign level, that it

0:05:32.920 --> 0:05:36.159
<v Speaker 1>could mean something like selling your information to advertisers so

0:05:36.200 --> 0:05:41.160
<v Speaker 1>that you could be the the the target of targeted advertising.

0:05:41.560 --> 0:05:43.560
<v Speaker 1>And uh, I don't know about you, but I think

0:05:43.920 --> 0:05:48.880
<v Speaker 1>most people probably feel they see enough commercials as it is. Um. So,

0:05:48.880 --> 0:05:50.760
<v Speaker 1>so yeah, this was a big problem and that was

0:05:50.920 --> 0:05:55.440
<v Speaker 1>part of the reason Facebook was looking into its major redesign.

0:05:55.520 --> 0:05:59.159
<v Speaker 1>And another part was just that if you go to

0:05:59.279 --> 0:06:03.039
<v Speaker 1>a Facebook page and you look at someone's profile and

0:06:03.080 --> 0:06:06.200
<v Speaker 1>this person has subscribed to a lot of these applications, uh,

0:06:06.240 --> 0:06:09.320
<v Speaker 1>the page gets pretty cluttered. That's true. Each of these

0:06:09.360 --> 0:06:12.159
<v Speaker 1>applications has a little image that goes along with it.

0:06:12.240 --> 0:06:14.800
<v Speaker 1>So if you tell the program that you're installing that

0:06:14.960 --> 0:06:17.839
<v Speaker 1>you want to uh to include this in your profile,

0:06:18.160 --> 0:06:20.560
<v Speaker 1>then it's going to put another little badge on there.

0:06:20.600 --> 0:06:23.800
<v Speaker 1>It's it's not unlike I guess the badges you would

0:06:23.880 --> 0:06:26.159
<v Speaker 1>see on the side of a fighter jet in World

0:06:26.200 --> 0:06:28.280
<v Speaker 1>War Two every time they shot down another plane and

0:06:28.400 --> 0:06:30.640
<v Speaker 1>get the little thing on the side of the nose

0:06:30.720 --> 0:06:33.280
<v Speaker 1>where you'd have, you know, sixteen different ones. Well, on Facebook,

0:06:33.839 --> 0:06:37.080
<v Speaker 1>you know, you have, say, you have fifteen different applications installed,

0:06:37.080 --> 0:06:39.240
<v Speaker 1>and you let it show that on your profile page.

0:06:39.240 --> 0:06:41.200
<v Speaker 1>All of a sudden you've got this little string of

0:06:41.320 --> 0:06:44.520
<v Speaker 1>little I don't know, probably sixteen by sixteen pixel or

0:06:44.520 --> 0:06:47.840
<v Speaker 1>a thirty two by thirty two images, you know, representing

0:06:47.839 --> 0:06:50.080
<v Speaker 1>each of those applications. And and it gets worse than

0:06:50.120 --> 0:06:53.000
<v Speaker 1>that because some of the applications also put will put

0:06:53.000 --> 0:06:57.080
<v Speaker 1>a box in your profile page so that um, it'll

0:06:57.120 --> 0:06:59.440
<v Speaker 1>it'll take up even more space on your profile. Now,

0:07:00.080 --> 0:07:03.400
<v Speaker 1>not every application does that, but and you can choose

0:07:03.440 --> 0:07:05.400
<v Speaker 1>to not let it do that. But if you're not

0:07:05.480 --> 0:07:07.600
<v Speaker 1>paying attention and you're just saying, oh, I want to

0:07:07.600 --> 0:07:09.080
<v Speaker 1>be a pirate, Oh I want to be a zombie,

0:07:09.120 --> 0:07:10.880
<v Speaker 1>Oh I want to be aware wolf, Oh I love

0:07:10.960 --> 0:07:14.920
<v Speaker 1>this movie application, eventually you're you're a profile is just

0:07:14.920 --> 0:07:18.400
<v Speaker 1>gonna be filled with all these different boxes and it's

0:07:18.760 --> 0:07:21.480
<v Speaker 1>it's arranged vertically so you have to scroll down and

0:07:21.520 --> 0:07:24.400
<v Speaker 1>down and down, and it may be that that it

0:07:24.440 --> 0:07:26.400
<v Speaker 1>takes a good minute and a half to scroll all

0:07:26.440 --> 0:07:28.800
<v Speaker 1>the way through your page, which is not very elegant.

0:07:28.840 --> 0:07:31.520
<v Speaker 1>So that was another part of the redesign. We should

0:07:31.520 --> 0:07:34.000
<v Speaker 1>probably actually got around to talking about what the redesign

0:07:34.080 --> 0:07:37.600
<v Speaker 1>looks like. It's it's pretty neat. Actually. They they've organized

0:07:37.960 --> 0:07:42.160
<v Speaker 1>the Facebook profiles into tabbed pages, so everything is now

0:07:42.280 --> 0:07:46.200
<v Speaker 1>organized within tabs, and all those applications are now in

0:07:46.400 --> 0:07:49.560
<v Speaker 1>a tab called boxes. Um. I'm sure this probably has

0:07:49.600 --> 0:07:52.400
<v Speaker 1>some of the developers a little peeved because it's if

0:07:52.400 --> 0:07:55.040
<v Speaker 1>you're looking at the main profile page, you don't see

0:07:55.040 --> 0:07:58.480
<v Speaker 1>the applications there anymore. And I bet that's got some

0:07:58.560 --> 0:08:01.960
<v Speaker 1>people rubbed the wrong way. That's true, but it doesn't

0:08:01.960 --> 0:08:05.200
<v Speaker 1>make the the profile a lot easier to navigate. I mean,

0:08:05.320 --> 0:08:07.480
<v Speaker 1>rather than having a list of all your applications and

0:08:07.520 --> 0:08:10.120
<v Speaker 1>being limited to see only a few of them at

0:08:10.120 --> 0:08:14.120
<v Speaker 1>a time, you can actually hit the applications tab and

0:08:14.240 --> 0:08:18.120
<v Speaker 1>uh and see all the different applications in one place. Um.

0:08:18.240 --> 0:08:20.680
<v Speaker 1>You can also, you know, there's also links to your

0:08:20.720 --> 0:08:24.720
<v Speaker 1>friends to your inbox. You'll see your status updates right there,

0:08:25.160 --> 0:08:29.840
<v Speaker 1>and they opened up, UM, and they had basically three sections.

0:08:29.880 --> 0:08:32.920
<v Speaker 1>You had your left navigation and then the main content

0:08:32.960 --> 0:08:35.320
<v Speaker 1>on your profile, then another in the right rail. And

0:08:35.360 --> 0:08:39.600
<v Speaker 1>they basically got rid of the entire left navigation scheme

0:08:39.600 --> 0:08:41.520
<v Speaker 1>and put it into those tabs. So it really opens

0:08:41.600 --> 0:08:43.439
<v Speaker 1>up a lot of white space and makes the page

0:08:43.880 --> 0:08:47.120
<v Speaker 1>easier to uh, to get through. Right. It doesn't look

0:08:47.200 --> 0:08:49.880
<v Speaker 1>nearly as busy as it used to, and it's I

0:08:49.920 --> 0:08:53.840
<v Speaker 1>think it's a it's a huge improvement. UM. I do

0:08:54.080 --> 0:08:57.080
<v Speaker 1>use Facebook occasionally and UH, and I really do like

0:08:57.120 --> 0:08:59.560
<v Speaker 1>the new layout. Now, if you haven't seen the new layout,

0:09:00.240 --> 0:09:02.600
<v Speaker 1>that's probably because Facebook hasn't really rolled it out to

0:09:02.679 --> 0:09:04.960
<v Speaker 1>the site at large, but you can check it out

0:09:05.080 --> 0:09:09.839
<v Speaker 1>at www dot new dot Facebook dot com. That's in

0:09:10.040 --> 0:09:13.199
<v Speaker 1>e w UM and that's where you can see the

0:09:13.200 --> 0:09:16.520
<v Speaker 1>the the new design. And UH, I think it's pretty nifty.

0:09:17.160 --> 0:09:19.400
<v Speaker 1>I know too. Although a lot of the feedback that

0:09:19.440 --> 0:09:23.320
<v Speaker 1>I've seen on blogs and different social networks that aren't

0:09:23.360 --> 0:09:26.800
<v Speaker 1>Facebook and uh, a lot of the people who I

0:09:26.880 --> 0:09:30.240
<v Speaker 1>follow have not been at all thrilled with it. But

0:09:30.640 --> 0:09:33.840
<v Speaker 1>someone who might have been thrilled with it, um at

0:09:33.880 --> 0:09:37.520
<v Speaker 1>least enough to get hit with a lawsuit. UM. As

0:09:37.559 --> 0:09:41.920
<v Speaker 1>a German organization which is uh sort of a very

0:09:41.960 --> 0:09:47.280
<v Speaker 1>similar website called study vz, and they are accused of

0:09:47.320 --> 0:09:50.960
<v Speaker 1>and I quote copying the look, feel, features and services

0:09:51.000 --> 0:09:56.760
<v Speaker 1>and quote um of the Facebook uh layout according to

0:09:56.800 --> 0:10:01.000
<v Speaker 1>the Financial Times, So they have actually gotten as close

0:10:01.320 --> 0:10:04.800
<v Speaker 1>to Facebook as they could to the point where Facebook

0:10:04.880 --> 0:10:08.880
<v Speaker 1>is willing to take legal action. So you know, it's um.

0:10:08.880 --> 0:10:14.440
<v Speaker 1>It's a popular layout for for social platform. Yeah. Whenever

0:10:14.480 --> 0:10:18.080
<v Speaker 1>a new social networking site comes on, the inevitable comparisons

0:10:18.120 --> 0:10:21.400
<v Speaker 1>against the two biggias MySpace and Facebook come around. And

0:10:21.480 --> 0:10:24.560
<v Speaker 1>in some cases those comparisons you say, it doesn't just

0:10:24.600 --> 0:10:27.839
<v Speaker 1>resemble it, it it's identical to it. And that's a

0:10:28.120 --> 0:10:31.760
<v Speaker 1>that's not a not the best route to take. I think. Well,

0:10:31.840 --> 0:10:34.400
<v Speaker 1>if you want to learn more, you should visit how

0:10:34.440 --> 0:10:38.480
<v Speaker 1>stuff works dot com and read how Facebook Works. Until then,

0:10:38.640 --> 0:10:41.760
<v Speaker 1>we'll talk to you later for more on this and

0:10:41.840 --> 0:10:45.520
<v Speaker 1>thousands of other topics. Does it how stuff works dot com?

0:10:45.679 --> 0:10:47.800
<v Speaker 1>Let us know what you think. Send an email to

0:10:47.920 --> 0:10:54.480
<v Speaker 1>podcast at how stuff works dot com. Brought to you

0:10:54.520 --> 0:10:57.880
<v Speaker 1>by the reinvented two thousand twelve camera. It's ready, are

0:10:57.960 --> 0:10:58.160
<v Speaker 1>you