<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Luke Mitchell | Product Designer</title>
  <subtitle>Personal site, blog, and portfolio of Luke Mitchell, a design director, product designer, and UI developer.</subtitle>
  <link href="https://www.interroban.gg/rss.xml" rel="self" />
  <link href="https://www.interroban.gg/journal" />
  <updated>2020-09-21T00:00:00Z</updated>
  <id>https://www.interroban.gg</id>
  <author>
    <name>Luke Mitchell</name>
    <email>luke@interroban.gg</email>
  </author>
    <entry>
      <title>Warm email</title>
      <link href="https://www.interroban.gg/post/warm-email/" />
      <updated>2025-12-29T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/warm-email/</id>
      <summary>I got a cold email that was actually pretty nice.
</summary>
      <content type="html">
        &lt;p&gt;I have an email address that you’ll find in the footer below this post,
I rarely get emails to it, the ones I do get fall into two categories: very,
very kind people paying compliments to me about this website; secondly some
sort of cold email, usually from a SEO expert explaining that my SEO is shit.
Like &lt;a href=&quot;https://ericwbailey.design/published/article-pitch-for-your-consideration/&quot;&gt;Eric&lt;/a&gt;
I am often tempted to email back and see what they would do if I took them up
on the offer.&lt;/p&gt;
&lt;p&gt;The other day I got a cold email that stuck out, here’s what it said:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;hey luke,&lt;/p&gt;
&lt;p&gt;this is an out-of-the-blue email but i’m writing on behalf of the small team behind &lt;a href=&quot;http://ruks.org/&quot;&gt;ruks.org&lt;/a&gt;: we’ve been (manually!) compiling a big database of design + creative individuals and firms who we think are awesome. if you’re reading this email, that means at some point and somehow, we came across your portfolio and/or your work. (manually. no web scrapers.)&lt;/p&gt;
&lt;p&gt;for context, &lt;a href=&quot;http://ruks.org/&quot;&gt;ruks.org&lt;/a&gt; is just a nice, short domain that we bought a while back, but we’ve decided it stands for the “[r]esource of [u]n[k]nown [s]pecialists.” that is to say, it’s a database of creative talent.&lt;/p&gt;
&lt;p&gt;we are not venture-backed, and the platform is currently free. it’s a side project of &lt;a href=&quot;https://familyoffice.is/&quot;&gt;family office&lt;/a&gt;, a design studio based in new york. long story short, our spreadsheet of portfolios we had saved got a little unwieldy, and we figured it’d be nice to make the resource public. our hope that it can help route opportunities for work to the inboxes of great creative talent.&lt;/p&gt;
&lt;p&gt;you can &lt;a href=&quot;http://ruks.org/&quot;&gt;click here&lt;/a&gt; to make an account and take a look at your profile. if you would like to correct your profile or would like to recommend that any other creatives be added, please let us know. you can respond directly to this email since this is a manually sent note.&lt;/p&gt;
&lt;p&gt;all the best,&lt;/p&gt;
&lt;p&gt;annie swanson at &lt;a href=&quot;http://ruks.org/&quot;&gt;ruks.org&lt;/a&gt; + &lt;a href=&quot;https://familyoffice.is/&quot;&gt;family office&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;What have I just learned?&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;I have been added to a database of other creative people&lt;/li&gt;
&lt;li&gt;The database has been hand-crafted&lt;/li&gt;
&lt;li&gt;It was hand-crafted by a small team&lt;/li&gt;
&lt;li&gt;It was built to offer a resource to the wider community&lt;/li&gt;
&lt;li&gt;It is currently free, probably not always&lt;/li&gt;
&lt;li&gt;It does not need to be profitable because it has no outside funding&lt;/li&gt;
&lt;li&gt;It is called ‘ruks’&lt;/li&gt;
&lt;li&gt;The name has a fun back-story&lt;/li&gt;
&lt;li&gt;It was originally an internal tool used by the small team&lt;/li&gt;
&lt;li&gt;I can take a look at the entry they’ve created for me&lt;/li&gt;
&lt;li&gt;This email was sent manually, by Annie&lt;/li&gt;
&lt;li&gt;I can reply to this email because it was sent manually by Annie&lt;/li&gt;
&lt;li&gt;The small team is called Family Office&lt;/li&gt;
&lt;li&gt;Family Office is based in New York&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;And so on…&lt;/p&gt;
&lt;p&gt;Isn’t that nice? It’s a cold email from a real person, at a real company, in
a real place, who have built a real thing, that has a real use.&lt;/p&gt;
&lt;p&gt;In those four paragraphs I have learned so much, it answered every question and
settled every doubt I had in real time while I was reading it.&lt;/p&gt;
&lt;p&gt;It gives me some decent, optional action items, and it gives me an easy way to
ask more questions.&lt;/p&gt;
&lt;p&gt;It’s very sad that this seems so original and refreshing to me. But let’s not
dwell too much on that feeling.&lt;/p&gt;
&lt;p&gt;Go check out &lt;a href=&quot;https://www.ruks.org/&quot;&gt;ruks&lt;/a&gt;, I’m in it. Thanks Annie.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Everything in its place</title>
      <link href="https://www.interroban.gg/post/everything-in-its-place/" />
      <updated>2025-02-24T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/everything-in-its-place/</id>
      <summary>I like to be organised.</summary>
      <content type="html">
        &lt;p&gt;One of my favourite cookbooks is ‘Ruhlman’s Twenty: 20 Techniques, 100 Recipes,
A Cook’s Manifesto’ by Michael Ruhlman. It’s interesting because it isn’t
a list of recipes like a regular cookbook, it’s &lt;em&gt;about&lt;/em&gt; cooking, how to cook,
it teaches the process of cooking through concepts and techniques, and goes in
depth into ingredients. It also has recipes. My favourite bit of the book is
the introduction to mise en place:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Restaurant kitchens have a French term for organization and preparation - and
it’s every bit as useful in a home kitchen — Mise en place. Mise en place
(&lt;em&gt;MEEZ ohn plahs&lt;/em&gt;) translates literally to “put in place,” but what it really
means is “organize and prepare.” It means everything in its place, on your
countertop, beside your stove, on your stove, and, most critically, in your
mind.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;The importance of mise en place cannot be overstated. It doesn’t mean simply
putting all your ingredients in ramekins on your cutting board or next to
your stove (let alone, if you’re following a recipe, to have read the recipe
all the way through). It’s ultimately about thinking.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Organizing your mise en place forces you to think through your actions, to
plan in your mind the course of your actions. The second mandate in the ethos
of mise en place, one that is rarely made explicit, is to recognize not only
what you need in front of you, but also what does not belong, what should not
be on your board, beside the stove, in your brain.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;It’s a concept that is very important to me, not only when I cook, but for lots
of things that I do. Mise en place is something I try to practice in my life
where I can.&lt;/p&gt;
&lt;p&gt;I like to be organised, I love to be organised well ahead of time, otherwise
I seem to fixate on what could go wrong, right up until the thing happens.&lt;/p&gt;
&lt;p&gt;If I have big meeting or workshop coming up, I make sure that I am prepared
with everything that we will need to make the most of the time. That means
prepping any documents we might need to reference or use, building or
templating the digital whiteboard, collecting and making notes, and writing an
agenda. Right before the session starts I will organise everything on my screen
or on my desk so that I don’t have to go looking for anything in the meeting.&lt;/p&gt;
&lt;p&gt;This all gives me space to think about other things, I like to think it helps
the other people too.&lt;/p&gt;
&lt;p&gt;I like to think about things before I do them, I like to gather all the stuff
I need to think well, read it, and then think about the task. I love
a checklist.&lt;/p&gt;
&lt;p&gt;I know my limits with DIY, but I will do small jobs around the house, if I’ve
never done it before I will find as many tutorials as I can and read or watch
them all to find a method that makes the most sense to my brain. I  research
the right hardware, I make sure I have the tools. Right before the main event
happens I gather everything I need, in arms reach, so I don’t have to keep
going to grab stuff from another room.&lt;/p&gt;
&lt;p&gt;I feel more relaxed and confident doing this stuff by taking more time to think
about it before I get started, and more importantly I think I fuck it up less
too.&lt;/p&gt;
&lt;p&gt;The more I think about it, the more I realise that mise en place is just a way
of reducing stress. When everything is in place, I don’t have to second-guess
myself, I don’t have to scramble, and I don’t panic halfway through. It means
I actually enjoy doing things a lot more.&lt;/p&gt;
&lt;p&gt;Don’t worry, I am capable of being spontaneous too, sometimes.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;strong&gt;After 9 years at thoughbot, I am currently looking for a new remote role,
ideally as a senior, lead, principle or director level product designer.&lt;/strong&gt;
&lt;a href=&quot;mailto:luke@interroban.gg&quot;&gt;Get in touch&lt;/a&gt;&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Just</title>
      <link href="https://www.interroban.gg/post/just/" />
      <updated>2025-02-21T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/just/</id>
      <summary>Some words about a word.</summary>
      <content type="html">
        &lt;p&gt;“Just build it faster” says the stressed stakeholder. “We just need to add this
feature” says the skint founder. “Can’t we just…” says the tired designer,
“Just do it” says the giant corporation.&lt;/p&gt;
&lt;p&gt;I’ve heard these phrases lots of times, it’s frustrating, and it’s easy to be
angry at the person saying them. I’ve said them too, I won’t lie, nobody is
perfect, except that hero you’ve not met yet.&lt;/p&gt;
&lt;p&gt;I don’t think I need to say this, but I will just in case, saying things like
this makes people stressed, it makes them frustrated, it makes them feel
unrecognised, it makes them feel angry too. You really should try to stop it,
that’s the bad news, and the hardest part, please work on it.&lt;/p&gt;
&lt;p&gt;The good news is that you’re probably an expert in something, you probably know
a lot about the problem that made you use the J-word. Even better news is that
the people you’re speaking to are also experts, an expert in something
different. Together, as a group you are incredibly knowledgeable about
different sides of this problem, you’re basically ‘The Avengers’ of the tech
industry — please don’t make many, many, many OK movies about your exploits
though, please.&lt;/p&gt;
&lt;p&gt;Take a break, then work on it together, speak to one another with openness,
empathy and honesty, bring all your expert opinions together, lead by example,
and work something out that lets everyone be the expert that they are.&lt;/p&gt;
&lt;p&gt;Deep in my core is the urge to end this with a really tight and actionable list
of things you can do next, but I just don’t think there is one, interpret the
paragraph above the way you want to, or don’t.&lt;/p&gt;
&lt;p&gt;Just do it.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Markdown is really good</title>
      <link href="https://www.interroban.gg/post/markdown-is-really-good/" />
      <updated>2025-02-04T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/markdown-is-really-good/</id>
      <summary>A post about markdown, one of may favourite bits of software
