<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
    <meta charset="utf-8"><script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,n,t){function r(t){if(!n[t]){var o=n[t]={exports:{}};e[t][0].call(o.exports,function(n){var o=e[t][1][n];return r(o?o:n)},o,o.exports)}return n[t].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<t.length;o++)r(t[o]);return r}({QJf3ax:[function(e,n){function t(e){function n(n,t,a){e&&e(n,t,a),a||(a={});for(var u=c(n),f=u.length,s=i(a,o,r),p=0;f>p;p++)u[p].apply(s,t);return s}function a(e,n){f[e]=c(e).concat(n)}function c(e){return f[e]||[]}function u(){return t(n)}var f={};return{on:a,emit:n,create:u,listeners:c,_events:f}}function r(){return{}}var o="nr@context",i=e("gos");n.exports=t()},{gos:"7eSDFh"}],ee:[function(e,n){n.exports=e("QJf3ax")},{}],3:[function(e,n){function t(e){return function(){r(e,[(new Date).getTime()].concat(i(arguments)))}}var r=e("handle"),o=e(1),i=e(2);"undefined"==typeof window.newrelic&&(newrelic=window.NREUM);var a=["setPageViewName","addPageAction","setCustomAttribute","finished","addToTrace","inlineHit","noticeError"];o(a,function(e,n){window.NREUM[n]=t("api-"+n)}),n.exports=window.NREUM},{1:12,2:13,handle:"D5DuLP"}],"7eSDFh":[function(e,n){function t(e,n,t){if(r.call(e,n))return e[n];var o=t();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,n,{value:o,writable:!0,enumerable:!1}),o}catch(i){}return e[n]=o,o}var r=Object.prototype.hasOwnProperty;n.exports=t},{}],gos:[function(e,n){n.exports=e("7eSDFh")},{}],handle:[function(e,n){n.exports=e("D5DuLP")},{}],D5DuLP:[function(e,n){function t(e,n,t){return r.listeners(e).length?r.emit(e,n,t):(o[e]||(o[e]=[]),void o[e].push(n))}var r=e("ee").create(),o={};n.exports=t,t.ee=r,r.q=o},{ee:"QJf3ax"}],id:[function(e,n){n.exports=e("XL7HBI")},{}],XL7HBI:[function(e,n){function t(e){var n=typeof e;return!e||"object"!==n&&"function"!==n?-1:e===window?0:i(e,o,function(){return r++})}var r=1,o="nr@id",i=e("gos");n.exports=t},{gos:"7eSDFh"}],G9z0Bl:[function(e,n){function t(){var e=d.info=NREUM.info,n=f.getElementsByTagName("script")[0];if(e&&e.licenseKey&&e.applicationID&&n){c(p,function(n,t){n in e||(e[n]=t)});var t="https"===s.split(":")[0]||e.sslForHttp;d.proto=t?"https://":"http://",a("mark",["onload",i()]);var r=f.createElement("script");r.src=d.proto+e.agent,n.parentNode.insertBefore(r,n)}}function r(){"complete"===f.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=e("handle"),c=e(1),u=(e(2),window),f=u.document,s=(""+location).split("?")[0],p={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-632.min.js"},d=n.exports={offset:i(),origin:s,features:{}};f.addEventListener?(f.addEventListener("DOMContentLoaded",o,!1),u.addEventListener("load",t,!1)):(f.attachEvent("onreadystatechange",r),u.attachEvent("onload",t)),a("mark",["firstbyte",i()])},{1:12,2:3,handle:"D5DuLP"}],loader:[function(e,n){n.exports=e("G9z0Bl")},{}],12:[function(e,n){function t(e,n){var t=[],o="",i=0;for(o in e)r.call(e,o)&&(t[i]=n(o,e[o]),i+=1);return t}var r=Object.prototype.hasOwnProperty;n.exports=t},{}],13:[function(e,n){function t(e,n,t){n||(n=0),"undefined"==typeof t&&(t=e?e.length:0);for(var r=-1,o=t-n||0,i=Array(0>o?0:o);++r<o;)i[r]=e[n+r];return i}n.exports=t},{}]},{},["G9z0Bl"]);</script><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"transactionName":"Y1cGZUdRXRBUVhJcXVodIkRbU0cKWltJRV1HRgVSXVlcTUZcElBBGkQNVEJDHQ5UXAgPW1pWAUk=","errorBeacon":"bam.nr-data.net","licenseKey":"459e52ee03","agent":"js-agent.newrelic.com/nr-632.min.js","applicationID":"8005176","queueTime":3,"beacon":"bam.nr-data.net","applicationTime":221}</script>
    <title>The Unordered List</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <meta name="description" content="A cheat sheet for product design, management, and becoming a more effective human. - Kai Zau">
    <meta name="copyright" content="Copyright (c) 2013 Kai Zau">

    <!-- OpenGraph tags -->
    <meta property="og:site_name" content="The Unordered List">
    
    <meta property="og:image" content="http://www.gravatar.com/avatar/b7d800d745b742e8ed568d8ab6abef05?s=256&d=mm&r=g">
    <meta property="og:type" content="website">
    <meta property="og:title" content="The Unordered List">
    <meta property="og:url" content="http://notes.kaizau.com">
    <meta property="og:description" content="A cheat sheet for product design, management, and becoming a more effective human.">
    

    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@https://twitter.com/ezyz">
    
    <meta name="twitter:creator" content="@https://twitter.com/ezyz">
    <meta name="twitter:image:src" content="http://www.gravatar.com/avatar/b7d800d745b742e8ed568d8ab6abef05?s=256&d=mm&r=g">
    <meta name="twitter:domain" content="http://notes.kaizau.com">

    <!-- RSS feed -->
    <link rel="alternate" type="application/rss+xml" title="RSS" href="http://notes.kaizau.com/feed.xml">

    <!-- HTML5 audio plugin CSS -->
    <link href="http://postachio-static.s3-website-us-east-1.amazonaws.com/themes/_assets/mediaelement/mediaelementplayer.css" rel="stylesheet" />

    <link href="http://postachio-static.s3-website-us-east-1.amazonaws.com/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://postachio-static.s3-website-us-east-1.amazonaws.com/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="http://postachio-static.s3-website-us-east-1.amazonaws.com/themes/default/default.css" rel="stylesheet">

    <!--[if IE 7]>
    <link href="http://postachio-static.s3-website-us-east-1.amazonaws.com/fontawesome/css/font-awesome-ie7.min.css" rel="stylesheet">
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="http://postachio-static.s3-website-us-east-1.amazonaws.com/bootstrap/js/html5shiv.js"></script>
    <![endif]-->

    <style>
        .navbar .nav > li > a {
          margin-left: 20px;
          padding-left: 0;
        }

        .post ul li,
        .post ol li {
          margin-bottom: 20px;
          margin-top: 20px;
        }

        .post .link-url {
          padding: 0 0 20px;
        }

        blockquote p {
          font-weight: inherit;
          font-style: italic;
        }

        p {
          margin: 0 0 14px;
        }
    </style>

    
    <script>
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-40475244-3']);
    _gaq.push(['_trackPageview']);
    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
    
</head>
<body>

    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <div class="row">
                    <div class="span10 offset1">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="brand" href="/">The Unordered List</a>
                        <div class="nav-collapse collapse">
                            <ul class="nav pull-right">
                                
                                
                                <li><a href="/permalink/319131a615">About</a></li>
                                
                                
                                <li><a class="portfolio-link" href="http://www.kaizau.com">Portfolio <i class="icon-share"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="span6 offset1">

            

                

                
                
                <div class="row post">
                    
                    <div class="span6">
                    
                        <h2><a href="/permalink/39df1247e6">Readme-Driven Development</a></h2>
                        <p class="muted">Posted on January 14th, 2014</p>
                        A brilliantly simple tactic for improving development workflow - write your Readme first. 
Like test-driven development, this helps clarify goals and catch bugs before they’re committed. Better yet...
                    </div>

                    
                </div>
                <hr />
                
                <div class="row post">
                    
                    <div class="span6">
                    
                        <h2><a href="/permalink/f893467978">A lasting side-effect of nootropics</a></h2>
                        <p class="muted">Posted on January 8th, 2014</p>
                        I’ve been off nootropics for over a month now.
Yet under the right circumstances (solid night’s rest, comfortable surroundings, etc.), I can consistently achieve similar levels of alertness and foc...
                    </div>

                    
                </div>
                <hr />
                
                <div class="row post">
                    
                    <div class="span6">
                    
                        <h2><a href="/permalink/7d555b9220">Brainwriting as an alternative to brainstorming</a></h2>
                        <p class="muted">Posted on December 27th, 2013</p>
                        Instead of having people blurt out ideas verbally (which can lead to groupthink and charisma-driven decisions) - have everyone capture ideas on paper first. Variations include passing written notes...
                    </div>

                    
                </div>
                <hr />
                
                <div class="row post">
                    
                    <div class="span6">
                    
                        <h2><a href="/permalink/24202b830b">SASS: Multiple Ampersands</a></h2>
                        <p class="muted">Posted on December 27th, 2013</p>
                        A tip for using the Sass ampersand symbol. You don’t actually need a child selector to use it, which allows for some interesting, useful constructs:

                    </div>

                    
                </div>
                <hr />
                
                <div class="row post">
                    
                    <div class="span6">
                    
                        <h2><a href="/permalink/ffc75a087b">Giving more effective feedback</a></h2>
                        <p class="muted">Posted on December 26th, 2013</p>
                        In a nutshell, start your spiel with: 

"I'm giving you these comments because I have very high expectations and I know that you can reach them.”

This obviously presumes authority and a prior rela...
                    </div>

                    
                </div>
                <hr />
                
                <div class="row post">
                    
                    <div class="span5">
                    
                        <h2><a href="/permalink/c3224a6780">Defusing negative emotions with mindfulness and absurdity</a></h2>
                        <p class="muted">Posted on December 26th, 2013</p>
                        
Photo by dizzylizzy1227
Problem:
The human operating system is, ultimately, emotional. Unexpected bad news (or even a series of well-timed annoyances) can cripple your decision-making and ability ...
                    </div>

                    
                    <div class="span1">
                        
                        
                        <div class="image">
                            <a href="/permalink/c3224a6780">
                                <img src="http://cdn.images.postach.io/b2768ef743443d0239e04292ab23ab59/c32246ae2e809d834951ff310bda6780/w600_047914f72c29081413f4dba5a2565bd7.jpg" alt="Featured Photo" />
                            </a>
                        </div>
                        
                        
                    </div>
                    
                </div>
                <hr />
                
                <div class="row post">
                    
                    <div class="span6">
                    
                        <h2><a href="/permalink/6b703d6d56">Ultimate Productivity App: The Spreadsheet</a></h2>
                        <p class="muted">Posted on November 16th, 2013</p>
                        I’ve tried all the habit tracking tools. Push notifications, badges, lickable interface designs.
Last month, I switched to a simple Google spreadsheet. Each column holds a habit (or anti-habit), ea...
                    </div>

                    
                </div>
                <hr />
                
                <div class="row post">
                    
                    <div class="span5">
                    
                        <h2><a href="/permalink/04066a757e">Elements of User Experience</a></h2>
                        <p class="muted">Posted on October 14th, 2013</p>
                        
Photo via CreativeBeatle
Useful for framing design conversations - you don’t want to skip to interface design if the other party is still uncertain about functional specs. 
                    </div>

                    
                    <div class="span1">
                        
                        
                        <div class="image">
                            <a href="/permalink/04066a757e">
                                <img src="http://cdn.images.postach.io/b2768ef743443d0239e04292ab23ab59/04066002239669ac0af9b33162ea757e/w600_a8f1dafff33df076089827087309a5aa.jpg" alt="Featured Photo" />
                            </a>
                        </div>
                        
                        
                    </div>
                    
                </div>
                <hr />
                
                
                <div class="pagination">
                    
                    
                </div>
                
                

            
            </div>

            <span class="span3 offset1">
                <div class="bio">
                    <img class="avatar" src="http://www.gravatar.com/avatar/b7d800d745b742e8ed568d8ab6abef05?s=256&d=mm&r=g" alt="Kai Zau" />
                    <p>A cheat sheet for product design, management, and becoming a more effective human.</p>
                    <ul class="unstyled social">
                        
                        <li>
                            <a href="https://twitter.com/ezyz" title="Twitter" target="_blank">
                                <i class="icon-twitter"></i> Twitter
                            </a>
                        </li>
                        

                        

                        

                        
                        <li>
                            <a href="https://www.linkedin.com/in/kaizau" title="LinkedIn" target="_blank">
                                <i class="icon-linkedin"></i> LinkedIn
                            </a>
                        </li>
                        
                        <li>
                            <a href="http://notes.kaizau.com/feed.xml" title="RSS" target="_blank">
                                <i class="icon-rss"></i> RSS
                            </a>
                        </li>
                    </ul>
                </div>

                
                    <ul class="tags">
                        
                            <li><a href="/tag/app">#app</a></li>
                        
                            <li><a href="/tag/code">#code</a></li>
                        
                            <li><a href="/tag/creativity">#creativity</a></li>
                        
                            <li><a href="/tag/css">#css</a></li>
                        
                            <li><a href="/tag/design">#design</a></li>
                        
                            <li><a href="/tag/emotions">#emotions</a></li>
                        
                            <li><a href="/tag/human-os">#human-os</a></li>
                        
                            <li><a href="/tag/management">#management</a></li>
                        
                            <li><a href="/tag/mindfulness">#mindfulness</a></li>
                        
                            <li><a href="/tag/mindset">#mindset</a></li>
                        
                            <li><a href="/tag/nootropics">#nootropics</a></li>
                        
                            <li><a href="/tag/productivity">#productivity</a></li>
                        
                            <li><a href="/tag/sass">#sass</a></li>
                        
                            <li><a href="/tag/strategy">#strategy</a></li>
                        
                            <li><a href="/tag/tactic">#tactic</a></li>
                        
                            <li><a href="/tag/team">#team</a></li>
                        
                            <li><a href="/tag/user-experience">#user-experience</a></li>
                        
                            <li><a href="/tag/workflow">#workflow</a></li>
                        
                            <li><a href="/tag/working-with-humans">#working-with-humans</a></li>
                        
                    </ul>
                
            </span>
        </div>

        <div class="row">
            <div class="span10 offset1">
                <footer>
                    &copy; <a href="/">The Unordered List</a>. Powered by <a href="http://postach.io" target="_blank">Postach.io</a>
                    <ul class="inline pull-right">
                        <li><a href="/">Blog Home</a></li>
                        
                            
                                <li><a href="/permalink/319131a615">About</a></li>
                            
                        
                        <li><a class="portfolio-link" href="http://www.kaizau.com">Portfolio <i class="icon-share"></i></a></li>
                    </ul>
                </footer>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

    <!-- Postach.io PDF plugin -->
    <script src="http://postachio-static.s3-website-us-east-1.amazonaws.com/themes/_assets/js/postachio-pdf.min.js"></script>

    <!-- HTML5 Audio plugin JS -->
    <script src="http://postachio-static.s3-website-us-east-1.amazonaws.com/themes/_assets/mediaelement/mediaelement-and-player.min.js"></script>
    <script>
    $(function() {
        // Instantiate the HTML5 audio plugin
        $('audio').mediaelementplayer();
    })
    </script>

    <script src="http://postachio-static.s3-website-us-east-1.amazonaws.com/themes/_assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>