-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoptions.html
142 lines (126 loc) · 9.4 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="options.css">
</head>
<body>
<div id="container">
<div id="options">
<div id="graybadges" class="option">
<label for="graybadges-checkbox">Turn red notification badges gray</label>
<span class="why">?</span>
<span class="right">
<span class="saved-text invisible">Saved! Please refresh Facebook to see your changes.</span>
<input type="checkbox" id="graybadges-checkbox" class="checkbox">
</span>
</div>
<div id="graybadges-explanation" class="explanation invisible">
<p>
"A friend at Facebook told Harris that designers initially decided the notification icon, which alerts people to new activity such as 'friend requests' or 'likes', should be blue. It fit Facebook's style and, the thinking went, would appear 'subtle and innocuous'. 'But no one used it,' Harris says. 'Then they switched it to red and of course everyone used it.'" - <a href="https://www.theguardian.com/technology/2017/oct/05/smartphone-addiction-silicon-valley-dystopia">source</a>
</p>
<p>
"The color red can be linked to excitement as it is considered an arousing, exciting, and stimulating color" - <a href="https://doi.org/10.1007/s11747-010-0245-y">source</a>
</p>
</div>
<div id="gray" class="option">
<label for="gray-checkbox">Gray out "Facebook Blue"</label>
<span class="why">?</span>
<span class="right">
<span class="saved-text invisible">Saved! Please refresh Facebook to see your changes.</span>
<input type="checkbox" id="gray-checkbox" class="checkbox">
</span>
</div>
<div id="gray-explanation" class="explanation invisible">
<p>
Although it's well understood that certain colors can have certain psychological profiles, there has not been publicly accessible research conducted into the specific choice of blue that Facebook has adopted as it's primary color. However, it's well know that Silicon Valley has a habit of A/B testing a wide variety of user interface choices, including color. An A/B test is a method through which Facebook attempts to sniff out which user interface tweaks will best drive their metrics. In the case of color, they do this by displaying Facebook colored in a particular shade of blue to one set of users, and Facebook colored a slightly different shade of blue to another set. Over many millions of interactions, Facebook can determine which shade of blue makes you ever so slightly more likely to interact with the site. Our logic behind the removal is simple: we know that the metrics Facebook is trying to drive are bad for the end user, and Facebook is choosing the best color to drive metrics, so we know this color is probably not helping the end user.
</p>
</div>
<div id="freeze" class="option">
<label for="freeze-checkbox">Freeze title</label>
<span class="why">?</span>
<span class="right">
<span class="saved-text invisible">Saved! Please refresh Facebook to see your changes.</span>
<input type="checkbox" id="freeze-checkbox" class="checkbox">
</span>
</div>
<div id="freeze-explanation" class="explanation invisible">
<p>
This prevents the title from showing your notification count, and informing you of a new message.
</p>
<p>
Notifications are a great example of a Skinner box, also known as a slot machine. Every notification can either be great (your crush Sally like your profile picture), devastating (your annoying Aunt Shelly commented on your vacation photos), or middle of the road (your friend Kyle liked your post). By broadcasting the number of unread notifications you have in the status bar, Facebook is inviting you back to play the slot machine. Skinner boxes and slot machines alike are well known to be highly addictive, and Facebook employs this psychology to keep you coming back. (<a href="https://www.theatlantic.com/technology/archive/2013/06/skinner-marketing-were-the-rats-and-facebook-likes-are-the-reward/276613/">source</a>)
</p>
<p>
When you receive a message Facebook swaps the title every few seconds. This is in order to continually draw your attention to the message. Motion is well known to draw a person's focus. By placing motion in the tab bar, Facebook is trying to draw you back into Facebook despite the fact that you had the best intentions to focus on another tab. (<a href="https://doi.org/10.3758/BF03193661">source</a>)
</p>
</div>
<div id="popups" class="option">
<label for="popups-checkbox">Remove notification popups</label>
<span class="why">?</span>
<span class="right">
<span class="saved-text invisible">Saved! Please refresh Facebook to see your changes.</span>
<input type="checkbox" id="popups-checkbox" class="checkbox">
</span>
</div>
<div id="popups-explanation" class="explanation invisible">
<p>
Motion draws attention, so a notification that pops into your field of view while using the site affords you little choice but to examine it. This subverts your ability to chose for yourself when you are going to interact with the site - instead of being able to deal with a notification at a later point in time, you are heavily encouraged to deal with it <b>now</b>. (<a href="https://doi.org/10.3758/BF03193661">source</a>)
</p>
</div>
<div id="likes" class="option">
<label for="likes-checkbox">Remove the like count from posts/comments</label>
<span class="why">?</span>
<span class="right">
<span class="saved-text invisible">Saved! Please refresh Facebook to see your changes.</span>
<input type="checkbox" id="likes-checkbox" class="checkbox">
</span>
</div>
<div id="likes-explanation" class="explanation invisible">
<p>
Studies have found a negative correlations between passively liking things on Facebook and self esteem (<a href="https://onlinelibrary.wiley.com/doi/full/10.1111/jcc4.12162">source</a>).
</p>
<p>
"[Rosenstein] was particularly aware of the allure of Facebook 'likes', which he describes as 'bright dings of pseudo-pleasure' that can be as hollow as they are seductive. And Rosenstein should know: he was the Facebook engineer who created the 'like' button in the first place." - <a href="https://www.theguardian.com/technology/2017/oct/05/smartphone-addiction-silicon-valley-dystopia">source</a>
</p>
<p>
"An internal Facebook report leaked this year, for example, revealed that the company can identify when teens feel 'insecure', 'worthless' and 'need a confidence boost'. Such granular information, Harris adds, is 'a perfect model of what buttons you can push in a particular person'. Tech companies can exploit such vulnerabilities to keep people hooked; manipulating, for example, when people receive 'likes' for their posts, ensuring they arrive when an individual is likely to feel vulnerable, or in need of approval, or maybe just bored." - <a href="https://www.theguardian.com/technology/2017/oct/05/smartphone-addiction-silicon-valley-dystopia">source</a>
</p>
</div>
<div id="likebutton" class="option">
<label for="likebutton-checkbox">Remove the ability to like posts/comments</label>
<span class="why">?</span>
<span class="right">
<span class="saved-text invisible">Saved! Please refresh Facebook to see your changes.</span>
<input type="checkbox" id="likebutton-checkbox" class="checkbox">
</span>
</div>
<div id="likebutton-explanation" class="explanation invisible">
<p>
Studies have found a negative correlations between passively liking things on Facebook and self esteem (<a href="https://onlinelibrary.wiley.com/doi/full/10.1111/jcc4.12162">source</a>).
</p>
<p>
"[Rosenstein] was particularly aware of the allure of Facebook 'likes', which he describes as 'bright dings of pseudo-pleasure' that can be as hollow as they are seductive. And Rosenstein should know: he was the Facebook engineer who created the 'like' button in the first place." - <a href="https://www.theguardian.com/technology/2017/oct/05/smartphone-addiction-silicon-valley-dystopia">source</a>
</p>
<p>
"An internal Facebook report leaked this year, for example, revealed that the company can identify when teens feel 'insecure', 'worthless' and 'need a confidence boost'. Such granular information, Harris adds, is 'a perfect model of what buttons you can push in a particular person'. Tech companies can exploit such vulnerabilities to keep people hooked; manipulating, for example, when people receive 'likes' for their posts, ensuring they arrive when an individual is likely to feel vulnerable, or in need of approval, or maybe just bored." - <a href="https://www.theguardian.com/technology/2017/oct/05/smartphone-addiction-silicon-valley-dystopia">source</a>
</p>
</div>
<div id="remove" class="option">
<label for="remove-checkbox">Remove extra sidebar items: games, news, etc</label>
<span class="why">?</span>
<span class="right">
<span class="saved-text invisible">Saved! Please refresh Facebook to see your changes.</span>
<input type="checkbox" id="remove-checkbox" class="checkbox">
</span>
</div>
<div id="remove-explanation" class="explanation invisible">
<p>
This removes sidebar items like instant games, trending news, and friend suggestions. These things are not useful to the primary purpose of Facebook: interacting with other people.
</p>
</div>
</div>
</div>
</body>
<script src="options.js"></script>
</html>
<!-- TODO: prompt user to refresh facebook -->