</summary>
      <content type="html">
        &lt;p&gt;I was reading &lt;a href=&quot;https://manuelmoreale.com/my-software-stack-is-old&quot;&gt;Manu’s post&lt;/a&gt; about ‘old tech’ and suddenly thought, markdown is really, really good.&lt;/p&gt;
&lt;h2 id=&quot;what-is-it%3F&quot; tabindex=&quot;-1&quot;&gt;What is it?&lt;/h2&gt;
&lt;p&gt;Markdown is a markup (get it?) language which aims to make formatting text as easy as possible, while still being easy to read. Markdown can be processed into HTML, which is what the web is made of. It was created by John Gruber and Aaron Schwartz, and released over 20 years ago. It is commonly found in blogging software, content management systems, software documentation, and many other places.&lt;/p&gt;
&lt;p&gt;This post that you’re reading right now is written in markdown.&lt;/p&gt;
&lt;p&gt;Most alternatives to markdown are what I call ‘rich text’, which vary quite a bit in how they work, they are often more complex and proprietary.&lt;/p&gt;
&lt;p&gt;Here’s why I think that markdown is really, really good.&lt;/p&gt;
&lt;h2 id=&quot;you-write-it&quot; tabindex=&quot;-1&quot;&gt;You write it&lt;/h2&gt;
&lt;p&gt;Markdown is for writing, and it’s designed to be written. You don’t need to memorise an interface to use markdown, you need to remember a syntax instead, and you can use that same syntax everywhere that you write markdown.&lt;/p&gt;
&lt;p&gt;In markdown to write add a link to a webpage you type a ‘[‘ followed by the link text, if you’re really lucky whatever you’re typing into is smart enough to close that square bracket for you, then you type a ‘(‘ followed by the URL. Notice you never had to stop typing to add this link, this process is exactly the same wherever you are writing markdown, there is no keyboard shortcuts or special interface to remember.&lt;/p&gt;
&lt;p&gt;In ‘rich text’ world you would need to stop typing and do a few things. You might need to type your link text then highlight it, then find then whichever button that you need to convert it to a link, then you may need to use whichever interface this particular app uses to add the link for you, they vary wildly.&lt;/p&gt;
&lt;h2 id=&quot;it%E2%80%99s-html&quot; tabindex=&quot;-1&quot;&gt;It’s HTML&lt;/h2&gt;
&lt;p&gt;Markdown makes HTML, perfectly standard HTML that any web browser can understand, every single thing that you write with markdown becomes HTML, just like the HTML that you are reading right now.&lt;/p&gt;
&lt;p&gt;Sadly in the ‘rich text’ world you can never really be sure what you’re going to get. Sometimes your web browser will receive a very sad knotty mess of spaghetti code, that creates all sort of problems, and bugs.&lt;/p&gt;
&lt;h2 id=&quot;you-can-take-it-with-you&quot; tabindex=&quot;-1&quot;&gt;You can take it with you&lt;/h2&gt;
&lt;p&gt;Markdown files are plain text files, you don’t need a special app to open or edit them. Markdown by itself has no interface but they are plenty of great apps that can wrap it in one if you like. Markdown files are also tiny, they don’t come bundled with a bunch of proprietary metadata that a specific app needs to understand the file. This makes markdown &lt;a href=&quot;https://stephango.com/file-over-app&quot;&gt;very portable&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;You can also copy and paste markdown between different markdown friendly places and nothing bad will happen. I find it very annoying that when I copy text from one ‘rich text’ editor to say, Google Docs nothing is formatted right, so I have to do it all again.&lt;/p&gt;
&lt;h2 id=&quot;you-can-hack-it&quot; tabindex=&quot;-1&quot;&gt;You can hack it&lt;/h2&gt;
&lt;p&gt;There are many, many plugins, add-on’s and other ways to add features to markdown. There are plugins out there that will automatically generate a table of contents based on the headings that you write, and plugins that allow you to write and generate footnotes, there’s a world of possibilities.&lt;/p&gt;
&lt;p&gt;If you want something really specific you can write your own plugin, and something completely custom to markdown if you want.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Markdown may be old but I think it’s the best way to write. Markdown is for writing, it makes great HTML, it’s portable, and it’s customisable.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Chicken accessories for chickens</title>
      <link href="https://www.interroban.gg/post/chicken-accessories-for-chickens/" />
      <updated>2025-01-17T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/chicken-accessories-for-chickens/</id>
      <summary>How a weird product ruined my brain for a week.
</summary>
      <content type="html">
        &lt;figure class=&quot;columns | gap&quot;&gt;
  &lt;div class=&quot;image&quot; data-image-size=&quot;large&quot;&gt;
            &lt;img src=&quot;https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-400.webp&quot; srcset=&quot;https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-400.webp 400w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-600.webp 600w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-800.webp 800w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-1000.webp 1000w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-1200.webp 1200w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-1400.webp 1400w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-1600.webp 1600w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-1800.webp 1800w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-2000.webp 2000w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-2200.webp 2200w, https://www.interroban.gg/assets/images/optimised/yfcdK_VOv5-2400.webp 2400w&quot; sizes=&quot;(min-width: 1600px) 52.36vw, (min-width: 700px) 67.39vw, 90vw&quot; width=&quot;2400&quot; height=&quot;1798&quot; alt=&quot;A screenshot of a product on the marketplace ‘Temu’, the product is described as “Portable Pet Chicken Carrier Bag - Durable Polyester, Ideal for Ducks &amp; Roosters Travel and Catching Duck Coop Accessories Chicken Accessories For Chickens”, the product image shows a Rooster in the bag, the bag has carrying handles.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; /&gt;
          &lt;/div&gt;
  &lt;figcaption class=&quot;measure | push-down leading-crushed&quot;&gt;
    &lt;small class=&quot;caption&quot;&gt;
      A screenshot of a product on the marketplace ‘Temu’, the product is described as “Portable Pet Chicken Carrier Bag - Durable Polyester, Ideal for Ducks &amp; Roosters Travel and Catching Duck Coop Accessories Chicken Accessories For Chickens”, the product image shows a Rooster in the bag, the bag has carrying handles.
    &lt;/small&gt;
  &lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;&lt;strong&gt;This post originally appeared on &lt;a href=&quot;https://thoughtbot.com/blog/chicken-accessories-for-chickens&quot;&gt;thoughtbot.com&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;I was browsing an online marketplace the other day because I was a bit bored, and because I have a unique need to seek out dark patterns. Something caught my eye as I scrolled. Amongst all the other suspiciously cheap items, was a bag for a chicken. Not a bag with a chicken pattern, not a bag shaped like a chicken, no — a bag to &lt;em&gt;carry&lt;/em&gt; a chicken. A living chicken. A bag for carrying a chicken.&lt;/p&gt;
&lt;p&gt;It made me smile as I took a screenshot. After 30 seconds, I went back to scrolling with a blank expression. It wasn’t over. I kept thinking about this thing for days afterward. All I had were questions:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Why does this product exist?&lt;/li&gt;
&lt;li&gt;Why does a chicken need to be carried in a chicken-carrying bag?&lt;/li&gt;
&lt;li&gt;Where is the chicken going in the chicken-carrying bag?&lt;/li&gt;
&lt;li&gt;Who is this chicken-carrying bag for?&lt;/li&gt;
&lt;li&gt;How many chickens does this chicken toting person own?&lt;/li&gt;
&lt;li&gt;In the absence of the chicken-carrying bag, how do they carry their chicken(s)?&lt;/li&gt;
&lt;li&gt;How many chicken-carrying bags have been sold so far?&lt;/li&gt;
&lt;li&gt;How many chicken-carrying bags need to be sold to break even on the initial investment?&lt;/li&gt;
&lt;li&gt;Who came up with the idea for the chicken-carrying bag?&lt;/li&gt;
&lt;li&gt;Do they have any first-hand experience with chicken carrying?&lt;/li&gt;
&lt;li&gt;How do you get the chicken into the chicken-carrying bag?&lt;/li&gt;
&lt;li&gt;Did the chicken-carrying bag manufacturer test the usability of the chicken-carrying bag?&lt;/li&gt;
&lt;li&gt;How else did they test the chicken-carrying bag?&lt;/li&gt;
&lt;li&gt;When did the chicken-carrying bag manufacturer consider the chicken-carrying bag good enough to sell?&lt;/li&gt;
&lt;li&gt;How did they decide on the fabric to use for the chicken-carrying bag?&lt;/li&gt;
&lt;li&gt;What does the next version of the chicken-carrying bag look like?&lt;/li&gt;
&lt;li&gt;How will the chicken-carrying bag manufacturer find out the highest-priority feature to add next?&lt;/li&gt;
&lt;li&gt;How do I get to a place in &lt;em&gt;my&lt;/em&gt; life where my singular focus is improving my chicken-carrying experience?&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The list is endless…&lt;/p&gt;
&lt;h2 id=&quot;what-does-this-have-to-do-with-design%3F&quot; tabindex=&quot;-1&quot;&gt;What does this have to do with design?&lt;/h2&gt;
&lt;p&gt;Next time you’re struggling to come up with a question to find out more about something — be it a design problem, a new product pitched by a budding founder, or even another bizarre (to you) product you’ve found online — think of this chicken-carrying bag. You will have plenty.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Alternative titles for this post:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Why Did the Chicken Cross the Road in a Bag?&lt;/li&gt;
&lt;li&gt;This £5.17 Item Revolutionised My EDC&lt;/li&gt;
&lt;li&gt;For Sale: Chicken Bag, Never Worn (OK, one more question, is the chicken &lt;em&gt;wearing&lt;/em&gt; the bag?)&lt;/li&gt;
&lt;li&gt;5 Chicken Accessory Trends for 2025&lt;/li&gt;
&lt;/ul&gt;

      </content>
    </entry>
    <entry>
      <title>Nobody wants to use any software</title>
      <link href="https://www.interroban.gg/post/nobody-wants-to-use-any-software/" />
      <updated>2024-08-16T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/nobody-wants-to-use-any-software/</id>
      <summary>Jane writes about how software isn&#39;t the solution to problems that we think it is.</summary>
      <content type="html">
        &lt;p&gt;Jane makes some great points about how software just isn’t the solution to the
problem we think it is, in ‘&lt;a href=&quot;https://www.characterworks.co/blog/nobody-wants-to-use-any-software&quot;&gt;Nobody wants to use any
software&lt;/a&gt;’,
and how software can make everything worse for people. After all “Nobody wakes
up in the morning thinking, ‘I want some software.’”&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I can make the software as usable as possible, but I also need to remember
that it’s not in the software where we’ll fix the problems that cause the
software to exist in the first place. This little meditation reminds me that
we don’t need to overegg what we make with a million features, and it’s our
job to dig in to the real problems (feature request lists are one type of
computer-related screaming for me), but we can still hold on to the fact that
the software, even if it solves a real problem, likely solves a manufactured
problem that might have been caused by the existence of some other software
or process, all of which is getting in the way of petting a dog or eating
4 mozzarella sticks in a row off the appetizer tray.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I found this article on &lt;a href=&quot;https://ericwbailey.website/&quot;&gt;Eric’s&lt;/a&gt; newsletter
‘&lt;a href=&quot;https://buttondown.com/ericwbailey/archive/&quot;&gt;SC 2.4.4&lt;/a&gt;’, go follow it, please.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>The time for designers to learn to code is now</title>
      <link href="https://www.interroban.gg/post/The-time-for-designers-to-learn-to-code-is-now/" />
      <updated>2024-07-12T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/The-time-for-designers-to-learn-to-code-is-now/</id>
      <summary>A guide from Andy about how to stand out as a designer when commoditisation approaches
</summary>
      <content type="html">
        &lt;blockquote&gt;
&lt;p&gt;I often use the analogy that when we design for print, what are we doing over
and over again? Doing proof prints. Why then when designing websites (or
apps) are we not getting in to the browser as quickly as possible, rather
than creating interactive pictures of websites in Figma?&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;This is where you &lt;em&gt;can&lt;/em&gt; stand out as a designer by learning to code. I’m not
talking about writing production code with developers here. Hell, maybe in
the future, but I’m talking getting a good understanding of How Things Work™
and using that knowledge to blast your web and app design skills into the
stratosphere.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&quot;https://piccalil.li/blog/the-time-for-designers-to-learn-to-code-is-now/?ref=main-rss-feed&quot;&gt;Andy’s post&lt;/a&gt;
is an excellent guide and list of resources, it’s also one of the best
summaries of why you should at least understand how the things you build for
work, and some very good reasons to learn to code as a designer, it’s an
ancient argument but in 2024 it might just make you stand out enough when some
of our work can be spat out in 30 seconds by AI.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;With design tools further commoditising and sanitising expected creative
output, the time for designers to be able to stand out is very much here.
I think for some, learning to code is a good route for that.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Please give this a try if you’re a new (or not so new) designer.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Sharing online as an activity</title>
      <link href="https://www.interroban.gg/post/sharing-online-as-an-activity/" />
      <updated>2024-06-21T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/sharing-online-as-an-activity/</id>
      <summary>Christopher on sharing online and how he approaches it.
</summary>
      <content type="html">
        &lt;p&gt;&lt;a href=&quot;https://www.chrbutler.com/2023-09-10&quot;&gt;Christopher’s&lt;/a&gt; thoughts on sharing, and
engaging online are really close to my own feelings. Doing this type of stuff
is definitely an activity or a task for me, especially when it’s work related.
I also feel like I need to break down this type of task into something, small,
repeatable, and something that doesn’t need too much mental effort from me.
Like my &lt;a href=&quot;https://www.interroban.gg/bookmarks/&quot;&gt;bookmarks&lt;/a&gt;.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Engaging online, for me, is an activity. It’s not a default. I can’t be in
that space all the time because the longer I am in it, the more it twists and
manipulates how I see, how I think, how I feel.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I am also very much happy to avoid chasing large audiences or wealth by sharing
online my work online:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I make things because I enjoy making them. I &lt;em&gt;share&lt;/em&gt; them when I have a sense
that those things are exactly the sort that would inspire me had I not made
them myself. This is not the way to build a large audience, to achieve fame,
or to amass wealth. But it is the way to be seen (a very different thing from
being validated) that also creates a way for someone else.&lt;/p&gt;
&lt;/blockquote&gt;

      </content>
    </entry>
    <entry>
      <title>How I collect &amp; create bookmarks</title>
      <link href="https://www.interroban.gg/post/how-i-bookmark/" />
      <updated>2024-06-15T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/how-i-bookmark/</id>
      <summary>How on earth do collect all my bookmarks? It must be a tangled mess of single page applications, nope, it&#39;s a tangled mess of DIY stuff that I&#39;ve built over the years.
</summary>
      <content type="html">
        &lt;p&gt;I have been collecting &lt;a href=&quot;https://www.interroban.gg/bookmarks&quot;&gt;bookmarks&lt;/a&gt; for
quite a while, as you read this there are &lt;strong&gt;1085&lt;/strong&gt;
of them, which shocks me, they really build up fast. What
I haven’t done yet is explain how I collect them and how they end up on this
site.&lt;/p&gt;
&lt;h2 id=&quot;ethos&quot; tabindex=&quot;-1&quot;&gt;Ethos&lt;/h2&gt;
&lt;p&gt;Describing my ethos properly is probably another post by itself, but if I find
something delightful, engaging, interesting, beautiful or useful it will
probably make it into my list.&lt;/p&gt;
&lt;p&gt;One rule that I do have is that I can only add something to the list once,
which can be a bit limiting if somebody does a great redesign of their website.&lt;/p&gt;
&lt;h2 id=&quot;sources&quot; tabindex=&quot;-1&quot;&gt;Sources&lt;/h2&gt;
&lt;p&gt;I have a few places that I find my bookmarks, the best one being the many RSS
feeds that I am subscribed to. My favourites are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://buttondown.email/things/archive/&quot;&gt;Things to click&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://buttondown.email/ericwbailey/archive/&quot;&gt;SC 2.4.4&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://sidebar.io/&quot;&gt;Sidebar&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://meanwhile.substack.com/&quot;&gt;Meanwhile&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I often browse a few websites that I have saved as Safari bookmarks. Some of my
favourites are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://www.typewolf.com/&quot;&gt;Typewolf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://minimal.gallery/&quot;&gt;Minimal Gallery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.thisiscolossal.com/&quot;&gt;Collosal&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://savee.it/&quot;&gt;Savee&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.itsnicethat.com/&quot;&gt;It’s Nice That&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I also find a few of my bookmarks by scrolling
&lt;a href=&quot;https://mastodon.design/@interrobang&quot;&gt;Mastodon&lt;/a&gt;, and sometimes my lovely
&lt;a href=&quot;https://thoughtbot.com/&quot;&gt;coworkers&lt;/a&gt; will share something in Slack that I find interesting too.&lt;/p&gt;
&lt;p&gt;Sometimes I even just stumble upon things by myself, if you can believe it.&lt;/p&gt;
&lt;h2 id=&quot;method&quot; tabindex=&quot;-1&quot;&gt;Method&lt;/h2&gt;
&lt;p&gt;I usually spend a Sunday morning browsing through all my feeds, websites and
accounts to find new links to bookmark, it’s a bit like reading the Sunday
newspaper. I use my trusty iPad to do this.&lt;/p&gt;
&lt;p&gt;Once I find a link to bookmark I will store it in &lt;a href=&quot;https://getdrafts.com/&quot;&gt;Drafts&lt;/a&gt; to work on later.
I will also keep note of the place I found the link, so that I can credit them.&lt;/p&gt;
&lt;p&gt;When I next find time and I’m working at my desk I will sort through my links
in &lt;a href=&quot;https://getdrafts.com/&quot;&gt;Drafts&lt;/a&gt; and begin adding them into my extra-special-custom-made CMS.&lt;/p&gt;
&lt;p&gt;The first step is to open the &lt;a href=&quot;https://www.raycast.com/&quot;&gt;Raycast&lt;/a&gt; extension I built, it allows me to
enter all the bookmark details and save them to a database as a draft, to be
edited or published later.&lt;/p&gt;
&lt;figure class=&quot;columns | gap&quot;&gt;
  &lt;div class=&quot;image&quot; data-image-size=&quot;large&quot;&gt;
            &lt;img src=&quot;https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-400.webp&quot; srcset=&quot;https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-400.webp 400w, https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-600.webp 600w, https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-800.webp 800w, https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-1000.webp 1000w, https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-1200.webp 1200w, https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-1400.webp 1400w, https://www.interroban.gg/assets/images/optimised/BGV2bLSgLS-1600.webp 1600w&quot; sizes=&quot;(min-width: 1600px) 52.36vw, (min-width: 700px) 67.39vw, 90vw&quot; width=&quot;1600&quot; height=&quot;1087&quot; alt=&quot;My custom Raycast extension that I use to create bookmarks.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; /&gt;
          &lt;/div&gt;
  &lt;figcaption class=&quot;measure | push-down leading-crushed&quot;&gt;
    &lt;small class=&quot;caption&quot;&gt;
      My custom Raycast extension that I use to create bookmarks.
    &lt;/small&gt;
  &lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;A few notes on the extension:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;I can grab the current Safari tab URL and title by tapping a keyboard
shortcut, which saves on copy-pasting.&lt;/li&gt;
&lt;li&gt;If I check ‘url as title’ the extension will crunch the URL into a nicer
format: &lt;code&gt;https://www.example.com&lt;/code&gt; becomes &lt;code&gt;example.com&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;It will save the form as a draft if I need to do something else in the
background.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Later I can open the other &lt;a href=&quot;https://www.raycast.com/&quot;&gt;Raycast&lt;/a&gt; command which I use to manage the
bookmarks, and publish them. In the screenshot below you see that it displays
all the saved content with handy indicators for unpublished bookmarks. From
here I can tap a keyboard shortcut to publish or delete the drafts as needed.&lt;/p&gt;
&lt;figure class=&quot;columns | gap&quot;&gt;
  &lt;div class=&quot;image&quot; data-image-size=&quot;large&quot;&gt;
            &lt;img src=&quot;https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-400.webp&quot; srcset=&quot;https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-400.webp 400w, https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-600.webp 600w, https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-800.webp 800w, https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-1000.webp 1000w, https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-1200.webp 1200w, https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-1400.webp 1400w, https://www.interroban.gg/assets/images/optimised/SkY_NtwQPO-1600.webp 1600w&quot; sizes=&quot;(min-width: 1600px) 52.36vw, (min-width: 700px) 67.39vw, 90vw&quot; width=&quot;1600&quot; height=&quot;1087&quot; alt=&quot;My custom Raycast extension that I use to managea draft bookmarks.&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; /&gt;
          &lt;/div&gt;
  &lt;figcaption class=&quot;measure | push-down leading-crushed&quot;&gt;
    &lt;small class=&quot;caption&quot;&gt;
      My custom Raycast extension that I use to managea draft bookmarks.
    &lt;/small&gt;
  &lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Once published the new bookmarks will appear on the bookmarks page the next day
– I publish my website every morning, automatically.&lt;/p&gt;
&lt;h2 id=&quot;back-end&quot; tabindex=&quot;-1&quot;&gt;Back-end&lt;/h2&gt;
&lt;p&gt;The bookmarks system backend is a simple app written using
&lt;a href=&quot;https://hono.dev/&quot;&gt;Hono&lt;/a&gt;, which is a more modern equivalent to
&lt;a href=&quot;https://expressjs.com/&quot;&gt;Express&lt;/a&gt; (which is how the first version was built). It
makes it easy to write a CRUD style API to list, create, edit, and delete
bookmarks. The API is hosted on &lt;a href=&quot;https://www.cloudflare.com/en-gb/&quot;&gt;cloudflare&lt;/a&gt;
as a serverless worker.&lt;/p&gt;
&lt;p&gt;For a database the bookmarks system uses &lt;a href=&quot;https://www.cloudflare.com/en-gb/developer-platform/d1/&quot;&gt;cloudflare
D1&lt;/a&gt;, which is a nice
wrapper around SQLite.&lt;/p&gt;
&lt;h2 id=&quot;front-end&quot; tabindex=&quot;-1&quot;&gt;Front-end&lt;/h2&gt;
&lt;p&gt;As I’ve shown above I add, publish, and edit bookmarks using Raycast.&lt;/p&gt;
&lt;p&gt;This website is built with &lt;a href=&quot;https://11ty.dev/&quot;&gt;Eleventy&lt;/a&gt;, my favourite way to build a website.
&lt;a href=&quot;https://11ty.dev/&quot;&gt;Eleventy&lt;/a&gt; makes it easy to grab the bookmarks data, adding a &lt;a href=&quot;https://github.com/LkeMitchll/interroban.gg/blob/eebbe6f36f888f35ece459d997cd5ea932fc8499/src/_data/bookmarks.js&quot;&gt;JavaScript
file&lt;/a&gt;
to the &lt;code&gt;data&lt;/code&gt; folder that exports an object is all that is needed.&lt;/p&gt;
&lt;p&gt;Once the data is fetched I then display the bookmarks using a &lt;a href=&quot;https://github.com/LkeMitchll/interroban.gg/blob/eebbe6f36f888f35ece459d997cd5ea932fc8499/src/bookmarks.liquid#L34-L71&quot;&gt;Nunjucks
template&lt;/a&gt;
for the markup.&lt;/p&gt;
&lt;p&gt;No client side JavaScript is exported, just plain HTML.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;That’s pretty much it. That’s my DIY approach to collecting links a putting
them on this website. You can browse all the bookmarks at
&lt;a href=&quot;https://www.interroban.gg/bookmarks/&quot;&gt;/bookmarks&lt;/a&gt;, you can also find the
&lt;a href=&quot;https://www.interroban.gg/feeds/bookmarks.xml&quot;&gt;RSS&lt;/a&gt;, and
&lt;a href=&quot;https://www.interroban.gg/feeds/bookmarks.json&quot;&gt;JSON&lt;/a&gt; feed to subscribe to
them on that page too.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>My favourite albums of 2023</title>
      <link href="https://www.interroban.gg/post/favourite-albums-2023/" />
      <updated>2023-12-08T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/favourite-albums-2023/</id>
      <summary>The best albums I have listened to this year.</summary>
      <content type="html">
        &lt;p&gt;I don’t have a Spotify wrapped to share this year. So, in no particular order, my favourite albums of the year:&lt;/p&gt;
&lt;h2 id=&quot;boygenius-%E2%80%93-the-record&quot; tabindex=&quot;-1&quot;&gt;boygenius – the record&lt;/h2&gt;
&lt;p&gt;I have followed the work of this supergroups members for a little while. When they come together they create something incredible. This album is dark, honest, and witty.&lt;/p&gt;
&lt;h2 id=&quot;wednesday-%E2%80%93-rat-saw-god&quot; tabindex=&quot;-1&quot;&gt;Wednesday – Rat Saw God&lt;/h2&gt;
&lt;p&gt;I couldn’t quite describe the sound of Wednesday, I think the description on Apple Music sums them up nicely:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Blending the great fuzzy guitars of shoegaze with a faint Southern twang and lyrics fixated on the traumas of small-town life…&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This album is noisy and chaotic, with a great narrative.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://xboygeniusx.bandcamp.com/album/the-record&quot;&gt;Buy on Bandcamp&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&quot;the-beths-%E2%80%93-expert-in-a-dying-field&quot; tabindex=&quot;-1&quot;&gt;The Beths – Expert in a Dying Field&lt;/h2&gt;
&lt;p&gt;I have listened to The Beths since their first album, they have gone from strength to strength, producing some of the best power pop out there. Also, their tour blog ‘&lt;a href=&quot;https://www.breakfastandtravelupdates.com/&quot;&gt;Breakfast and Travel Updates&lt;/a&gt;’ is one of my favourite feeds to follow.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://thebethsnz.bandcamp.com/album/expert-in-a-dying-field&quot;&gt;Buy on Bandcamp&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&quot;jess-williamson-%E2%80%93-time-ain%E2%80%99t-accidental&quot; tabindex=&quot;-1&quot;&gt;Jess Williamson – Time Ain’t Accidental&lt;/h2&gt;
&lt;p&gt;I am not a fan of country music, especially all of that toxic macho, “I drive trucks, and love my country” bullshit. This album from Jess is different. I first heard of her when she teamed up with &lt;a href=&quot;https://waxahatchee.bandcamp.com/&quot;&gt;Waxahatchee&lt;/a&gt; to form &lt;a href=&quot;https://plainsband.bandcamp.com/album/i-walked-with-you-a-ways&quot;&gt;Plains&lt;/a&gt; (another album I love, from last year). This album is poetic, modern, and romantic, expertly shaking off all those stereotypes of country music.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://jesswilliamson.bandcamp.com/album/time-aint-accidental-2&quot;&gt;Buy on Bandcamp&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&quot;the-murder-capital-%E2%80%93-gigi%E2%80%99s-recovery&quot; tabindex=&quot;-1&quot;&gt;The Murder Capital – Gigi’s Recovery&lt;/h2&gt;
&lt;p&gt;Gigi’s Recovery is grander and darker than The Murder Capital’s first album. ‘Return My Head’ is a a real thumper that I’d love to see live one day.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://themurdercapital.bandcamp.com/album/gigis-recovery&quot;&gt;Buy on Bandcamp&lt;/a&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;That’s it, see you next year.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>The fundamental shift</title>
      <link href="https://www.interroban.gg/post/the-fundamental-shift/" />
      <updated>2023-06-13T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/the-fundamental-shift/</id>
      <summary>The upcoming reality of interface design, and the responsibility of designers and developers.
</summary>
      <content type="html">
        &lt;p&gt;Like &lt;a href=&quot;https://www.david-smith.org/blog/2023/06/12/new-post/&quot;&gt;David&lt;/a&gt; I think
it’s going to be a long time before the interfaces I sometimes daydream about
will get close to reality, for me the &lt;a href=&quot;https://www.apple.com/apple-vision-pro/&quot;&gt;Vision Pro&lt;/a&gt;
is the first view into the future, which surprised me.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;That shift is fundamental. The interface for Vision Pro felt like it was
reading my thoughts rather than responding to my inputs. Its infinite, pixel
perfect canvas also felt inherently different. I wasn’t constrained by my
physical setup, instead my setup was whatever I thought would be most
productive for me.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The design implications for these interfaces is really interesting. As the
lines between physical and digital blur, designers and developers will be
getting access to more powerful tools to build interfaces and experiences. We
are moving beyond controlling what happens on a flat surface, instead we will
be able to control a sophisticated view of the world around people. That feels
like a big responsibility.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Reading your README</title>
      <link href="https://www.interroban.gg/post/reading-your-readme/" />
      <updated>2023-03-23T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/reading-your-readme/</id>
      <summary>Alex&#39;s approach to testing and updating setup documentation for code repositories.
</summary>
      <content type="html">
        &lt;p&gt;One of my pet peeves is cloning a project to start work and finding that the setup instructions don’t exist, aren’t complete, or don’t work. It’s already difficult to get everything running, and these extra issues just add to the frustration. &lt;a href=&quot;https://alex.party/posts/2023-03-23-delete-your-dev-environment-regularly/&quot;&gt;Alex&lt;/a&gt; has a great idea:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;In my ideal situation, a developer being able to have a local copy of code up and running should only be limited by the speed of their internet connection. The best way to ensure this is the case is to regularly delete your dev environment and clone a fresh copy down. This gives you a great opportunity to ask some questions:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;How long does it take for you to get set up?&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Is the documentation correct and easily accessible?&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Is it clear who can be contacted if there are questions?&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;What is the process for contributing?&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;How can someone report an issue?&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;p&gt;I’m going to try this soon, it’s really easy to forget to update documentation, so setting aside some time to test your own instructions is a great approach.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Yes, printers are complicated</title>
      <link href="https://www.interroban.gg/post/yes-printers-are-complicated/" />
      <updated>2023-03-05T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/yes-printers-are-complicated/</id>
      <summary>Nicholas on the issue of &quot;tech shame&quot; among younger generations.
</summary>
      <content type="html">
        &lt;p&gt;I was nodding along to &lt;a href=&quot;https://thejollyteapot.com/2023/03/5/of-course-younger-people-don-t-know-how-to-use-a-printer&quot;&gt;Nicholas’ response&lt;/a&gt; to an article about Gen Z and technology, and how it’s apparently ridiculous that they cannot use a printer. None of that should be a surprise:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I have been around cars all my life, and up until I was twenty years old, I probably got inside a car every day of the year. Do I know how to change oil on a car? Absolutely not. Should I know? Probably, but I never felt judged or mocked for not knowing.&lt;/p&gt;
&lt;p&gt;And this is what is bothering me in this article. It mentions that “Gen Z” is feeling tech shame, and is being too shy to ask for help. The article should focus on older generations being terrible coworkers and not being able to understand what new employees need to learn or not.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;As a designer it’s a constant frustration that some interfaces never improve, and that ‘tech illiteracy’ is used as an excuse to keep building bad hardware and software, it would be great if everything worked the way everyone expected it to, but it doesn’t. So we should also trust people to teach their colleagues things when they need help.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>A future of design work with AI</title>
      <link href="https://www.interroban.gg/post/a-future-of-design-work-with-ai/" />
      <updated>2023-03-04T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/a-future-of-design-work-with-ai/</id>
      <summary>A sensible metaphor by Matthew about how AI and automation can make designers more effective.
</summary>
      <content type="html">
        &lt;p&gt;Like a almost everyone I work with I’m thinking a lot about how all this new fangled &lt;a href=&quot;https://chat.openai.com/&quot;&gt;AI stuff&lt;/a&gt; will change my work. &lt;a href=&quot;https://matthewstrom.com/writing/design-by-wire/&quot;&gt;Matthew offers the most level-headed metaphor&lt;/a&gt; I’ve found so far:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Just as fly-by-wire systems have made pilots more efficient (not redundant), AI and automation will make designers more effective.&lt;/p&gt;
&lt;p&gt;Imagine a design-by-wire system. The job of the designer is to indicate what they want the desired outcome to be. Like a pilot pushing the throttle to make the airplane accelerate, a designer could assemble a wireframe or configure a screen to enable a user to accomplish a task.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This is a refreshing break from the other hot takes that flip between unconditional praise and a terrifying dystopia.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Good Case Studies</title>
      <link href="https://www.interroban.gg/post/good-case-studies/" />
      <updated>2021-07-25T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/good-case-studies/</id>
      <summary>I&#39;m currently thinking about writing case studies for my work, I didn&#39;t know where to start, so I did what I do when starting any project, some research; I needed to define what I think makes a good case study.
</summary>
      <content type="html">
        &lt;p&gt;I’m currently thinking about writing case studies for my work, I didn’t know
where to start, so I did what I do when starting any project, some research; I
needed to define what I think makes a good case study.&lt;/p&gt;
&lt;p&gt;Here are my thoughts so far.&lt;/p&gt;
&lt;h2 id=&quot;structure&quot; tabindex=&quot;-1&quot;&gt;Structure&lt;/h2&gt;
&lt;p&gt;I am a fan of detailed case-studies. It’s important that the case study details
the project step-by-step, not only the final output but the actions taken along
the way.&lt;/p&gt;
&lt;p&gt;Firstly, introduce the project, include: Who the client is. Why they approached
you. What problem they were facing. This adds historical context to the work
and why it was needed in the first place.&lt;/p&gt;
&lt;p&gt;Next give an overview of the phases of the project for example:
&lt;a href=&quot;https://www.designcouncil.org.uk/news-opinion/what-framework-innovation-design-councils-evolved-double-diamond&quot;&gt;Discover, Define, Develop, Deliver&lt;/a&gt;. Include what they meant to you for
this project.&lt;/p&gt;
&lt;p&gt;The rest of the case study should document all the steps taken from the
beginning to the end, each step should tell the reader: what you did, how you
did it, why you did it, and the what you and others learned by doing it. Below
is a non-exhaustive list of steps I like to see, seeing at least 5 of them is a
good sign:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Competitive research&lt;/li&gt;
&lt;li&gt;User research&lt;/li&gt;
&lt;li&gt;User testing&lt;/li&gt;
&lt;li&gt;Workshops &amp;amp; important meetings&lt;/li&gt;
&lt;li&gt;Sketches&lt;/li&gt;
&lt;li&gt;Moodboards&lt;/li&gt;
&lt;li&gt;Wireframes&lt;/li&gt;
&lt;li&gt;Prototypes&lt;/li&gt;
&lt;li&gt;Design system components&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You may find it helpful to split the work into different features, meaning you
produce several mini case-studies instead.&lt;/p&gt;
&lt;h2 id=&quot;images&quot; tabindex=&quot;-1&quot;&gt;Images&lt;/h2&gt;
&lt;p&gt;Images are an important part of any case-study, in my opinion not as important
as the story, but still a big part if created with care.&lt;/p&gt;
&lt;p&gt;Polish and attention to detail is good, but not the most important thing,
successful imagery needs to enhance the text it interrupts, as long as imagery
is relevant and easy to understand the polish can come second.&lt;/p&gt;
&lt;p&gt;Any imagery should aid the content itself it’s a good idea to keep relevant
images and text together. Try not to dominate the text with giant images that
overtake everything else, especially if they are decorative &lt;a href=&quot;https://www.interroban.gg/post/good-case-studies/#sn-1&quot;&gt;1&lt;/a&gt;.&lt;/p&gt;
&lt;aside id=&quot;sn-1&quot; class=&quot;sidenote&quot;&gt;
              &lt;small class=&quot;flow&quot;&gt;&lt;p&gt;&lt;strong&gt;№ 1&lt;/strong&gt; – I’m not keen on mockups of phones floating in the air at funny angles, it
makes it hard to see the details.&lt;/p&gt;
&lt;/small&gt;
            &lt;/aside&gt;
&lt;p&gt;I like to see photographs of things happening, especially if you can show the
team working together on a problem.&lt;/p&gt;
&lt;p&gt;When it comes to showing off the final product I prefer to see fewer images
that are interesting or innovative, rather than lots of images of another
run-of-the-mill login screen. Which interactions are you most proud of, and
why?&lt;/p&gt;
&lt;h2 id=&quot;design&quot; tabindex=&quot;-1&quot;&gt;Design&lt;/h2&gt;
&lt;p&gt;When designing how a case-study looks, less is more, any design decisions made
should elevate the content, avoid distracting decoration. That doesn’t mean the
design should be boring, a well designed case-study should still engage the
reader.&lt;/p&gt;
&lt;p&gt;Try to avoid treating every image same, context is important, for example
comparing images is easier when they are side-by-side. Loosening the grid can
add character and a sense of creative ‘chaos’ to a collection of early stage
sketches &lt;a href=&quot;https://www.interroban.gg/post/good-case-studies/#sn-2&quot;&gt;2&lt;/a&gt;.&lt;/p&gt;
&lt;aside id=&quot;sn-2&quot; class=&quot;sidenote&quot;&gt;
              &lt;small class=&quot;flow&quot;&gt;&lt;p&gt;&lt;strong&gt;№ 2&lt;/strong&gt; – The &lt;a href=&quot;https://fontreviewjournal.com/untitled-sans/&quot;&gt;Font Review Journal&lt;/a&gt; and the
design notes for &lt;a href=&quot;https://www.fostertype.com/retail-type/blanco#notes&quot;&gt;Blanco&lt;/a&gt;
do this beautifully.&lt;/p&gt;
&lt;/small&gt;
            &lt;/aside&gt;
&lt;p&gt;The typography should have a personality that does not shout over the top of
the content, but is capable of singing to an audience when needed. The
hierarchy should define sections, pauses and guide the reader effortlessly.&lt;/p&gt;
&lt;p&gt;Colour should try not to distract from the content or draw the eye away from
important images, a carefully chosen colour palette can be helpful in telling
the story, but defaulting to neutral themes is sensible.&lt;/p&gt;
&lt;h2 id=&quot;wrapping-up&quot; tabindex=&quot;-1&quot;&gt;Wrapping up&lt;/h2&gt;
&lt;p&gt;Once you get to the end summarise what the most important learnings and
failures were for &lt;em&gt;you&lt;/em&gt; and the team. Remember that design work is never
‘done’, talk about what the next steps are going to be in the future.&lt;/p&gt;
&lt;p&gt;Finally, please, please, link to the work in the wild, if it exists.&lt;/p&gt;
&lt;h2 id=&quot;things-to-remember&quot; tabindex=&quot;-1&quot;&gt;Things to remember&lt;/h2&gt;
&lt;p&gt;Don’t be afraid to show work-in-progress, failed ideas, and other work that you
may not consider to be 100% successful or worthy of sharing publicly. I find
that being honest can show me more about a designer than pixel-perfect imagery,
after all nobody is perfect, and projects rarely go 100% to plan in the real
world. Somebody who can open up is willing to  demonstrate how they handle the
twists and turns that projects can take.&lt;/p&gt;
&lt;p&gt;It’s OK to talk about the things you &lt;em&gt;wish&lt;/em&gt; you did during the project, or
might try next time, this tells me that you learn by mistakes, and constantly
learning.&lt;/p&gt;
&lt;p&gt;It’s OK to take some credit for things that you did not create as a sole
contributor, teamwork is important.&lt;/p&gt;
&lt;p&gt;Don’t skip over ‘invisible work’, after all &lt;a href=&quot;https://daneden.me/blog/2021/thinking-is-work&quot;&gt;thinking is work&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Remember that this is &lt;em&gt;my&lt;/em&gt; opinion of what a good case-study looks like. &lt;strong&gt;If
you’re using this post as guide to get a job please investigate what the
company you’re applying for prefers to see.&lt;/strong&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;h3 id=&quot;resources&quot; tabindex=&quot;-1&quot;&gt;Resources&lt;/h3&gt;
&lt;p&gt;Here are examples of what I think are good case studies:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://www.cristianodalbem.com/ciclomapa/&quot;&gt;CicloMapa – Cristiano Dalbem&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://uxdesign.cc/zara-a-usability-case-study-981b7ca93db8#.mqsxfaduy&quot;&gt;Zara – William Ng&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://bootcamp.uxdesign.cc/case-study-a-group-ordering-feature-for-swiggy-2d73b7b01f1f&quot;&gt;Group ordering – Simran Tank&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.fostertype.com/retail-type/blanco#notes&quot;&gt;Blanco – Dave Foster&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://klim.co.nz/blog/signifier-design-information/&quot;&gt;Signifier – Kris Sowersby&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

      </content>
    </entry>
    <entry>
      <title>My definition of a good MVP</title>
      <link href="https://www.interroban.gg/post/my-definition-of-a-good-mvp/" />
      <updated>2021-05-15T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/my-definition-of-a-good-mvp/</id>
      <summary>An MVP (Minimal Viable Product) is an excellent way to build and launch fast. Once launched you can quickly get feedback from customers and iterate. However I find that sometimes teams lose focus. This is my definition of a good MVP
</summary>
      <content type="html">
        &lt;p&gt;An MVP (Minimal Viable Product) is an excellent way to build and launch fast. Once launched you can quickly get feedback from customers and iterate. However I find that sometimes teams lose focus and fixate on the minimal at the cost of viability, or vice-versa. This is my definition of a good MVP:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;A good MVP is lovable&lt;/li&gt;
&lt;li&gt;A good MVP provides unique value&lt;/li&gt;
&lt;li&gt;A good MVP takes risks&lt;/li&gt;
&lt;li&gt;A good MVP steals good ideas&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;make-it-lovable&quot; tabindex=&quot;-1&quot;&gt;Make it lovable&lt;/h2&gt;
&lt;p&gt;The days of ‘move fast and break things’ is over, customers and communities expect better now. Slapping an interface over a database is minimal, but it will likely cause all sorts of user experience problems. Problems put your viability at risk. Even if you spend an extra week on usability improvements you can lower that risk. MV&amp;amp;LP.&lt;/p&gt;
&lt;h2 id=&quot;demonstrate-the-usp&quot; tabindex=&quot;-1&quot;&gt;Demonstrate the USP&lt;/h2&gt;
&lt;p&gt;Highlight and test the things that make you stand out, not the mundane must-haves, the USP (Unique Selling Point). If your MVP only matches the features of your peers and competitors, they will continue to dominate, they are more mature and bigger than you are. Take advantage of your small size, add useful features no one else has, by the time they can react you’ll have iterated and improved.&lt;/p&gt;
&lt;h2 id=&quot;take-risks&quot; tabindex=&quot;-1&quot;&gt;Take risks&lt;/h2&gt;
&lt;p&gt;An MVP is the perfect opportunity to take risks. Sprinkle in some more interesting or off-the-wall ideas. As long as the foundation is viable, and you have a USP you can also test the waters with ideas you aren’t sure about. In MVP iteration is cheap you’ve got nothing to lose, embrace failing fast, you might find that next big thing.&lt;/p&gt;
&lt;h2 id=&quot;steal-good-ideas&quot; tabindex=&quot;-1&quot;&gt;Steal good ideas&lt;/h2&gt;
&lt;p&gt;It’s unlikely that you’re building something completely unique. If your peers or competitors do something well, take inspiration and cherry-pick the best parts of different offerings.&lt;/p&gt;
&lt;p&gt;It’s also important to avoid focusing on the solved problems in an MVP. For example account creation is a feature almost every product needs. Use common patterns customers recognise. Build quickly, and spend the time you saved reinventing the wheel to build your unique and risky ideas. Get boring features working and viable, optimise later.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Using a notebook as a task manager</title>
      <link href="https://www.interroban.gg/post/using-a-notebook-as-a-task-manager/" />
      <updated>2021-05-02T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/using-a-notebook-as-a-task-manager/</id>
      <summary>I’m sometimes asked which app I use to manage my time, to-dos or plans. My answer is none, for the most part. I use a notebook
</summary>
      <content type="html">
        &lt;p&gt;I’m sometimes asked which app I use to manage my time, to-dos or plans. My
answer is none, for the most part. I use a notebook, a
&lt;a href=&quot;https://www.leuchtturm1917.co.uk/notebook-classic.html&quot;&gt;real paper notebook&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Every morning I sit down at my desk, and turn my notebook to a fresh page. I’ll
then spend 10 minutes copying out calendar events for the day, converting
emails and my drafts inbox into tasks. Depending on the project I’ll login to
whichever project management tool we’re using and copy those tasks too. In
short I roughly follow the &lt;a href=&quot;https://bulletjournal.com/pages/learn&quot;&gt;Bullet Journal&lt;/a&gt;
methodology, combined with the core concepts of GTD (&lt;a href=&quot;https://gettingthingsdone.com/&quot;&gt;Getting Things Done&lt;/a&gt;)
&lt;a href=&quot;https://www.interroban.gg/post/using-a-notebook-as-a-task-manager/#sn-1&quot;&gt;1&lt;/a&gt;. At the risk of hyperbole, adopting both of those will change your
productivity forever.&lt;/p&gt;
&lt;aside id=&quot;sn-1&quot; class=&quot;sidenote&quot;&gt;
              &lt;small class=&quot;flow&quot;&gt;&lt;p&gt;&lt;strong&gt;№ 1&lt;/strong&gt; – One day I will write a post about how I mix these two things together.&lt;/p&gt;
&lt;/small&gt;
            &lt;/aside&gt;
&lt;p&gt;Throughout the day I will check off events and tasks as I complete them, and
jot down notes and updates as I go.&lt;/p&gt;
&lt;p&gt;All that is possible in a half-decent productivity app, like
&lt;a href=&quot;https://culturedcode.com/things/&quot; title=&quot;Things: A suite of productivity apps&quot;&gt;Things&lt;/a&gt;,
but there’s a few reasons why I prefer a notebook.&lt;/p&gt;
&lt;h2 id=&quot;downsides&quot; tabindex=&quot;-1&quot;&gt;Downsides&lt;/h2&gt;
&lt;p&gt;Firstly, before the good stuff. There are downsides to a notebook. Firstly,
paper is wasteful. Despite being recyclable it needs to be produced, packaged,
and shipped before I buy it. I can try to reduce the carbon footprint by buying
from a local manufacturer that prioritises reducing waste, but paper will never
be as environmentally friendly as an app.&lt;/p&gt;
&lt;p&gt;Much like a digital alternative a notebook can be lost or destroyed
accidentally, it’s harder to back-up.&lt;/p&gt;
&lt;p&gt;Unlike an app a notebook is difficult to search. I can make every effort to
keep track of content with an index page, but I will not be able to recall a
page using a single word or name. I tend to make my notebook the start of an
idea rather than it’s final resting place, &lt;a href=&quot;https://www.notion.so/&quot;&gt;Notion&lt;/a&gt; is
my preferred digital archive.&lt;/p&gt;
&lt;p&gt;A notebook is not dynamic, it cannot be programmed to do things automatically,
and I cannot access it when I forget to pick it up.&lt;/p&gt;
&lt;h2 id=&quot;zero-syntax-rules&quot; tabindex=&quot;-1&quot;&gt;Zero-syntax rules&lt;/h2&gt;
&lt;p&gt;Task management and productivity apps will impose a default syntax or structure
to get you started, some are more opinionated that others &lt;a href=&quot;https://www.interroban.gg/post/using-a-notebook-as-a-task-manager/#sn-2&quot;&gt;2&lt;/a&gt;. While they are
easy enough to configure the way you want, there is a learning curve. It can be
difficult to introduce a new syntax or concept, plug-ins exist but those need
to be found, installed, or even written from scratch.&lt;/p&gt;
&lt;aside id=&quot;sn-2&quot; class=&quot;sidenote&quot;&gt;
              &lt;small class=&quot;flow&quot;&gt;&lt;p&gt;&lt;strong&gt;№ 2&lt;/strong&gt; – &lt;a href=&quot;https://getdrafts.com/&quot;&gt;Drafts&lt;/a&gt; Is probably the easiest to extend app in the
space (if you know a bit of javascript), but isn’t focussed on to-do’s.&lt;/p&gt;
&lt;/small&gt;
            &lt;/aside&gt;
&lt;p&gt;With a notebook I can invent, bend, or break a syntax as fast as I can write.
Which means I can get that idea out of my head before it fades away.&lt;/p&gt;
&lt;h2 id=&quot;mixed-media&quot; tabindex=&quot;-1&quot;&gt;Mixed media&lt;/h2&gt;
&lt;p&gt;The flexibility of a notebook allows me to mix my task list with sketches,
appointment cards, tickets, post-it notes, and other ephemera. A few pages can
become a scratchpad, scrapbook, or a mood-board naturally over the course of a
day, and even more detailed with time.&lt;/p&gt;
&lt;p&gt;Digital alternatives tend to be minimal, dedicated to doing one thing well,
which isn’t a complaint but sometimes an all-in-one solution is needed.&lt;/p&gt;
&lt;h2 id=&quot;writing-improves-my-memory&quot; tabindex=&quot;-1&quot;&gt;Writing improves my memory&lt;/h2&gt;
&lt;p&gt;I mentioned above that I copy information out of my digital tools into my
notebook. This seems like a waste of time, but writing something down helps me
to remember it &lt;a href=&quot;https://www.interroban.gg/post/using-a-notebook-as-a-task-manager/#sn-3&quot;&gt;3&lt;/a&gt;. Writing down an event–like a meeting–helps me to combine
the event itself with the things I need to do to prepare for it. For example, I
find it easier to organise myself when I have a to-do to read a document before
a meeting when the two things are listed next to one another.&lt;/p&gt;
&lt;aside id=&quot;sn-3&quot; class=&quot;sidenote&quot;&gt;
              &lt;small class=&quot;flow&quot;&gt;&lt;p&gt;&lt;strong&gt;№ 3&lt;/strong&gt; – There is evidence to prove that I’m not the only one who finds &lt;a href=&quot;https://www.huffingtonpost.com.au/2016/04/21/writing-by-hand-benefits_n_9735384.html&quot;&gt;writing is helpful for memory&lt;/a&gt;.&lt;/p&gt;
&lt;/small&gt;
            &lt;/aside&gt;
&lt;h2 id=&quot;zero-technology&quot; tabindex=&quot;-1&quot;&gt;Zero technology&lt;/h2&gt;
&lt;p&gt;I love and hate technology, it has formed a big part of my life so far, and it
will do for the rest of it. But, it is nice to have a tool that does not have a
screen, requires no internet connection, and is &lt;em&gt;truly&lt;/em&gt; portable.&lt;/p&gt;
&lt;p&gt;I can doodle in a notebook while sitting outside, or flying at 30,000ft and not
have to think about keeping the internet connected. In a meeting the constant
sound of typing can be seen as obnoxious, which is unlikely the case with a
pen.&lt;/p&gt;
&lt;h2 id=&quot;the-emotional-connection&quot; tabindex=&quot;-1&quot;&gt;The emotional connection&lt;/h2&gt;
&lt;p&gt;There is a certain honesty and randomness to paper, which gives me a stronger
emotional connection to it. Using a pen means mistakes must be crossed
out—forming a rudimentary versioning system. I sometimes smudge things with my
hands. My daughter will occasionally scribble on a page, much to my dismay. A
sudden change of pen or legibility means I have hastily taken a note with
little regard for my normal process.&lt;/p&gt;
&lt;p&gt;Occasionally I will pick up an old notebook from the shelf and flick through
it. It’s interesting to see a journey taking place, and to remind myself of my
old ideas and projects. Each book is a snapshot of me and my work at a certain
point in time.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>The Window</title>
      <link href="https://www.interroban.gg/post/the-window/" />
      <updated>2021-01-10T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/the-window/</id>
      <summary>The unexpected emotional impact of a little home screen widget
</summary>
      <content type="html">
        &lt;p&gt;The day my daughter stood up by herself for the first time.&lt;/p&gt;
&lt;p&gt;The day I said my wedding vows.&lt;/p&gt;
&lt;p&gt;Laughs over a round of drinks.&lt;/p&gt;
&lt;p&gt;Days in the sun.&lt;/p&gt;
&lt;p&gt;Days making the best of it.&lt;/p&gt;
&lt;p&gt;My Dad near the end looking frail.&lt;/p&gt;
&lt;p&gt;The latest iOS update brought widgets to our home screens, a trophy that Android has held above the heads of the others for years.&lt;/p&gt;
&lt;p&gt;When I tapped ‘Download and Install’ and waited for that white bar to fill up, I wasn’t expecting to discover The Window.&lt;/p&gt;
&lt;p&gt;The Window is the new Photos widget. It’s a two by two square, that nudges aside four icons on your home-screen. It carefully plucks photos out of your library and frames them—I’m not sure how, but it has a knack for exposing memories. Memories of absolute joy, and memories you’d rather forget sometimes. It’s one of the most profound experiences I’ve ever had while using a digital device, it feels like the ‘magic’ that Apple proudly announces each of its devices somehow contain. It’s the first time in a while that a slab of silicon, glass and aluminium has stretched a huge smile across my face, or brought me close to tears.&lt;/p&gt;
&lt;p&gt;What I can see out The Window doesn’t always stir the emotions that I want or need, especially on the days I need the opposite. That won’t stop me walking by, every day to see what’s through it.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Please remember this feeling</title>
      <link href="https://www.interroban.gg/post/please-remember-this-feeling/" />
      <updated>2020-10-23T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/please-remember-this-feeling/</id>
      <summary>While extroverts are hitting a wall during the pandemic, I feel like I&#39;ve soared straight over it.
</summary>
      <content type="html">
        &lt;p&gt;This &lt;a href=&quot;https://twitter.com/kneath/status/1317165214278717441&quot;&gt;tweet&lt;/a&gt; from Kyle (Thanks &lt;a href=&quot;https://nickcharlton.net/&quot;&gt;Nick&lt;/a&gt;), struck chord with me:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Feels like a lot of extroverts are hitting a wall with the pandemic recently. And I get it. It sucks when the whole world organizes every interaction in a way that emotionally drains you and won’t let you recharge. Please remember this feeling. Signed, An Introvert.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Rather than asking extroverts to “remember this feeling”, I’ll be trying my best to be as supportive as I can to my extroverted friends, family, and co-workers. It feels spiteful to kick extroverts while they are down. But, as an introvert, It has been exciting to see the world that feels tailored for extroverts is starting to change, and a better more introvert-inclusive world is rising. While extroverts are hitting a wall during the pandemic, I feel like I’ve soared straight over it.&lt;/p&gt;
&lt;p&gt;Selfishly, I’ve been loving lockdown. I’d strongly prefer to work remotely from now on – I’m definitely not looking for work, but it’s something that would be a deal-breaker when comparing jobs. I’m super grateful to work for a company that has quickly adapted and committed to &lt;a href=&quot;https://thoughtbot.com/services/level-up-remote&quot;&gt;remote working&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;The lockdown has reduced my anxiety, I’m nowhere near as emotionally or mentally drained by the end of the day. I’m less tired, less grumpy. I’ve been saving lots of money on transport and takeaway lunches, I get to spend much more time with my family which is amazing. I work in a space that I have designed for myself, and people are much more understanding of others personal situations and needs than before.&lt;/p&gt;
&lt;p&gt;Sure, the amount I’ve been exercising has taken a big dive. I’ve had to embrace the fact that my daughter will interrupt calls, and it’s meant rearranging our living space. I miss having the occasional pint with friends at work, and a free lunch on Friday. But I can work on all of that, if it means I get to keep the rest.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Writing daily &amp; weekly project updates</title>
      <link href="https://www.interroban.gg/post/writing-daily-and-weekly-project-updates/" />
      <updated>2020-10-16T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/writing-daily-and-weekly-project-updates/</id>
      <summary>A rationale and method to my daily &amp; weekly project documentation.
</summary>
      <content type="html">
        &lt;p&gt;I’ve been trying something lately to try and improve how I keep track of the
document the progress on projects, without a huge time investment. So I’ve been
writing notes about my day, everyday, and compiling them into a weekly summary.&lt;/p&gt;
&lt;p&gt;Here’s an example:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;**Thoughtbot Website: 12th October 2020**

We spent most of this week improving the CTA performance on the home page CTAs,
and other small visual tweaks:

- Experimented with CTA background colours: [Figma](#)

- Improved the CTA heading line wrapping on smaller devices: [Figma](#)

- Experimented with different CTA layouts: [Figma](#)

...
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;h2 id=&quot;formatting-the-notes&quot; tabindex=&quot;-1&quot;&gt;Formatting the notes&lt;/h2&gt;
&lt;p&gt;Whenever I do something, for example update a screen on a prototype, or open a PR. I make a note:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;Updated home screen CTA for feedback: [InVision](#)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;The link at the end is important, that is the evidence of the task, and an important resource for people looking back on the project – creating a case study is much easier when you have a big list of historical artefacts. So, I try to link to things I know won’t disappear. I commonly link to; Git commits, Figma art-boards, DropBox files, even Slack threads.&lt;/p&gt;
&lt;p&gt;That’s it. By the end of the day I’ll have 4-5 of these bullets, which I’ll then post in Slack as an ‘end of day update’. Which is a positive ritual to finish up a day.&lt;/p&gt;
&lt;h2 id=&quot;the-daily-loop&quot; tabindex=&quot;-1&quot;&gt;The daily loop&lt;/h2&gt;
&lt;p&gt;Before standup I will start a new document; I’ll immediately paste yesterdays notes under the ‘yesterday’ heading, done, that means I don’t have to think about yesterday at all, and gives me a nice summary to read from in the standup.&lt;/p&gt;
&lt;p&gt;After standup I write the tasks that I’m committing to today, as bullets, under the ‘Today’ heading.&lt;/p&gt;
&lt;p&gt;I’ll then post these standup notes in Slack. This creates a history in Slack of daily progress – which is useful for new team members and the client.&lt;/p&gt;
&lt;p&gt;The ‘today’ section of my standup notes then becomes a draft version of that days ‘end of day update’, now all I need to do is add links to these things as I do them.&lt;/p&gt;
&lt;h2 id=&quot;weekly-standup&quot; tabindex=&quot;-1&quot;&gt;Weekly standup&lt;/h2&gt;
&lt;p&gt;At the end of the week I’ll likely have a collection of:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;4-5 standup notes&lt;/li&gt;
&lt;li&gt;4-5 end of day notes&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This might amount to around 20 bullet points with links, each of which have taken 30 seconds or less to write.&lt;/p&gt;
&lt;p&gt;At the end of the week I will then combine all the ‘end of day updates’ into one long list, curate it, and write a short summary. That gets pasted into the notes section of our internal project management tool, then I archive that week. It’s a nice little task to round off a week of work.&lt;/p&gt;
&lt;p&gt;As the project continues the progress and deliverables get incrementally documented, but it all starts with simple bullets points.&lt;/p&gt;
&lt;h2 id=&quot;why-bother%3F&quot; tabindex=&quot;-1&quot;&gt;Why bother?&lt;/h2&gt;
&lt;p&gt;Making these notes helps everyone, in the least it helps me to remember things, and adds structure to my day.&lt;/p&gt;
&lt;p&gt;Taking notes gives my clients a helpful history of the project progress, which is important on remote projects. Task management apps like Trello don’t make it super easy to get an overview of progress, and not everything I do in a day is trackable with a ‘job to be done’ or user story.&lt;/p&gt;
&lt;p&gt;I’ve had experiences in the past in which an unresponsive client will suddenly appear asking what I’ve been doing that day or week. First off that’s a big red flag and should be addressed, but with this system that evidence is easy to provide.&lt;/p&gt;
&lt;p&gt;In the &lt;a href=&quot;https://thoughtbot.com/london&quot;&gt;London studio&lt;/a&gt; recently we had a discussion about what ‘continuous delivery’ looks like, these notes help to visualise and enforce that idea. This system exposes those tasks that would otherwise go unnoticed, as a product designer I do not spend a lot of time deploying code to a server, so it’s good to document the work I do that would otherwise disappear after a while.&lt;/p&gt;
&lt;p&gt;Taking notes helps the project manager to stay up-to-date on the project progress without having to bother the team.&lt;/p&gt;
&lt;p&gt;Taking notes helps our team write case studies and other marketing material. I’ve tried writing case studies based solely on memory and a single Sketch file, it’s hard!&lt;/p&gt;
&lt;p&gt;Taking notes helps the sales team by giving them more information about what we did for our clients. An important part of sales is giving the clients examples of how we have helped others in a similar situation or industry.&lt;/p&gt;
&lt;h2 id=&quot;the-hard-part&quot; tabindex=&quot;-1&quot;&gt;The hard part&lt;/h2&gt;
&lt;p&gt;The hardest part of this for me was getting into the habit of generating those bullet points. After a while it stuck.&lt;/p&gt;
&lt;p&gt;I try to have a short break between my tasks, before I take that break I write a bullet, tying note taking to an event helped. An app called &lt;a href=&quot;https://thoughtbot.com/london&quot;&gt;Streaks&lt;/a&gt; also helped me with the habit, I set it to nudge me a few times a day to write notes, that got annoying quick, I didn’t need as many prompts and turned off the reminders.&lt;/p&gt;
&lt;p&gt;I can’t offer much advice for forming habits, that’s likely something that personal to each person. This way of working would fit into a &lt;a href=&quot;https://gettingthingsdone.com/&quot;&gt;GTD&lt;/a&gt; workflow, and ties in with &lt;a href=&quot;https://bulletjournal.com/pages/learn&quot;&gt;bullet journaling&lt;/a&gt;, or the &lt;a href=&quot;https://en.wikipedia.org/wiki/Pomodoro_Technique&quot;&gt;pomodoro&lt;/a&gt; technique, if you follow those patterns, you’ve likely got a head start on the habit. There are ways of automating this, for example, Basecamp has an ‘Automatic Check-ins’ feature that prompts you every evening to add notes about your day.&lt;/p&gt;
&lt;p&gt;Personally I make all my notes in &lt;a href=&quot;https://getdrafts.com/&quot;&gt;Drafts&lt;/a&gt; and set my todos in a &lt;a href=&quot;https://bulletjournal.com/pages/learn&quot;&gt;bullet journal&lt;/a&gt;. There are many tools out there to help you do both of those things but, this isn’t about tools, there are few things that cannot be done with the default note taking app, on any device. The action itself is the most important part.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>RSS is calm</title>
      <link href="https://www.interroban.gg/post/rss-is-calm/" />
      <updated>2020-10-05T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/rss-is-calm/</id>
      <summary>Going back to RSS has helped me to improve my digital health.
</summary>
      <content type="html">
        &lt;p&gt;I’ve been thinking a bit about how I consume from the web, to improve my digital health. Here’s some things I’ve done recently:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Delete all work stuff from my phone (Slack, Email etc).&lt;/li&gt;
&lt;li&gt;Clean up my social follows, and use &lt;a href=&quot;https://twitterrific.com/ios&quot;&gt;Twitterrific&lt;/a&gt; ‘muffles’ more.&lt;/li&gt;
&lt;li&gt;Use &lt;a href=&quot;https://getdrafts.com/&quot;&gt;Drafts&lt;/a&gt; to record ideas and reminders quickly to avoid context switching and distractions.&lt;/li&gt;
&lt;li&gt;Got back into RSS, subscribing to blogs and sites that I like, but lost track of.&lt;/li&gt;
&lt;li&gt;Move all my email newsletter subscriptions to &lt;a href=&quot;https://feedbin.com/&quot;&gt;Feedbin&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Those last two have been very helpful. RSS has been around forever, it’s usually used for things like blog posts, but it also powers podcasting (another of my favourite internet ecosystems). &lt;a href=&quot;https://laurakalbag.com/how-to-read-rss-in-2020/&quot;&gt;Laura Kalbag&lt;/a&gt; has plenty of advice for getting started, so does &lt;a href=&quot;https://aboutfeeds.com/&quot;&gt;Matt Webb&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;For me, RSS is a great way to control what I consume, I can curate a feed of things I genuinely enjoy reading. There’s no pressure to read things immediately, no comments, no trackers or ads — nobody controls RSS. Most importantly good a RSS reader will format all the content into a minimal, consistent format, it’s all very calm…&lt;/p&gt;
&lt;p&gt;I find RSS especially useful for following high-quality content creators that rarely post, something that’s difficult to keep track of otherwise. I tend not to subscribe to creators that post many times in a single day, as it clutters my feed quickly, which is overwhelming. I work around that by subscribing to email newsletters via RSS, good daily content creators will offer a weekly newsletter that offers a summary rather than a deluge. Feedbin allows you to signup using a special email address, which is a great feature.&lt;/p&gt;
&lt;p&gt;When I stumble on a good article I try and find their RSS feed so that I read more of their work in future, lack of discovery is both a positive and negative part of RSS, it’s also disappointing to find a content creator doesn’t offer a feed at all. After that you can forget about everything until that content creator posts again. The same goes for an interesting looking email newsletter.&lt;/p&gt;
&lt;p&gt;So now I find myself browsing less, and I get fewer emails, but I’m not missing out, my favourite content is ready for me to read whenever I feel like it. It’s a nice activity for a quick Coffee break.&lt;/p&gt;
&lt;p&gt;I subscribe to &lt;a href=&quot;https://feedbin.com/&quot;&gt;Feedbin&lt;/a&gt; for $5 a month, and I read it using &lt;a href=&quot;https://ranchero.com/netnewswire/&quot;&gt;NetNewsWire&lt;/a&gt;, a lightweight, open-source app for Mac and iOS.&lt;/p&gt;
&lt;p&gt;You can see a list of the content creators I subscribe to on the &lt;a href=&quot;https://www.interroban.gg/blogroll&quot;&gt;blogroll page&lt;/a&gt;, it pulls data directly from the Feedbin API, so it will always be up-to-date.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>Bringing the fun back to our screens</title>
      <link href="https://www.interroban.gg/post/bringing-the-fun-back-to-our-screens/" />
      <updated>2020-09-29T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/bringing-the-fun-back-to-our-screens/</id>
      <summary>After the release of iOS 14 people started talking about custom icons again. A little look back at the &#39;old days&#39; of Mac and iPhone customization.
</summary>
      <content type="html">
        &lt;p&gt;I used to spend a lot of time customising how my Home Screen, dock and desktop looked. The obsession was at its height around 2009-2011. I had a jailbroken iPod Touch, then iPhone. CandyBar by Panic had a permanent place on the dock of my iMac. I spent hours upon hours searching for applying and combining themes for Winterboard, at one point I even ported the minimal scroll bars from iOS to Snow Leopard, which meant trawling through thousands of tiny images locked inside the deepest parts of the OS.&lt;/p&gt;
&lt;p&gt;The community was full of people with the same obsession as me, swapping and sharing their own setups. It was lots of fun, and a great example of what the internet should be. A small niche community creating stuff and generally being cool to one another, some highlights include:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://web.archive.org/web/20110820104217/http://macthemes.net/&quot;&gt;MacThemes&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://freeware.iconfactory.com/icons&quot;&gt;Icon Factory&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.maxrudberg.com/themes.html&quot;&gt;Max Rudberg&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://louie.world/icons/&quot;&gt;Louie Mantia&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Unfortunately, and slowly the scene started to slow down. Mac OS X theming became next to impossible after new security features arrived. iOS 7 killed skeuomorphism, jailbreaking became harder and meant staying behind on old version to wait out the next breakthrough. And, honestly I lost interest. It was a lot of fun, and something I think back on warmly. I still tinker with my setup in more practical ways, mostly my development environment.&lt;/p&gt;
&lt;p&gt;I started reminiscing about all this after seeing how the introduction of widgets in iOS 14 has spawned a whole new generation of people having fun with their home screens. Louie Mantia also started &lt;a href=&quot;https://twitter.com/Mantia/status/1307399036563931138/photo/1&quot;&gt;tweeting&lt;/a&gt; &lt;a href=&quot;https://twitter.com/Mantia/status/1308065669997449216/photo/1&quot;&gt;screenshots of the ‘old days’&lt;/a&gt;. It’s been a lovely trip down memory lane, and great to see.&lt;/p&gt;

      </content>
    </entry>
    <entry>
      <title>IKEA Bekant Standing Desk: Personal Review</title>
      <link href="https://www.interroban.gg/post/ikea-bekant-standing-desk-review/" />
      <updated>2020-09-21T00:00:00Z</updated>
      <id>https://www.interroban.gg/post/ikea-bekant-standing-desk-review/</id>
      <summary>My first impressions of the IKEA Bekant sit-stand desk.
</summary>
      <content type="html">
        &lt;p&gt;Since the lockdown, all of us at &lt;a href=&quot;https://thoughtbot.com/&quot;&gt;thoughtbot&lt;/a&gt; have been working from home. I took the opportunity to upgrade my home setup. The biggest change was a new desk.&lt;/p&gt;
&lt;p&gt;I’ve wanted a sit-stand desk for a long time, this gave the perfect oppurtunity to try one. I settled on the &lt;a href=&quot;https://www.ikea.com/gb/en/p/bekant-desk-sit-stand-oak-veneer-white-s09061188/&quot;&gt;IKEA Bekant&lt;/a&gt;, it’s a good price, has the features I want and is nice looking.&lt;/p&gt;
&lt;h2 id=&quot;posture&quot; tabindex=&quot;-1&quot;&gt;Posture&lt;/h2&gt;
&lt;p&gt;I can micro-adjust it a tad higher than comfortable for slouching, meaning I have to stand or sit straight. At first this gave me backache, presumably because I was using different muscles for a proper posture, That went away after around a week.&lt;/p&gt;
&lt;h2 id=&quot;fatigue-%26-focus&quot; tabindex=&quot;-1&quot;&gt;Fatigue &amp;amp; Focus&lt;/h2&gt;
&lt;p&gt;I don’t feel as fatigued at the end of my day, compared with solely sitting. I now always stand for calls, I find that I concentrate and engage more when I do. I try to do 50:50 sitting/standing throughout the day.&lt;/p&gt;
&lt;h2 id=&quot;size-%26-shape&quot; tabindex=&quot;-1&quot;&gt;Size &amp;amp; Shape&lt;/h2&gt;
&lt;p&gt;I bought the smaller version of the Bekant (120x80cm), the desktop is deeper than my old one but a shorter length. The depth is good for me as my forearms are long, keeping my elbows at my side and rested on a keyboard leaves plenty of space for the screen behind, plus an open notebook – which was a struggle with my old desk. The area is good for me, but I have very little on my desk – a Screen, my MacBook, Keyboard, Plants. There is a longer version available.&lt;/p&gt;
&lt;h2 id=&quot;cable-management&quot; tabindex=&quot;-1&quot;&gt;Cable Management&lt;/h2&gt;
&lt;p&gt;The cable management is easy the desk has a elasticated netting to hold cables. I bought a long extension cable (6 gang) and tucked it underneath. Then plugged the desk itself and everything else into that, meaning there’s a single cable coming from the desk – which is great, both aesthetically and with a toddler nearby. The storage is cramped holding the extension lead, MacBook power block, desk power block, screen plug, lamp plug and the extra cable slack in it, it’s full, if you’ve got a lot to plug in, You’ll need something else to manage extra cables.&lt;/p&gt;
&lt;h2 id=&quot;other-observations&quot; tabindex=&quot;-1&quot;&gt;Other observations&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;The key is useful with a toddler around!&lt;/li&gt;
&lt;li&gt;The desk edge is rounded, it doesn’t dig in to your arms.&lt;/li&gt;
&lt;li&gt;The legs are minimal adding to the space underneath the desk.&lt;/li&gt;
&lt;li&gt;The 10-year guarantee seems generous to me.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Overall, I’m happy with it. I would struggle to go back to a normal desk now.&lt;/p&gt;

      </content>
    </entry>
</feed>
