PageSourceSearch

https://rrampaer.github.io/tag/guides/

html rrampaer.github.io collected 2026-10-03 09:52:03 UTC 20,682 bytes, 491 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4
5    <!-- Document Settings -->
6    <meta charset="utf-8" />
7    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8
9    <!-- Base Meta -->
10    <!-- dynamically fixing the title for tag/author pages -->
11
12
13
14    <title>Guides - Robin Rampaer</title>
15    <meta name="HandheldFriendly" content="True" />
16    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
17    <!-- Styles'n'Scripts -->
18    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css" />
19    <link rel="stylesheet" type="text/css" href="/assets/built/screen.edited.css" />
20    <link rel="stylesheet" type="text/css" href="/assets/built/syntax.css" />
21    <!-- highlight.js -->
22    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
23    <style>.hljs { background: none; }</style>
24
25    <!-- This tag outputs SEO meta+structured data and other important settings -->
26    <meta name="description" content="Product | Data | Running" />
27    <link rel="shortcut icon" href="https://rrampaer.github.io/assets/images/favicon.png" type="image/png" />
28    <link rel="canonical" href="https://rrampaer.github.io/tag/guides/" />
29    <meta name="referrer" content="no-referrer-when-downgrade" />
30
31     <!--title below is coming from _includes/dynamic_title-->
32    <meta property="og:site_name" content="Robin Rampaer" />
33    <meta property="og:type" content="website" />
34    <meta property="og:title" content="Guides - Robin Rampaer" />
35    <meta property="og:description" content="Product | Data | Running" />
36    <meta property="og:url" content="https://rrampaer.github.io/tag/guides/" />
37    <meta property="og:image" content="https://rrampaer.github.io/assets/images/blog-cover.jpg" />
38    <meta property="article:publisher" content="https://www.facebook.com/rrampaer" />
39    <meta name="twitter:card" content="summary_large_image" />
40    <meta name="twitter:title" content="Guides - Robin Rampaer" />
41    <meta name="twitter:description" content="Product | Data | Running" />
42    <meta name="twitter:url" content="https://rrampaer.github.io/" />
43    <meta name="twitter:image" content="https://rrampaer.github.io/assets/images/blog-cover.jpg" />
44    <meta name="twitter:label1" content="Written by" />
45    <meta name="twitter:data1" content="Robin Rampaer" />
46    <meta name="twitter:site" content="@rational_robin" />
47    <meta name="twitter:creator" content="@rational_robin" />
48    <meta property="og:image:width" content="2000" />
49    <meta property="og:image:height" content="666" />
50
51    
51<script type="application/ld+json">
52{
53    "@context": "https://schema.org",
54    "@type": "Website",
55    "publisher": {
56        "@type": "Organization",
57        "name": "Robin Rampaer",
58        "logo": "https://rrampaer.github.io/assets/images/blog-icon.png"
59    },
60    "url": "https://rrampaer.github.io/tag/guides/",
61    "image": {
62        "@type": "ImageObject",
63        "url": "https://rrampaer.github.io/assets/images/blog-cover.jpg",
64        "width": 2000,
65        "height": 666
66    },
67    "mainEntityOfPage": {
68        "@type": "WebPage",
69        "@id": "https://rrampaer.github.io/tag/guides/"
70    },
71    "description": "Product | Data | Running"
72}
73    </script>
73
74
75    <!-- 
75<script type="text/javascript" src="https://demo.ghost.io/public/ghost-sdk.min.js?v=724281a32e"></script>
75
76    
76<script type="text/javascript">
77    ghost.init({
78    	clientId: "ghost-frontend",
79    	clientSecret: "f84a07a72b17"
80    });
81    </script>
81 -->
82
83    <meta name="generator" content="Jekyll 3.6.2" />
84    <link rel="alternate" type="application/rss+xml" title="Tag Page" href="/feed.xml" />
85
86
87</head>
88<body class="tag-template">
89
90    <div class="site-wrapper">
91        <!-- All the main content gets inserted here, index.hbs, post.hbs, etc -->
92        <!-- default -->
93<!-- The tag above means - insert everything in this file into the {body} of the default.hbs template -->
94
95<!-- The big featured header, it uses blog cover image as a BG if available -->
96<!-- #tag -->
97<!-- dynamically loading backgrounds for tags,  descriptions and page titles -->
98
99
100<header class="site-header outer no-cover">
101    <div class="inner">
102        <nav class="site-nav">
103    <div class="site-nav-left">
104        
105            
106                <a class="site-nav-logo" href="/"><img src="/assets/images/favicon.png" alt="Robin Rampaer" /></a>
107            
108        
109        
110            <ul class="nav" role="menu">
111    <!-- <li class="nav-home" role="menuitem"><a href="/">Home</a></li> -->
112    <li class="nav-about" role="menuitem"><a href="/about/">About</a></li>
113    <li class="nav-products" role="menuitem"><a href="/tag/products/">Products</a></li>
114    <li class="nav-guides" role="menuitem"><a href="/tag/guides/">Guides</a></li>
115    <!-- <li class="nav-try-ghost" role="menuitem"><a href="https://ghost.org">Try Ghost</a></li> -->
116</ul>
117        
118    </div>
119    <div class="site-nav-right">
120        <div class="social-links">
121            
122                <a class="social-link social-link-gh" href="https://github.com/rrampaer" target="_blank" rel="noopener"><img src="/assets/images/GitHub-Mark-32px.png" alt="GitHub-Mark" style="height:1.8rem"></a>
123            
124            
125                <a class="social-link social-link-tw" href="https://twitter.com/rational_robin" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
126</a>
127            
128            
129                <a class="social-link social-link-in" href="https://www.linkedin.com/in/robin-rampaer-38ba25108" target="_blank" rel="noopener"><img src="/assets/images/linkedin-logo.png" alt="LinkedIn-Logo" style="height:1.8rem">
130
131</a>
132            
133        </div>
134        
135            <a class="subscribe-button" href="#subscribe">Subscribe</a>
136        
137    </div>
138</nav>
139
140        <div class="site-header-content">
141            <h1 class="site-title">Guides</h1>
142            <h2 class="site-description">
143                
144                    Guides and how-to's I've written.
145                
146            </h2>
147        </div>
148    </div>
149</header>
150<!-- tag -->
151
152<!-- The main content area -->
153<main id="site-main" class="site-main outer" role="main">
154    <div class="inner">
155        <div class="post-feed">
156            <!-- The tag below includes the markup for each post - partials/post-card.hbs -->
157            
158    <article class="post-card tag-template">
159        
160            <a class="post-card-image-link" href="/how-to-do-usability-testing">
161                <div class="post-card-image" style="background-image: url(/assets/images/user-testing-iphone.jpg)"></div>
162            </a>
163        
164        <div class="post-card-content">
165            <a class="post-card-content-link" href="/how-to-do-usability-testing">
166                <header class="post-card-header">
167                    
168                        
169                            
170                                <span class="post-card-tags">Guides</span>
171                            
172                        
173                    
174
175                    <h2 class="post-card-title">How to do usability testing to improve your user experience</h2>
176                </header>
177                <section class="post-card-excerpt">
178                    <p>Your users are getting lost and confused Your app or website might be super valuable to your users, but if they can’t quickly figure out how to use it, many will give up</p>
179                </section>
180            </a>
181            <footer class="post-card-meta">
182                
183                    
184                        
185                        <img class="author-profile-image" src="/assets/images/rampaer-robin.png" alt="Robin Rampaer" />
186                        
187                        <span class="post-card-author">
188                            <a href="/author/robin/">Robin Rampaer</a>
189                        </span>
190                    
191                
192            </footer>
193        </div>
194    </article>
195
196    <article class="post-card tag-template">
197        
198            <a class="post-card-image-link" href="/product-features-penetration-and-frequency-know-which-to-keep-improve-remove">
199                <div class="post-card-image" style="background-image: url(/assets/images/bonsai-cut.jpg)"></div>
200            </a>
201        
202        <div class="post-card-content">
203            <a class="post-card-content-link" href="/product-features-penetration-and-frequency-know-which-to-keep-improve-remove">
204                <header class="post-card-header">
205                    
206                        
207                            
208                                <span class="post-card-tags">Guides</span>
209                            
210                        
211                    
212
213                    <h2 class="post-card-title">Using feature penetration and frequency to know which to keep, improve or remove</h2>
214                </header>
215                <section class="post-card-excerpt">
216                    <p>Adding features does not equate improving the product. Product teams should take the time to measure a feature’s success Too often, the product team is already focused on what’s next and no proper</p>
217                </section>
218            </a>
219            <footer class="post-card-meta">
220                
221                    
222                        
223                        <img class="author-profile-image" src="/assets/images/rampaer-robin.png" alt="Robin Rampaer" />
224                        
225                        <span class="post-card-author">
226                            <a href="/author/robin/">Robin Rampaer</a>
227                        </span>
228                    
229                
230            </footer>
231        </div>
232    </article>
233
234    <article class="post-card tag-template">
235        
236            <a class="post-card-image-link" href="/how-to-use-ab-testing-to-make-your-product-funnel-better">
237                <div class="post-card-image" style="background-image: url(/assets/images/ab-testing-cover.jpg)"></div>
238            </a>
239        
240        <div class="post-card-content">
241            <a class="post-card-content-link" href="/how-to-use-ab-testing-to-make-your-product-funnel-better">
242                <header class="post-card-header">
243                    
244                        
245                            
246                                <span class="post-card-tags">Guides</span>
247                            
248                        
249                    
250
251                    <h2 class="post-card-title">A/B Testing - The definitive guide to improving your product</h2>
252                </header>
253                <section class="post-card-excerpt">
254                    <p>Go from “I think” to “I know how much”. Whether you are in product, design or growth, you probably come across the following questions: How could we increase our conversion rate? How can</p>
255                </section>
256            </a>
257            <footer class="post-card-meta">
258                
259                    
260                        
261                        <img class="author-profile-image" src="/assets/images/rampaer-robin.png" alt="Robin Rampaer" />
262                        
263                        <span class="post-card-author">
264                            <a href="/author/robin/">Robin Rampaer</a>
265                        </span>
266                    
267                
268            </footer>
269        </div>
270    </article>
271
272
273        </div>
274    </div>
275</main>
276
277
278        <!-- Previous/next page links - displayed on every page -->
279        
280
281        <!-- The footer at the very bottom of the screen -->
282        <footer class="site-footer outer">
283            <div class="site-footer-content inner">
284                <section class="copyright"><a href="https://rrampaer.github.io/">Robin Rampaer</a> &copy; 2020</section>
285                <!-- <section class="poweredby">Proudly published with <a href="https://jekyllrb.com/">Jekyll</a> &
286                    <a href="https://pages.github.com/" target="_blank" rel="noopener">GitHub Pages</a> using
287                    <a href="https://github.com/jekyller/jasper2" target="_blank" rel="noopener">Jasper2</a></section> -->
288                <nav class="site-footer-nav">
289                    <a href="/">Latest Posts</a>
290                    <a href="https://github.com/rrampaer" target="_blank" rel="noopener">Github</a>
291                    <a href="https://twitter.com/rational_robin" target="_blank" rel="noopener">Twitter</a>
292                    <a href="https://linkedin.com/in/robin-rampaer-38ba25108" target="_blank" rel="noopener">LinkedIn</a>
293                    <a href="/sitemap.xml">Sitemap</a>
294                </nav>
295            </div>
296        </footer>
297
298    </div>
299
300    <!-- The big email subscribe modal content -->
301    
302        <div id="subscribe" class="subscribe-overlay">
303            <a class="subscribe-overlay-close" href="#"></a>
304            <div class="subscribe-overlay-content">
305                
306                    <img class="subscribe-overlay-logo" src="/assets/images/blog-icon.png" alt="Robin Rampaer" />
307                
308                <h1 class="subscribe-overlay-title">Know when I post</h1>
309                <p class="subscribe-overlay-description">I email once per quarter</p>
310                <form method="post" action="https://formspree.io/[email protected]" class="">
311    <input class="confirm" type="hidden" name="confirm"  /><input class="location" type="hidden" name="location"  /><input class="referrer" type="hidden" name="referrer"  />
312
313    <div class="form-group">
314        <input class="subscribe-email" type="email" name="email"  placeholder="[email protected]" />
315        <input type="hidden" name="_next" value="/" />
316    </div>
317    <button class="" type="submit"><span>Subscribe</span></button>
318    
318<script type="text/javascript">(function(g,h,o,s,t){h[o]('.location')[s]=h[o]('.location')[s] || g.location.href;h[o]('.referrer')[s]=h[o]('.referrer')[s] || h.referrer;})(window,document,'querySelector','value');</script>
318
319</form>
320
321            </div>
322        </div>
323    
324
325    <!-- highlight.js -->
326    
326<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.10.0/components/prism-abap.min.js"></script>
326
327    
327<script>$(document).ready(function() {
328      $('pre code').each(function(i, block) {
329        hljs.highlightBlock(block);
330      });
331    });</script>
331
332
333    <!-- jQuery + Fitvids, which makes all video embeds responsive -->
334    
334<script
335        src="https://code.jquery.com/jquery-3.2.1.min.js"
336        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
337        crossorigin="anonymous">
338    </script>
338
339    
339<script type="text/javascript" src="/assets/js/jquery.fitvids.js"></script>
339
340    
340<script type="text/javascript" src="https://demo.ghost.io/assets/js/jquery.fitvids.js?v=724281a32e"></script>
340
341
342
343    <!-- Paginator increased to "infinit" in _config.yml -->
344    <!-- if paginator.posts  -->
345    <!-- 
345<script>
346        var maxPages = parseInt('1');
347    </script>
347
348    
348<script src="/assets/js/infinitescroll.js"></script>
348 -->
349    <!-- /endif -->
350
351    
352
353
354    <!-- Add Google Analytics  -->
355    <!--  Segment Tracking code -->
356 
356<script>
357    (function(){
358    !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t,e){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.1.0";
359    analytics.load("bDZT1Eo2OcGSd1tqHigIcrqN4J4EKoK8");
360    analytics.page();
361    }}();
362    //Change these values
363    var msg = "We use 🍪. By continuing to browse the site you agree to our policy on cookie usage.";
364    var closeBtnMsg = "OK";
365    var privacyBtnMsg = "Privacy Policy";
366    var privacyLink = "https://rrampaer.github.io/cookies";
367
368    //check cookies 
369    if(document.cookie){
370    var cookieString = document.cookie;
371    var cookieList = cookieString.split(";");
372    // if cookie named OKCookie is found, return
373    for(x = 0; x < cookieList.length; x++){
374        if (cookieList[x].indexOf("OKCookie") != -1){
375            analytics.identify();
376            return
377            }; 
378    }
379    }
380
381    var docRoot = document.getElementsByClassName("post").length > 0 ?  document.getElementsByClassName("post")[0] :document.getElementsByTagName("main")[0];
382    var okC = document.createElement("div");
383    okC.setAttribute("id", "okCookie");
384    var okCp = document.createElement("p");
385    var okcText = document.createTextNode(msg); 
386
387    //close button
388    var okCclose = document.createElement("a");
389    var okcCloseText = document.createTextNode(closeBtnMsg);
390    okCclose.setAttribute("href", "#");
391    okCclose.setAttribute("id", "okClose");
392    okCclose.appendChild(okcCloseText);
393    okCclose.addEventListener("click", closeCookie, false);
394
395    //privacy button
396    var okCprivacy = document.createElement("a");
397    var okcPrivacyText = document.createTextNode(privacyBtnMsg);
398    okCprivacy.setAttribute("href", privacyLink);
399    okCprivacy.setAttribute("id", "okCprivacy");
400    okCprivacy.appendChild(okcPrivacyText);
401
402    //add to DOM
403    okCp.appendChild(okcText);
404    okC.appendChild(okCp);
405    okC.appendChild(okCclose);
406    okC.appendChild(okCprivacy);
407    docRoot.appendChild(okC);
408
409    okC.classList.add("okcBeginAnimate");
410
411    function closeCookie(){
412    var cookieExpire = new Date();
413    cookieExpire.setFullYear(cookieExpire.getFullYear() +2);
414    document.cookie="OKCookie=1; expires=" + cookieExpire.toGMTString() + ";";
415    docRoot.removeChild(okC);
416    analytics.identify();
417    } 
418    })();
419 </script>
419
420
421 <style>
422 #okCookie{
423  background-color:#F2F2F2;
424  color:#333333;
425  position:fixed;
426  bottom:0;
427  left:0;
428  width:100%;
429  padding:10px;
430  font-family:sans-serif;
431  -moz-box-sizing: border-box; 
432  -webkit-box-sizing: border-box; 
433  box-sizing: border-box;
434  border-top:1px solid #ccc;
435  z-index:10;
436}
437
438#okCookie p{margin:0 0 10px 0; float:left; padding:5px 0px;}
439
440#okCookie #okClose, #okCookie #okCprivacy{
441  padding:5px 20px;
442  float:right;
443  margin-left:10px;
444  text-decoration:none;
445  border-radius:3px;
446  color:white;
447}
448
449#okCookie #okClose{
450  background-color:#39B54A;
451  text-shadow:0px 1px 1px #507F2B;
452  box-shadow:inset 0px -1px 1px #507F2B;
453}
454
455#okCookie #okClose:hover{background-color:#42ce55}
456
457#okCookie #okCprivacy{
458  background-color:#8D9499;
459  text-shadow:0px 1px 1px #63666B;
460  box-shadow:inset 0px -1px 1px #63666B;
461}
462
463#okCookie #okCprivacy:hover{background-color:#a0a8ae}
464
465.okcBeginAnimate{
466    -webkit-animation: myfirst 2s; 
467    animation: myfirst 2s;
468}
469
470/* Chrome, Safari, Opera */
471@-webkit-keyframes myfirst {
472    from {opacity: 0;}
473    to {opacity: 1;}
474}
475
476/* Standard syntax */
477@keyframes myfirst {
478    from {opacity: 0;}
479    to {opacity: 1;}
480}
481 </style>
482
483
484    <!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. -->
485    
486
487    <!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag -->
488    <!-- ghost_foot -->
489
490</body>
491</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.