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