https://www.ghinda.net/article/nudgeti-waste-less-time/

1<!DOCTYPE html>
2<head>
3  <meta charset="utf-8" />
4  <title>
5    
6      Nudgeti - waste less time on distracting websites &#8212; Ionuț Colceriu
7    
8  </title>
9  <meta name="description" content="Ionuț Colceriu on design, web development, HTML5, CSS3, JavaScript, accessibility.">
10  <link rel="alternate" type="application/atom+xml" href="/feed/index.xml" />
11  <link rel="canonical" href="https://www.ghinda.net/article/nudgeti-waste-less-time/">
12
13  <link href="https://fonts.googleapis.com/css?family=Oxygen:400,300,700&subset=latin,latin-ext" rel="stylesheet" type="text/css">
14
15  <link rel="stylesheet" type="text/css" href="/node_modules/jotted/jotted.min.css">
16  <link rel="stylesheet" type="text/css" href="/node_modules/codemirror/lib/codemirror.css">
17
18  <link rel="stylesheet" type="text/css" href="/css/main.css">
19  <meta name="viewport" content="width=device-width, initial-scale=1.0">
20</head>
21<body class="theme-nudgeti">
22
23  <div class="container-page">
24
25    <header class="header-main" role="banner">
26
27      <div class="hover-bubble"></div>
28
29      <h1>
30        <a href="/" title="Home" class="brand bubble-action">
31          <div class="icon-ghinda-logo">
32            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 22 36"><path d="M9.16 0l-.516 1.91c-.405.057-.802.126-1.193.22l-.44 1.253c-.583.186-1.145.416-1.682.694L4.136 3.51c-1.634.992-3.01 2.366-4 4L.7 8.703C.424 9.24 0 10.428 0 10.428h20.56s-.416-1.182-.693-1.717v-.007l.566-1.192c-.99-1.634-2.366-3.007-4-4l-1.2.567c-.538-.278-1.1-.508-1.684-.694l-.44-1.25c-.462-.114-.932-.19-1.413-.247L11.19 0H9.16zM1.555 11.628s.012.14-.066 2c-.112 2.615-.112 5.868 0 6.406.22 1.08.77 2.363 1.428 3.35.443.663 1.676 1.924 2.266 2.317.232.155.865.535 1.404.838.54.303 1.58.9 2.31 1.337 1.21.722 1.34.788 1.47.702.444-.29 2.377-1.432 3.223-1.903 1.566-.87 2.442-1.508 3.215-2.343 1.018-1.098 1.81-2.748 2.123-4.406.1-.54.108-1.068.076-4.296-.032-3.305-.108-4-.108-4z" /></svg>
33          </div>
34
35          Ionuț Colceriu
36        </a>
37      </h1>
38
39      <nav>
40        <ul>
41          <li><a href="/about" class="bubble-action">About</a></li>
42          <li><a href="/projects" class="bubble-action">Projects</a></li>
43        </ul>
44      </nav>
45
46    </header>
47
48    <article class="post">
49  <time itemprop="dateCreated" datetime="2018-03-02 00:00:00 +0000">
50    02 Mar 2018
51  </time>
52
53  <h1>Nudgeti - waste less time on distracting websites</h1>
54
55  <p>Newsfeed algorithms and dark interaction design patterns are designed to trap you. Companies use them to make you spend as much time as possible on their platforms. We need a way around it.</p>
56
57<p>Here’s what usually happens:</p>
58
59<p>You want to look up a concert on Facebook, so you go to <code class="language-plaintext highlighter-rouge">facebook.com</code>. You’re greeted by a photo from one of your friends and some political posts, neatly placed in the newsfeed. Keep scrolling and the next thing you know is that 20 minutes have passed. You forgot what you were looking for in the first place.</p>
60
61<p>You watch a short lightning talk on YouTube. Next to the video there’s a long list of recommended videos. If you didn’t click on one of them, as soon as your video is over, an “Up Next” video countdown shows up. If you cancel the countdown, a grid of similar videos appears.</p>
62
63<p>They’re trying to get your attention by any means.</p>
64
65<p>One solution is to block the websites, but this also blocks their utility aspect. You want to be able to watch some videos, see event details or send messages.</p>
66
67<h2 id="nudgeti">Nudgeti</h2>
68
69<p><a href="https://www.nudgeti.com/">Nudgeti</a> is a browser extension that helps you snap out of the <em>newsfeed hypnosis</em>.</p>
70
71<ul>
72  <li>
73    <p>When you spend more than two minutes on social sites like Facebook or Reddit, a notification will pop-up telling you how long you stayed.</p>
74  </li>
75  <li>
76    <p>It uses one of the same attention-grabbing methods, notifications, against them.</p>
77  </li>
78  <li>
79    <p>After two more minutes another notification will show up, again telling you the time spent. Afterwards it will leave you alone, you most probably want to be there.</p>
80  </li>
81  <li>
82    <p>

82It won’t interrupt you or stop you from going to any website.</p>
83  </li>
84</ul>
85
86<p><a href="/media/images/nudgeti-firefox-plasma-list.png">
87  <img src="/media/images/nudgeti-firefox-plasma-list.png" alt="Nudgeti notifications in KDE Plasma" />
88</a></p>
89
90<h2 id="notifications">Notifications</h2>
91
92<p>Notifications are native to your operating system, thanks to Web Notifications. You can see them in the notification history.</p>
93
94<p>They also work in Firefox for Android.</p>
95
96<h2 id="privacy">Privacy</h2>
97
98<p>The extension does not collect any personal data or statistics.</p>
99
100<p>Because it’s built as a background script, it can only read tab overview details like titles or urls, but can not read tab contents (eg. your emails, facebook messages, etc.).</p>
101
102<p><a href="https://www.nudgeti.com/">See the Nudgeti website.</a></p>
103
104<p>Nudgeti is free software under the GPL license. Get the source code from <a href="https://github.com/ghinda/nudgeti">github.com/ghinda/nudgeti</a>.</p>
105
106</article>
107
108
109<section class="promo promo--alt">
110  <ul>
111    <li>
112      <a href="https://www.briskine.com/">
113        <img src="/images/briskine-combo.svg" height="50">
114      </a>
115    </li>
116    <li>
117      <p>
118        Write everything faster with
119        <a href="https://www.briskine.com/">
120          Briskine
121        </a>
122      </p>
123  </ul>
124</section>
125
126
127    <footer>
128      <p class="footer-links">
129        <a href="//twitter.com/ghindas/" rel="external">Follow @ghindas</a>
130        <a href="/feed/" rel="external">RSS Feed</a>
131      </p>
132
133      <p>
134        &copy 2025 Ionuț Colceriu.
135        <a href="https://github.com/ghinda/" rel="external">GitHub</a>.
136        <a href="https://github.com/ghinda/ghinda.github.com" rel="external">Source</a>.
137      </p>
138    </footer>
139
140  </div>
141
142  

142<script src="/node_modules/codemirror/lib/codemirror.js"></script>

142
143  

143<script src="/node_modules/codemirror/mode/javascript/javascript.js"></script>

143
144  

144<script src="/node_modules/codemirror/mode/css/css.js"></script>

144
145  

145<script src="/node_modules/codemirror/mode/xml/xml.js"></script>

145
146  

146<script src="/node_modules/codemirror/mode/htmlmixed/htmlmixed.js"></script>

146
147  

147<script src="/node_modules/jotted/jotted.min.js"></script>

147
148
149  

149<script src="/scripts/app.js"></script>

149
150</body>
151</html>