{
    "componentChunkName": "component---src-templates-blog-post-mdx-js",
    "path": "/blog/week-of-jan-4-2016/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Andrew J Wright"}},"mdx":{"body":"var _excluded = [\"components\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Collected articles - Week of Jan 4, 2016\",\n  \"description\": \"Collected articles from around the web on: scrolling behaviour, eloquent javascript, change leadership, design jobs of the future, and simulating complexity.\",\n  \"date\": \"2016-01-09\",\n  \"imageURL\": \"https://www.firstworddesign.com/assets/img/collected-articles/to-read.png\",\n  \"tags\": [\"collected articles\"],\n  \"editorsNote\": null\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", null, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"http://blog.chartbeat.com/2013/08/12/scroll-behavior-across-the-web/\"\n  }, \"Scroll behavior across the web\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"By \", mdx(\"strong\", {\n    parentName: \"em\"\n  }, mdx(\"a\", {\n    parentName: \"strong\",\n    \"href\": \"http://twitter.com/joshuadschwartz\"\n  }, \"Josh Schwartz\")), \" of \", mdx(\"a\", {\n    parentName: \"em\",\n    \"href\": \"https://chartbeat.com/\"\n  }, \"Chartbeat\"))), mdx(\"p\", null, \"Anonymous data from 25 million user session across the web suggest (strongly) that most time is spent \\\"at or below the fold\\\" and about 30% of people start scrolling before the page is even loaded.\"), mdx(\"p\", null, \"Super summary:\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"People scroll before the page finishes loading (missing or skipping what's at the very top).\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"There's a sweet-spot just above the fold where visibility is at its peak across a large audience. (Assumes a 700px fold.)\")), mdx(\"p\", null, \"I wonder how these numbers have changed since 2013? Tweet more recent numbers \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"http://twitter.com/andrewjwright\"\n  }, \"@andrewjwright\"), \".\"), mdx(\"h2\", null, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"http://www.hugeinc.com/ideas/perspective/everybody-scrolls\"\n  }, \"Everybody Scrolls.\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"By \", mdx(\"strong\", {\n    parentName: \"em\"\n  }, \"Rebecca Gordon\"), \" of \", mdx(\"a\", {\n    parentName: \"em\",\n    \"href\": \"http://www.hugeinc.com/\"\n  }, \"Huge\"))), mdx(\"p\", null, \"Yes, people scroll web content. But... certain interaction cues can help.\"), mdx(\"p\", null, \"Two methods that appear to work:\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Use an image that isn't as tall as the viewport so that people can sense additional content.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Use a down arrow or button to cue scrolling and indicate there is more content.\")), mdx(\"p\", null, \"Honestly, the \\\"scroll indicators\\\" like down arrows and buttons seem like an interaction hack so that designers can use full-viewport images. Thoughts?\"), mdx(\"h2\", null, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"http://eloquentjavascript.net/index.html\"\n  }, \"Book: Eloquent Javascript\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"By \", mdx(\"strong\", {\n    parentName: \"em\"\n  }, \"Marijn Haverbeke\"))), mdx(\"p\", null, \"Do you write javascript? Do you want to be better? Read this book. \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"http://www.amazon.com/gp/product/1593275846/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1593275846&linkCode=as2&tag=marijhaver-20&linkId=VPXXXSRYC5COG5R5\"\n  }, \"Buy it\"), \" | \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"http://eloquentjavascript.net/index.html\"\n  }, \"Online (free)\"), \".\"), mdx(\"p\", null, \"I finally understand \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"map()\"), \" and \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"reduce()\"), \" now. :)\"), mdx(\"p\", null, \"Also, what a beautiful cover!\"), mdx(\"h2\", null, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"http://www.fastcompany.com/3054920/hit-the-ground-running/how-to-implement-change-without-making-your-employees-hate-you\"\n  }, \"How to implement change without making your employees hate you\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"By \", mdx(\"strong\", {\n    parentName: \"em\"\n  }, mdx(\"a\", {\n    parentName: \"strong\",\n    \"href\": \"http://www.fastcompany.com/user/mark-lukens\"\n  }, \"Mark Lukens\")), \" of \", mdx(\"a\", {\n    parentName: \"em\",\n    \"href\": \"http://fastcompany.com\"\n  }, \"Fast Company\"))), mdx(\"p\", null, \"Seems obvious, but this article has some good advise.\"), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Employers and employees want fundamentally different things\\u2014not just out of the workplace but out of their relationship with one another, too. Most management advice tends to downplay those differences rather than bridge them. But it doesn't have to be that way.\"), mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u2014\", \" excerpt from \\\"How to implement change without making your employees hate you\\\"\")), mdx(\"h2\", null, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"http://www.fastcodesign.com/3054433/design-moves/the-most-important-design-jobs-of-the-future\"\n  }, \"The most important design jobs of the future\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"By \", mdx(\"strong\", {\n    parentName: \"em\"\n  }, mdx(\"a\", {\n    parentName: \"strong\",\n    \"href\": \"http://www.fastcodesign.com/user/suzanne-labarre\"\n  }, \"Suzanne Labarre\")), \" of \", mdx(\"a\", {\n    parentName: \"em\",\n    \"href\": \"http://fastcompany.com\"\n  }, \"Fast Company\"))), mdx(\"p\", null, \"Suzanne has drawn on a number of industry thinkers to compile 18 jobs of the future that today's designers are likely evolve into.\"), mdx(\"p\", null, \"The one that really stands out for me is the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Conductor\"), \" described by Bill Buxton. Here's just a snippet...\"), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Without the Conductor\\u2019s input, we are on a fast path to hitting the complexity barrier, since the cumulative complexity of a bunch of simple things\\u2014regardless of how delightful, simple and desirable they may be\\u2014will soon exceed the ability of humans to cope.  \"), mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u2014\", \" Bill Buxton, principal researcher, Microsoft Research\")), mdx(\"p\", null, \"... now \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"http://www.fastcodesign.com/3054433/design-moves/the-most-important-design-jobs-of-the-future\"\n  }, \"go read the rest\"), \" and figure out which one you'll aspire to!\"), mdx(\"h2\", null, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"http://ncase.me/simulating/\"\n  }, \"Simulating the world (in emoji)\")), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"By \", mdx(\"strong\", {\n    parentName: \"em\"\n  }, \"Nicky Case\"))), mdx(\"p\", null, \"Artist Nicky Case tries to help us understand complex systems using simulation (and emojis).\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Disclaimer\"), \": I haven't had a chance to read this one yet (or play with the simulator). But I will definitely come back to it.\"));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":2,"frontmatter":{"title":"Collected articles - Week of Jan 4, 2016","subtitle":null,"imageURL":"https://www.firstworddesign.com/assets/img/collected-articles/to-read.png","date":"January 09, 2016","description":"Collected articles from around the web on: scrolling behaviour, eloquent javascript, change leadership, design jobs of the future, and simulating complexity.","tags":["collected articles"],"editorsNote":null}}},"pageContext":{"slug":"/blog/week-of-jan-4-2016/","previous":{"id":"ec1b8d3d-04d0-53b2-9edd-ed551821961c","fields":{"slug":"/blog/classificiation-of-search-queries/"},"frontmatter":{"title":"What search queries reveal about user intent"}},"next":{"id":"2b2a6c63-87e3-5651-9c16-16c2b3307a08","fields":{"slug":"/blog/week-of-jan-11-2016/"},"frontmatter":{"title":"Collected articles - Week of Jan 11, 2016"}},"id":"1dcf7543-9a5b-505a-81b0-bf817454dfd9"}},
    "staticQueryHashes": ["3816294676"]}