<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Chris How on Medium]]></title>
        <description><![CDATA[Stories by Chris How on Medium]]></description>
        <link>https://medium.com/@chrishow101?source=rss-9ce65c89c39c------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*ms2y_kdVbrDWQZS3zO9wDQ.png</url>
            <title>Stories by Chris How on Medium</title>
            <link>https://medium.com/@chrishow101?source=rss-9ce65c89c39c------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 19:29:57 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@chrishow101/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[Yippee IA: Six principles for creating a successful information architecture]]></title>
            <link>https://uxdesign.cc/yippee-ia-six-principles-for-creating-a-successful-information-architecture-e4ceea39673c?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/e4ceea39673c</guid>
            <category><![CDATA[information-architecture]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[ux-writing]]></category>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[ux-design]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Thu, 21 May 2026 01:15:30 GMT</pubDate>
            <atom:updated>2026-05-21T01:15:30.342Z</atom:updated>
            <cc:license>https://creativecommons.org/licenses/by-nc-nd/4.0/</cc:license>
            <content:encoded><![CDATA[<h4>People do two things online. They are either consuming content or navigating to it.</h4><p>You want people to spend more time engaging with your content and less time struggling to find it. A great information architecture (IA) tells a story, creates flow, and aids discovery for the people using your products or services.</p><figure><img alt="A woman is looking at a map in front of a wayfinding sign with points to three directions: this way, that way, somewhere else." src="https://cdn-images-1.medium.com/max/1024/1*VfXBMkXqTKLztjCjnQglGg.jpeg" /><figcaption>Is this how users feel when navigating your website?</figcaption></figure><h3>What do your users say about finding your content?</h3><p>Here are some things I’ve repeatedly heard (or close variations of) in usability testing sessions.</p><p><em>“I can’t buy a product I can’t find on the site … it feels like to find anything I have to get my treasure map out.”</em></p><p>This is the moment the product team observing the session hit their heads on the desk or scream. A poor information architecture leads to a drop in sales.</p><p><em>“I’m not sure how I got here. I’m just going round in circles. I can’t find what I want to find. Perhaps it doesn’t exist.”</em></p><p>You’ve put effort into creating the content, but if it can’t be found, however well-written and designed it is, that effort is all in vain. Publishing content is not the measure of success; a user who consumes and acts on it is.</p><p>And from stakeholder interviews …</p><p><em>“When I need to find something on our website, I just use Google. I have no idea how our consumers find anything.”</em></p><p>How can you expect users to navigate your website when your colleagues who know the content exists find it an impossible task?</p><p>If you’re hearing similar things from your users and colleagues, then it’s time to take a hard, critical look at your information architecture.</p><p>Over the years of helping organisations improve the findability of their content, I’ve whittled down long checklists and many thoughts on information architecture to six key principles. They act as my guide for critiquing and creating a successful site structure.</p><h3>Principles to shape your information architecture</h3><p><strong>1. The names and sequence of global navigation terms will determine the proposition, personality and story you are communicating.</strong></p><p>What’s the story your primary navigation tells about your website? What’s your invitation and offer to the site visitor? What journeys into the site are you surfacing as the most useful for visitors?</p><p><strong>2. Organise content around the key tasks of the intended audience and the way they think about and structure the information.</strong></p><p>Why do users visit your website? What are their goals and tasks? What makes for a successful visit? Are the answers to these questions reflected in your navigation?</p><p><strong>3. Restrict the number of choices in the primary navigation to create small, confident guided steps; a wealth of information creates a poverty of attention.</strong></p><p>How many choices are you showing? How hard are the edges between the labels used? What can you prune to stop overwhelming users with a paradox of choice?</p><p><strong>4. Having content found and consumed is more important than being represented in the global navigation.</strong></p><p>What pages in the site structure are given prominence because they’re someone’s pet project? Which pages break the website’s organisational logic? What looks like it doesn’t belong where it sits?</p><p><strong>5. Labels should be short, meaningful and consistent; use terms the audience understand, expressed in the way they speak.</strong></p><p>When you listen to users, what words do they use? What labels do you have that use internal product names and organisational jargon? Where do you go to regularly listen to your users’ language?</p><p>Online forums, your call centre and service desks, shadowing your frontline and customer-facing staff, are all great places to discover the language your audience uses. A colleague of mine, <a href="https://clearleft.com/about/team/ellen-de-vries">Ellen de Vries</a>, refers to this as ‘content harvesting’.</p><p><strong>6. Create flow into, around and across a website by establishing and reusing organisational metaphors in a consistent manner.</strong></p><p>What are the entities you use (e.g. a person, a place, an object, a thing) across your website? How do you connect them together? Where’s the list of entities saved, and how’s it shared across your organisation?</p><h3>Taking a first step toward an improved information architecture</h3><p>Your information architecture should be treated as a product rather than a project. It requires ongoing review to keep it optimised.</p><p>Take a look at my <a href="https://medium.com/clear-left-thinking/give-your-information-architecture-ia-a-three-point-checkup-bcfc6416d8dd">three-point check-up</a> to spot the tell-tale signs that your information architecture needs attention before it becomes really broken.</p><p>We ask for two precious and finite things from site visitors: their time and their attention. Your information architecture should be designed and refined to help users spend more time at the destination and less time on the journey.</p><p><em>This article was originally published on the Clearleft website:</em></p><p><a href="https://clearleft.com/thinking/yippee-ia-six-principles-for-creating-a-successful-information-architecture">https://clearleft.com/thinking/yippee-ia-six-principles-for-creating-a-successful-information-architecture</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e4ceea39673c" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/yippee-ia-six-principles-for-creating-a-successful-information-architecture-e4ceea39673c">Yippee IA: Six principles for creating a successful information architecture</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Putting the ink into design thinking]]></title>
            <link>https://uxdesign.cc/putting-the-ink-into-design-thinking-f8f461beaac1?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/f8f461beaac1</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[design-thinking]]></category>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[product-design]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Thu, 13 Feb 2025 12:23:09 GMT</pubDate>
            <atom:updated>2025-02-13T12:23:09.423Z</atom:updated>
            <cc:license>https://creativecommons.org/licenses/by-nc/4.0/</cc:license>
            <content:encoded><![CDATA[<p>Let’s start with a thought experiment. I’m going to give you a single word and let’s see what comes to your mind. Don’t overthink it. It’s not a trick. There are no prizes. No winners or losers. Just let your mind conjure up a picture in response to this word . . .</p><p>MAGNUM</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*yivk2H2FkuJr83qE0LnULg.jpeg" /><figcaption>Here’s one I prepared earlier.</figcaption></figure><p>Having run this activity in workshops and training courses over the years, I’m confident there’ll be some mental images of chocolate-smothered ice cream, a few Clint Eastwoods in Dirty Harry, maybe the legendary photo agency, a Tom Selleck or two, or an oversized bottle of champagne. There are lots of ways to interpret and visualise this single word.</p><p>It’s a good demonstration of what happens in most meetings. Everyone nods and agrees and leaves happy, thinking their Magnum is the one everyone sees and agrees with. Disappointment and disagreement are postponed for another day.</p><p>Somewhat perversely, many people host meetings so they don’t have to make a firm decision. They encourage people to talk in the abstract without anyone having to commit.</p><p>As designers, our skill is in taking the abstract and making it real. It’s good to create something everyone can look at and have a shared conversation around. Being able to go from 0 to 1 at speed is a form of alchemy (and we can repeat this trick when what we show needs changing).</p><figure><img alt="Two designers sitting on a table, both drawing on paper with pens." src="https://cdn-images-1.medium.com/max/1024/1*8mhM_48p1xMzzr8r8_cgbw.jpeg" /><figcaption>Exploring ideas by making a mark.</figcaption></figure><p>We turn our thinking into sketches, scamps, wireframes, prototypes, and high-fidelity designs. We lower risk, save money and speed up project delivery by communicating ideas that facilitate more meaningful discussions. As a designer, don’t go to a meeting without one or two visuals to focus the conversation around.</p><h3>Be selective. Not everything in every fidelity.</h3><p>In design projects, I’ve noticed a tendency for folk to fall into the trap of stepping through the fidelity of the designs in a linear fashion. Some rounds of 6-ups then become sketches for pages before being tidied up into wireframes and passed into Figma. But you don’t always need every step for every page.</p><p>A colleague of mine has a phrase I really like: “We’re designing websites for users, not pictures of websites for users”. It’s a useful reminder that the digital design process has an end goal, and our efforts should be targeted at getting useful solutions into the hands of the user as soon as possible. In the wise words of designer Brenda Laurel: “Design isn’t finished until someone’s using it”.</p><p>The following three questions are helpful when working out what to create and what’s the right fidelity at the right time.</p><h3>1. What’s the quickest, cheapest thing I can create to help make the next design decision?</h3><p>Your visual output should be steered by the problem you’re trying to solve and the people you need input from. The work you create should help you explore the challenge at hand. At the early stages of a project, I generally find exploring concepts more important than the execution of the artefact. Even more so when I can show and talk through the ideas.</p><p>I’m always looking to do less where I can. The time I save can then be invested where it’ll have the most impact or where the design challenge is the trickiest.</p><p>I sketch on paper when I need to think freely, flesh out unusual ideas, or generate a wide range of possibilities. When I need to add finesse, polish and personality, I tend to work in high fidelity. But not always. If a developer can work from a sketch on a napkin or an ordered pile of post-it® notes then this is as far as I’ll take my design work.</p><p>Low fidelity doesn’t mean shallow thinking. In fact, the opposite. The best way to arrive at the concepts, metaphors, and models that will drive any design work is to do it early in a project and through many iterations and critical reviews.</p><figure><img alt="Two people are looking at and discussing a sketch on a whiteboard." src="https://cdn-images-1.medium.com/max/1024/1*8JPKVmwAesz1DhGR1ECCfA.jpeg" /><figcaption>Talking and drawing around a whiteboard.</figcaption></figure><p>You’re answering different questions with different mediums. In one complex project working with a travel company, a whiteboard was the perfect canvas to start investigating ideas. Working in a team in a shared space helped unblock inertia. The whiteboard forced conversation and collaboration, and whiteboard pens excel at preventing any chance of drawing in fine detail.</p><p>Most importantly, in this project, the next design decisions were made by people in the room who could congregate around the whiteboard.</p><h3>2. What can I create to best demonstrate the essence of the concept?</h3><p>It’s easy for interesting ideas to get lost in the backlog or to be considered only at the end of a project if there’s any time left. Creating micro demos throughout a project helps avoid this.</p><p>These small proofs of concept don’t have to be digital. It’s amazing what you can mock up with paper, pens and basic craft equipment. You don’t have to wait until you’ve figured out the entire end-to-end journey. Better to create demos for parts of the product as you go along.</p><p>As designers, we can over-fixate on the precision of execution to the detriment of the thinking behind the design. With a demo for a concept, it’s useful to remind yourself you’re not showing the proposed design; you’re showing your ideas that may (or may not) edge toward being the delivered design.</p><p>Performance, accessibility, browser compatibility, alignment with brand guidelines, considered typography, and beautiful touches of design delight are all important, but not yet. At this stage, it’s perfectly okay for your demo to be bootstrapped together with poor code and held together with sticky tape. Test out your ideas with something tactile and throwaway while you have the time and space in a project.</p><figure><img alt="A design idea is being demonstrated on a mobile phone screen." src="https://cdn-images-1.medium.com/max/1024/1*kaTjipEFCmNH6LO-gaiGMg.jpeg" /><figcaption>A micro demo to show early ideas for a complex interaction pattern.</figcaption></figure><p>I worked on a project with an intricate checkout flow with layers of conditional logic. Designing small discreet demos to pilot novel interaction ideas helped evaluate and develop our potential solutions. In this case, getting a feel for how something behaved in a browser was the fastest way to try and share new ideas without becoming too attached and committed to any of them.</p><h3>3. How can I most effectively share the thinking behind the design with decision-makers?</h3><p>Until you get into the final phases of delivery, the thinking behind the design is more important than how it looks. Early design sketches are ways of expressing your thinking. The success of your sketches is in helping whoever’s looking at them more easily imagine the final product.</p><p>In communicating the thinking behind the designs, I’ll take time to identify who needs to make what decisions and what will help them to do so.</p><p>In most projects, you use a variety of channels and formats to share your work in progress. The trick is to use the best channel for the decisions you want made and the situation of the decision-makers. To do this, I start by answering some questions:</p><ul><li>Who is the decision-maker, and what do they need to make a confident decision?</li><li>Is the conversation going to be synchronous or asynchronous? If there’s a choice, what’s my preference?</li><li>What’s the perceived size and implication of the decision being made?</li><li>What type of feedback am I looking for? A firm agreement or a nod to indicate that I’m moving in the right direction?</li><li>How familiar are people with the challenge, and how much context is required?</li></ul><p>Your job is to make it easy for the decision-makers to arrive at a timely, informed, and confident conclusion on how to progress.</p><figure><img alt="A screengrab of a video with a wireframe for a webpage and a person’s face talking about the design." src="https://cdn-images-1.medium.com/max/1024/1*cIGRPqcAnDJdTbSuwRAKKw.jpeg" /><figcaption>Using Loom to talk through some early design ideas.</figcaption></figure><p>I’m a big fan of using screen recordings to show work early to get feedback on ideas. They’re quick to produce, easy to distribute, and for the viewer, they are convenient to watch when they have the time and space to do so.</p><p>Showing the work and simultaneously sharing the thinking behind it is a potent combination. This approach is especially useful when the design ideas are more radical and when decision-makers benefit from having more time to reflect on and consider the proposed approaches.</p><p>I’ve found that keeping videos short and focused on a single design decision is most effective. The recordings don’t need to be Hollywood blockbusters. However, like all good stories, they need to have a beginning, middle, and end. Avoid a tour through the interface. Instead, highlight the problem you’re trying to solve and explain why and how your proposed ideas provide an interesting and impactful solution.</p><h3>Putting the ink into design thinking</h3><p>Design can make the abstract concrete. It allows us to play around with and stress-test new ideas. Design enables us to explore possible futures and then bring them to life.</p><p>In articulating ideas, look to create just enough to express an idea, to spark a better conversation, and to rapidly investigate alternative (and hopefully radical) options.</p><p>I like to think about my work as being a step on the road to confident decision-making. Most of my work is a set of disposables rather than deliverables, and I celebrate this. The value is in the depth of thinking and clarity of communication that comes from creating visuals to share. That’s more important than the quality of the marks on the page.</p><p><em>This article was originally published on the Clearleft website: </em><a href="https://clearleft.com/thinking/putting-the-ink-into-design-thinking">https://clearleft.com/thinking/putting-the-ink-into-design-thinking</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f8f461beaac1" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/putting-the-ink-into-design-thinking-f8f461beaac1">Putting the ink into design thinking</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Is the planet the missing member of your project team?]]></title>
            <link>https://uxdesign.cc/is-the-planet-the-missing-member-of-your-project-team-e7fc6e3aae77?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/e7fc6e3aae77</guid>
            <category><![CDATA[design-thinking]]></category>
            <category><![CDATA[sustainable-design]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[editor-picks]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Tue, 14 May 2024 20:12:00 GMT</pubDate>
            <atom:updated>2024-05-14T22:59:18.061Z</atom:updated>
            <cc:license>https://creativecommons.org/licenses/by-nc/4.0/</cc:license>
            <content:encoded><![CDATA[<h4>The internet has a dirty secret.</h4><p>The internet is killing the planet. We’ve designed a ferocious energy-consuming monster.</p><p>The statistics are sobering:</p><ul><li>If the internet were a country, it would be the sixth most polluting country in the world, with annual emissions similar to those of Germany¹.</li><li>Communication technology will probably use 14% of global electricity by 2040, up from just under 4% in 2020².</li><li>A single request to ChatGPT can consume 100 times more energy than one Google search according to Sam Altman, CEO, OpenAI³.</li></ul><p>It’s easy to feel helpless and overwhelmed in the shadow of such catastrophic facts. The problem is hard to ignore, and it’s difficult to know what to do that might have a positive impact.</p><p>Here are five ideas to design with the environment in mind. They might be small steps, but many small steps can soon add up to a significant change.</p><h3>Make the planet one of your stakeholders</h3><p>Deciding the planet’s role provokes an environmental conversation at the project’s outset.</p><p>We start projects by bringing practitioners and stakeholders together for a kick-off workshop. This session ensures we have a common understanding of the work ahead.</p><p>One of the activities in this workshop is to agree on a project RACI. We list who is responsible, accountable, consulted, and informed within the project. It’s a simple exercise but the clarity is useful for identifying what expertise and input we should seek from the named individuals.</p><p>Having the planet be a proactive partner in your project ensures its needs are considered.</p><p>If the planet is to be consulted, get someone to act as a proxy for Mother Earth. Then the project team can interview them or email them a set of questions as they would other subject matter experts.</p><p>If the planet is to be informed, consider what updates to include in your project communications. Adding a placeholder slide to your playback deck, having a hashtag for messages in Teams or Slack, or including a recurring agenda item in steering committee meetings all help to keep the dialogue ongoing and front of mind.</p><figure><img alt="A photograph of Earth taken from the International Space Station. It shows a vast expanse of blue sea and cloud cover." src="https://cdn-images-1.medium.com/max/1024/1*L_XB7_iucXe7mcR8N9T2Mg.jpeg" /><figcaption><em>Earth Observation taken during a day pass by the Expedition 40 crew aboard the International Space Station (ISS). Image from Nasa’s image and video library (iss040e074785).</em></figcaption></figure><h3>Design with the planet as a user</h3><p>Be intentional in giving the planet a voice within your design and innovation process.</p><p>Successful digital products come from meeting the needs of your users. A deep understanding of their goals, tasks and context enables design teams to create usable, engaging and elegant solutions.</p><p>When based on research, personas are a useful tool to help a digital team walk in the shoes of the intended users.</p><p>Most products and services have multiple personas representing a range of audiences and their needs. To help make greener digital design decisions, you could add their environmental attitudes and needs to each of your personas.</p><p>You could even go one step further and have the planet as a discreet persona within your set of audiences. This approach becomes a powerful statement of the importance you place on your environmental commitment.</p><p>Why stop at personas? When you document product requirements, give the planet a voice within your design process. User needs, user stories, and user requirements specification documents all offer the opportunity to hear from the planet.</p><h3>Set a climate budget for your digital products</h3><p>‘Successful societies and institutions recognise the need to record their history’. This is a mantra that guides the open-source HTTP archive. Its regular <a href="https://httparchive.org/reports/state-of-the-web">state of the web report</a> shows a continuing fight between code optimisation and webpage bloat. The latter has the upper hand.</p><p>In March 2014, the median page weight for desktop webpages was 1.08MB. Jump forward five years to March 2019 and it increases to 1.82MB. Moving forward to March 2024 the median size of a desktop webpage is 2.56MB with mobile pages rapidly catching up at 2.27MB.</p><p>As webpages grow bigger they become ever greedier in their need to consume energy.</p><figure><img alt="Line chart showing the median page weight over time. The chart shows page weight growing from 0.51MB on desktop and 0.14MB on mobile on May 16th 2011, to 2.56MB on desktop and 2.27MB on mobile on March 1st 2024." src="https://cdn-images-1.medium.com/max/1024/1*fG3vL5njGlm1ZAX34YuuUA.png" /><figcaption><em>Time series of total kilobytes from the page weight report from httparchive.org/reports/page-weight</em></figcaption></figure><p>What’s the climate budget for your website and individual web pages? Setting figures ahead of projects helps to guide the work to achieve a smaller carbon footprint.</p><p>Page weight is the responsibility of the whole digital team. Everyone’s input is needed. What content can you remove? Do you need the purely decorative images? Can you cut the duration time from your videos? Can you eliminate redundant steps in a process? Can you remove unnecessary pages? How can you refactor to reduce repetitive code?</p><p>Development decisions, visual design choices, content approach, and product strategy all contribute to the environmental impact of your website.</p><p>Creativity and low-impact websites aren’t mutually exclusive. Increased energy consumption and a greener web are.</p><h3>Invite the planet to your design critiques and code reviews</h3><p>Better products are created when you show work early and often and ask for input from colleagues and collaborators.</p><p>You want to invite people to your critiques who ask probing questions. It’s even better if the mix of expertise spans different disciplines and encompasses a range of viewpoints. After all, no one person can know everything.</p><p>A great critique forces you to articulate your work and the thinking behind it. They provide a moment to take a step back to check your outputs meet your intended outcomes. They give the space to have the work challenged by critical friends with the collective aim of improving the product.</p><p>To design with the environment in mind, invite the planet to be an active voice in your product feedback sessions. Give one person the explicit role of representing the planet in your reviews. Get them to ask questions about product decisions through the lens of the impact on the environment.</p><p>This will initially seem odd but trust me the awkwardness soon goes. This role-play has a bonus. By switching the person representing the planet you quickly broaden your colleagues’ and organisation’s knowledge and empathy for sustainable design matters.</p><h3>Measure the impact of your work</h3><p>Contrails left in the wake of aeroplanes, smoke billowing from factory chimneys, the shimmer of heat and the smell of vehicle exhaust fumes on motorways. These all give a visceral sense of industries with a green challenge.</p><p>The impact of the internet is less obvious to our senses. The glow from the screen belies a catalogue of energy consumption needed to serve a webpage, from the hosting and transmission of data to the cooling of heat-spewing data centres and server farms. Much of the power needed is still being generated by dirty energy. The enormity of the problem is in the scale of usage with a predicted 30.9 billion (and growing) number of internet-enabled devices in the world by 20254.</p><p>Tackling your carbon footprint starts by making the invisible more visible.</p><p>Audit your digital footprint to see what changes you can make. Review your website to see where reducing the code base, removing unnecessary plug-ins, optimising file sizes and simplifying the information architecture can increase both your sustainability and page performance. The <a href="https://www.websitecarbon.com/">web carbon calculator</a>, <a href="https://digitalbeacon.co/">Digital Beacon</a> and <a href="https://ecograder.com/">Ecograder</a> are free-to-use services useful for an initial evaluation.</p><figure><img alt="A webpage from BBC’s Future Planet with data on travel emissions for reporting the story and the estimated carbon count for viewing the webpage." src="https://cdn-images-1.medium.com/max/1024/1*lRlNu-ZcWPT9L_HEtVy4Hw.png" /><figcaption><em>BBC Future Planet makes visible the carbon cost of creating an article and viewing the webpage.</em></figcaption></figure><p><a href="https://adactio.com/journal/20646">Take a look at your hosting solution</a> and where their energy is coming from. The Green Web Foundation has a growing <a href="https://www.thegreenwebfoundation.org/tools/directory/">open directory of green hosting providers</a> to make switching to cleaner options easier to find.</p><p>Alternatively, take a more radical approach like <a href="https://solar.lowtechmagazine.com/">low-tech magazine</a> which is entirely solar-powered. No sun, no website. Or <a href="https://branch.climateaction.tech/">branch magazine</a> whose design changes based on the quantity of fossil fuels on the grid to always stay inside a carbon budget.</p><figure><img alt="Homepage from Low-Tech magazine with its strapline ‘This is a solar-powered website, which means it sometimes goes offline’." src="https://cdn-images-1.medium.com/max/1024/1*Z1uUuWedHMOY_OFMO-ZM_A.jpeg" /></figure><p>Make your commitment visible to give it the focus it requires. Set targets based on where you are and where you want to get to in what timeframe.</p><p>Making your digital output more sustainable is an ongoing initiative not a one-off project. Measure, implement changes and share your progress. Rinse and repeat.</p><h3>How do you ensure the planet gets a voice in your digital product decisions?</h3><p>The tips in this article won’t save the planet. They will help get your teams to consider their work’s environmental impact and find ways to design sustainability into your digital products.</p><p>Let me know how you design with the environment in mind. What practical advice would you suggest? How do you put the planet into your project teams?</p><h3>References</h3><p>1. How to stop data centres from gobbling up the world’s electricity. Nature Journal. <a href="https://www.nature.com/articles/d41586-018-06610-y">https://www.nature.com/articles/d41586-018-06610-y</a></p><p>2. Assessing ICT global emissions footprint: Trends to 2040 &amp; recommendations. Journal of Cleaner Production.<br><a href="https://www.sciencedirect.com/science/article/abs/pii/S095965261733233X">https://www.sciencedirect.com/science/article/abs/pii/S095965261733233X</a></p><p>3. AI’s Growing Carbon Footprint. Columbia’s Climate School. <a href="https://news.climate.columbia.edu/2023/06/09/ais-growing-carbon-footprint/">https://news.climate.columbia.edu/2023/06/09/ais-growing-carbon-footprint/</a></p><p>4. IoT and non-IoT connections worldwide 2010–2025.<br><a href="https://www.statista.com/statistics/1101442/iot-number-of-connected-devices-worldwide/">https://www.statista.com/statistics/1101442/iot-number-of-connected-devices-worldwide/</a></p><p><em>This article was originally published on the Clearleft website: </em><a href="https://clearleft.com/thinking/is-the-planet-the-missing-member-of-your-project-team"><em>https://clearleft.com/thinking/is-the-planet-the-missing-member-of-your-project-team</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e7fc6e3aae77" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/is-the-planet-the-missing-member-of-your-project-team-e7fc6e3aae77">Is the planet the missing member of your project team?</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[When planning a workshop start with the stops]]></title>
            <link>https://uxdesign.cc/when-planning-a-workshop-start-with-the-stops-86b719b0e768?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/86b719b0e768</guid>
            <category><![CDATA[design-thinking]]></category>
            <category><![CDATA[workshop-facilitation]]></category>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[design-workshop]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Thu, 05 Oct 2023 17:18:40 GMT</pubDate>
            <atom:updated>2023-10-05T20:51:19.188Z</atom:updated>
            <cc:license>https://creativecommons.org/licenses/by-nc/4.0/</cc:license>
            <content:encoded><![CDATA[<p>Being an active participant in a workshop is hard. Whether you’re being asked for divergent ideation or convergent decision-making. As a facilitator your role is to design the workshop to reach the intended outcomes.</p><p>When planning a workshop I start with the stops. Once I know the duration of the workshop I begin by plotting out the breaks before thinking about activities. It gives me a framework to help participants to stay attentive and engaged.</p><p>Post-it® notes, either paper or digital, are the perfect tool for workshop planning. Tactile and easily moveable. Small enough to keep your words concise. Visual to give a spatial representation of your session. My approach is to work horizontally to give myself a timeline for the session, add in the breaks, and only then fit the activities into the gaps.</p><figure><img alt="A horizontal row of Post-it® notes in between timed activities is one with ‘time for a 15 minute break’ written on it." src="https://cdn-images-1.medium.com/max/1024/1*6mgoBJRB7JyFlka-fXYOpg.png" /></figure><h3>How many breaks and how long?</h3><p>We can look for guidance from other people who ask for time and attention.</p><p>There’s an adage in the theatre referred to as the Broadway Bladder. It states audiences have a need to urinate every 75 minutes. It’s a rule of thumb used by playwrights for the placement of intermissions.</p><p>Alfred Hitchcock kept his movies concise. He advised fellow directors “the length of a film should be directly related to the endurance of the human bladder”.</p><p>The Pomodoro technique for productive time management developed by Francesco Cirillo splits tasks into repeated periods of 25-minutes of focussed activity followed by a 5-minute break.</p><p>I have a simple scale as my starting point for workshop breaks.</p><ul><li>Don’t go more than an hour in a workshop without having a break.</li><li>For a 90 minute workshop I’d have at least one 15 minute break.</li><li>For a three hour workshop I’d have a half-time stop for 20 minutes and at least a couple of 10 minute breaks.</li><li>For a day-long workshop I’d start with lunch for at least 45 minutes, then have a 15 minute break in the morning and a couple of 15 minute stops through the afternoon.</li></ul><p>Now these timings are a guide. They are compounded by context. The time of day, the day of the week, what else attendees have on that week; all have an impact on how you design your session. If you have to host a workshop last thing on a Friday afternoon, and who doesn’t love hosting or attending a project-critical session at this time, then you may wish to either make the session shorter, or make the breaks more generous.</p><p>Let people know when the breaks will be coming. Set expectations at the start of the session and as you approach each break. They shouldn’t come as a surprise.</p><p>The longer the workshop, the more I’d also look at varying the cadence, format and duration of activities. Variety definitely helps to keep attendees fresh and focussed.</p><h3>Does it change if you are running the sessions remotely?</h3><p>Being on screen requires more stamina from your attendees. Staring into the glowing screen for extended periods of time is hard work. Some people make it even harder on themselves by getting distracted with pop-up notifications and the need to reply to that oh-so urgent message (and yes, as a facilitator we can tell).</p><p>How much time do you need for a short break? To find out, go time yourself. Start your stopwatch and go boil the kettle and make a cuppa or brew an aeropress of coffee. Then fit in a trip to the toilet. Now add in a quick check on messages. If your planned breaks are under the time on your stopwatch then you aren’t allowing your attendees the time to comfortably take a break.</p><p>When designing your workshop plan for movement and getting away from the screen.</p><p>For online workshops I like to get attendees to take a photo of what refreshments they’re drinking and add them to the workshop whiteboard. The gallery of uploaded images provides both a collective talking point and a subtle nudge to step away from the screen.</p><p>Likewise for longer workshops, especially if they span a lunch break, ask attendees to take and share a photo of something outside. Keep it simple, something in their neighbourhood or even the clouds where they are. Being outdoors and looking at scenes of nature is the basis of attention restoration theory. Even when done for a short moment you’ll find your participants’ concentration will increase.</p><h3>Breaks get you better results</h3><p>As a facilitator and workshop host your aim is to get the most from the time you have with your participants. You are looking to create a positive experience where people feel energised rather than exhausted.</p><p>Successful workshops help participants to focus. They are purposefully designed to give attendees the space to explore, debate and create.</p><p>Make the most of the time you have with workshop attendees by starting with the breaks.</p><p><em>This article was originally published on the Clearleft website: </em><a href="https://clearleft.com/thinking/when-planning-a-workshop-start-with-the-stops"><em>https://clearleft.com/thinking/when-planning-a-workshop-start-with-the-stops</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=86b719b0e768" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/when-planning-a-workshop-start-with-the-stops-86b719b0e768">When planning a workshop start with the stops</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Supporting your customer support staff with internal service design]]></title>
            <link>https://medium.com/design-bootcamp/supporting-your-customer-support-staff-with-internal-service-design-7184b5adbe60?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/7184b5adbe60</guid>
            <category><![CDATA[service-design-tips]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[service-design]]></category>
            <category><![CDATA[user-experience-design]]></category>
            <category><![CDATA[employee-experience]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Thu, 24 Aug 2023 14:19:45 GMT</pubDate>
            <atom:updated>2023-08-25T22:08:01.224Z</atom:updated>
            <cc:license>https://creativecommons.org/licenses/by-nc/4.0/</cc:license>
            <content:encoded><![CDATA[<p>For most organisations, the dream of providing an entirely digital self-service for customers is often far from reality. With many services, there is still (and always will be) a need to blend digital self-service with real-time help from customer support staff.</p><p>Our experience working with companies in travel, fintech, education, utilities, local government and the third sector is that behind-the-scenes frontline staff are wrestling with poorly designed digital tools held together with fragile processes.</p><p><a href="https://clearleft.com/thinking/what-is-internal-service-design">Internal service design</a> is about getting it right for your employees so they can get it right for your customers. Technology should support your staff to be efficient and effective when helping your customers. You can radically elevate the quality of service delivery by redesigning the employee experience.</p><p>Projects to improve the design of internal tools and processes can tend to take a backseat to more visible public-facing websites and apps. So how can you spot opportunities for improvement and build a business case for change?</p><p>Here are three ways to quickly identify and evaluate which internal systems and processes to focus your redesign energies on.</p><h3>Review the tools you get your staff to use</h3><p>Your staff are booking holidays, ordering takeaway food, looking for potential partners, renewing passports, watching movies, paying taxes and buying clothes on the digital devices in their pockets. The mobile phone is their remote control for running their busy lives.</p><p>Your staff have high expectations of the ease of use of digital tools. These expectations are set not by the tools you provide them but by the best websites and apps they choose to use daily.</p><figure><img alt="An illustration showing the growing gap over time between the quality of digital tools your staff choose to use and the digital tools you provide them." src="https://cdn-images-1.medium.com/max/1000/1*yKTseYCYY1zkmQrzpFMf5A.png" /><figcaption><em>Reduce the gap between the quality of digital tools your staff choose to use and the ones you provide.</em></figcaption></figure><p>All software dates. Over time new features get added, information to input changes, and interaction patterns evolve. These all add to an accumulation of technical and design debt.</p><p>An annual review of the tools your staff use is an effective way to spot opportunities to redesign them to keep them modern and efficient.</p><p>Context is key when undertaking a review of tools in use. Staff are often using systems whilst synchronously talking to customers, inputting data, and searching for information. These physical actions can be compounded by being in noisy spaces with challenging lighting.</p><p>A service safari is a cost-effective method to observe and evaluate the tools being used in real-life situations. In looking for design enhancements pay particular attention to how you can improve the speed to complete tasks and the accuracy of data entry.</p><p>In reviewing internal tools improvements often arise through:</p><ul><li>Re-organising the interface to more logically group content and actions.</li><li>Minimising data to enter by using sensible defaults and appropriate form input types.</li><li>Removing unnecessary content and clutter from the interface to make the task at hand easier to focus on.</li><li>Reducing the need to switch between different screens or systems to complete a task.</li></ul><h3>Speed up onboarding and ongoing training</h3><p>In many cases, your support staff are the human face of your organisation. Knowledgeable support staff who effortlessly resolve customers’ questions help build the reputation of your service.</p><p>Successful customer support doesn’t happen by magic. Initial onboarding and the ongoing training of your staff need to be designed for effectiveness.</p><p>Optimising the onboarding process for staff can result in significant operational efficiencies. Whilst working with an insurance company to redesign an internal system we were struck by the upfront cost of training. In talking to new staff each had undergone a ten-day course ahead of answering calls from customers. Experienced staff underwent a five-day refresher course annually. With a big support team and over 100 new joiners a year, a small reduction in training time soon adds up to a large increase in the capacity to answer calls from customers.</p><figure><img alt="An illustration showing the business benefits of reducing the time between staff onboarding and being operationally ready." src="https://cdn-images-1.medium.com/max/1000/1*Z3OZ1MzHB4KtmGEppDa1kQ.png" /><figcaption><em>Improve the design of training to get staff to help customers sooner.</em></figcaption></figure><p>In helping customers with their queries, the speed to find, digest and impart the right information is critical.</p><p>In the insurance company, information for staff to refer to was available across multiple digital systems and in numerous printed manuals. To counter this confusing situation staff showed us the elaborate and inventive ways they bookmarked the information they frequently needed to go back to.</p><p>It’s only when getting back to the floor and talking to support staff do you get to see how they’ve hacked processes and systems to make them easier to use.</p><p>Opportunities to improve the expertise your staff deliver can be achieved by:</p><ul><li>Consolidating information into a single searchable source of truth.</li><li>Optimising search for the natural language terms used by customers and support staff.</li><li>Designing help pages to enable quick and confident consumption of the content.</li><li>Delivering short bursts of training based on timely data of questions currently being asked.</li></ul><h3>Remove the need for unnecessary calls</h3><p>Content has a cost. To be more precise, missing or misleading content has a cost. And it’s your customer support staff who unintentionally pay for it.</p><p>To elevate your quality of service you ideally want to have your support team solving complex and unique queries. To give them the time to do this you need to remove bad demand from the system. The calls that could and should be answered in other channels.</p><p>Customer support staff are a goldmine of insights. In many organisations, they have the most contact with customers. As a result, they can readily tell you the catalogue of unmet needs that cause unnecessary support calls.</p><p>How do you uncover the high frequency calls that are frustrating for the customer and the support staff? It’s surprisingly simple. I like to call it the eye-rolling test. Ask your customer support staff what topics they are asked about daily that they wish would disappear.</p><figure><img alt="An illustration showing how a few high volume but low value calls take up a disproportionate ammount of staff time and effort." src="https://cdn-images-1.medium.com/max/1000/1*xInnnlddPRzEgJpVY2jwmw.png" /><figcaption><em>Not all calls are of the same value. Many support staff deal with a high volume of low value calls.</em></figcaption></figure><p>“I’ll scream if I have another call today about baggage allowance”.</p><p>We recently worked with an international airline on a project to improve their online help centre. The customer support team consistently told us of a single issue they dealt with everyday. Calls from customers asking about the size and weight of the bags they could take on a trip.</p><p>The scale and cost of the problem was enormous. It was common for each member of the team to take two calls a day on the topic. That’s ten calls a week each lasting around five minutes. With a support centre of 200 staff that quickly adds up to over 167 hours a week. That’s a lot of time dealing with a topic that frustrates customers in having to call to ask it, and support staff in needing to deal with it.</p><p>In knowing the problem we could then take a service design approach to finding a solution. We created a user journey map and plotted the communication touchpoints with customers over time and across channels. We then added to it where information about baggage allowances was given. It was apparent there were many moments in the customer journey where highlighting information on baggage allowances would be useful.</p><p>The result of relatively small design fixes was a massive reduction in calls on the topic with fewer frustrated customers and more capacity for the support staff to deal with more complex help questions.</p><p>“You can tell the time of year by the questions being asked. It becomes predictable”.</p><p>When working with a major utility company we used the same customer journey mapping technique to uncover how support calls changed with the seasons. In workshops with support staff, it soon became obvious which high volume and low value topics cropped up at different points of the year. This insight led to relevant information being added in call-outs on customers’ bills as well as being featured when relevant on the website.</p><p>The timely surfacing of information had an immediate effect on reducing unnecessary calls and freeing up time for staff to use their expertise where it added more value.</p><p>To reduce the number of unnecessary calls:</p><ul><li>Spend time talking to your support staff and do the eye-rolling test.</li><li>Carry out call listening and run surveys with support staff to identify common issues that better content delivery could resolve.</li><li>Run a journey mapping workshop to see where, when and how information on a topic is communicated to your customers across all your channels.</li><li>Calculate the value and volume of support calls to help you prioritise the topics that cause bad demand.</li></ul><p>Once you know the problem to tackle you are in a better position to design changes and measure the impact of them.</p><h3>Improving the employee experience improves the customer experience</h3><p>Small moments of internal service inefficiency soon scale up. This can quickly result in hours and days of unnecessary effort and frustration felt by your staff and your customers.</p><p>Great customer services are intentionally designed. And like all products and services, they need reviewing and updating to keep them fresh and fit for purpose. Taking time to regularly review how customer service is delivered is a cost-effective way to spot opportunities where design iterations can add value.</p><p>Make great customer service your competitive advantage by spending time improving the employee experience.</p><p><em>This article was originally published on the Clearleft website:</em></p><p><a href="https://clearleft.com/thinking/supporting-your-customer-support-staff-with-internal-service-design"><em>https://clearleft.com/thinking/supporting-your-customer-support-staff-with-internal-service-design</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=7184b5adbe60" width="1" height="1" alt=""><hr><p><a href="https://medium.com/design-bootcamp/supporting-your-customer-support-staff-with-internal-service-design-7184b5adbe60">Supporting your customer support staff with internal service design</a> was originally published in <a href="https://medium.com/design-bootcamp">Bootcamp</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Starting design work in a spreadsheet]]></title>
            <link>https://uxdesign.cc/starting-design-work-in-a-spreadsheet-ebd10fb9f659?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/ebd10fb9f659</guid>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[design-transformation]]></category>
            <category><![CDATA[content-strategy]]></category>
            <category><![CDATA[design-tools]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Mon, 17 Apr 2023 16:46:06 GMT</pubDate>
            <atom:updated>2023-04-18T06:36:32.541Z</atom:updated>
            <content:encoded><![CDATA[<h4>In the early phases of a project a spreadsheet can be a more useful design tool than Figma.</h4><p>If you’re redesigning an existing website there are huge benefits in getting to know the content you’ll be working with. The earlier in the project the better. A little upfront investigation will help you make informed design decisions.</p><p>A spreadsheet is an ideal tool to quickly see what content you’ll be working with. It’s somewhat helpful when optimising a website. It’s even more useful when you wish to explore more radical changes in design direction. Using real content allows you to push your ideas with the confidence that your designs will display beautifully even with the edge cases.</p><p>Here are four things you can do within 30 minutes to gain actionable insights to inform your design direction.</p><h3>30 minutes to kickstart your design from a spreadsheet</h3><p>For this article I’ve used Screaming Frog to carry out the content scrape and Google Sheets to manipulate the data. Other spreadsheets and content scraping tools are available.</p><figure><img alt="A spreadsheet showing 100s of rows of data from a content scrape" src="https://cdn-images-1.medium.com/max/1024/1*hcKKJ82QYDaoueqr9J70fg.png" /><figcaption><strong>Content scrape exported to Google Sheets</strong></figcaption></figure><p>First things first. Let’s clean up the data in the content audit. My first passes are broad sweeps to remove some of the noise. The intention is to swiftly move from drowning in data to being informed by information.</p><ol><li>Sort the data in the content audit by status code and remove all pages with a 404 (not found), 301 (moved permanently) and 302 (found redirected) code.</li><li>Order the spreadsheet by content type and cut and paste anything that isn’t listed as text/html into separate sheets — images, audio files, application files etc.</li></ol><h3>What templates are on the website?</h3><p>In analysing an existing website I’m more interested in identifying the variety of page types over the number of individual pages. In taking a systemic approach to the design I’m looking to create reusable components and flexible templates. A content audit can provide a good estimation for the variety of page types being used.</p><p>Start by selecting the data in the spreadsheet and alphabetically sorting it by URL.</p><figure><img alt="A modal window showing how to sort a range of data in a spreadsheet" src="https://cdn-images-1.medium.com/max/1024/1*CeSm7zOCo4P9uZfq4EtZrw.png" /><figcaption><strong>Sorting data to make spotting patterns quicker</strong></figcaption></figure><p>Then select the cells with URLs that have the same folder name and page depth. For example /news/news_article_01.html and /news/news_article_02.html etc. Use your spreadsheet to give you a count of the pages.</p><p>Finally, create a simple table with the name of the page type and the count of pages in the adjacent cell.</p><p>Spreadsheets are set up to easily turn cells of data into graphs. Admittedly not often pretty graphs. Yet still useful ones. My aim is to visualise the information to make it easier to understand at a glance.</p><figure><img alt="A pie chart created by a spreadsheet showing the number of pages in each section of the website" src="https://cdn-images-1.medium.com/max/1024/1*50pV_Odj3-II8vQAFq2s0w.png" /><figcaption><strong>Spreadsheets give you ugly but useful charts</strong></figcaption></figure><p>In most cases there is a corollary between location in the site structure and the templates in use. This can be used as a proxy for page types. It is also worth sampling a handful of URLs from your list to do a visual check for similarity.</p><p>A spreadsheet gives a 10,000ft guide to the variety of page types in use and quantities of each. This breakdown is a speedy way to kick off and prioritise a backlog of design tasks.</p><p><strong>Extra tip: </strong>If the URL structure is more chaotic and doesn’t readily help identify page types then let the engineers in your team know. It’s a warning sign that automated content migration might be tricky with little to help map old content to new designs.</p><h3>What are the longest and shortest page headings?</h3><p>Setting type styles without working with real content is akin to walking a typographical tightrope whilst blindfolded.</p><p>As every battle-scarred and skilled designer knows, design is less about working with idealised examples of content, and more ensuring the integrity of the design can survive the inevitable clash with the extreme edge cases. Nowhere is this more apparent than with H1 page headings.</p><p>Using real content provides you with useful constraints to design within. Using real content allows you to show and select typefaces with actual examples rather than just ‘The quick brown fox jumps over the lazy dog’. Using real content enables exploration with meaningful words replacing nonsensical lorem ipsum. Heading lengths are a vital input to informing type styles.</p><p>I start by creating a new sheet containing just the H1 title and the H1 length. I then sort by ascending and descending order of character in the title. I’ll note down a couple of examples of the edge cases to use in design exploration.</p><p>I then go through the rows of headings to get the median value. The item located in the centre of the distribution. I find this more representative than using the average which can easily be skewed by anomalies in the data set. Again, I note it down to use later when stress testing my designs.</p><figure><img alt="A spreadsheet with an overlay showing the pages with shortest, longest and median lengths of H1 titles" src="https://cdn-images-1.medium.com/max/1024/1*2_VQBzFw-38fugphE9mYUA.png" /><figcaption><strong>The shortest, longest and median lengths of H1 headings</strong></figcaption></figure><p>If you want to get more granular you can follow the steps above for each section of the website.</p><p><strong>Extra tip:</strong> Share the full list of H1 headings with your content colleagues. Having a list of headings will help them spot themes and make suggestions on writing to get a reader’s attention.</p><h3>What visual styles are used?</h3><p>Displaying a montage of images in a spreadsheet. That sounds like nonsense. Okay it’s not what anyone tells you to do at design school. But give it a go.</p><p>Don’t expect a beautifully displayed grid of images. We’re favouring speed and utility. What we’re after is a sense of what imagery is used on the website and to spot any patterns in visual styles.</p><p>Sort the spreadsheet alphabetically by content type. Copy all the rows where the content type is an image (image/jpeg, image/png, image/svg) and then paste them to a new sheet.</p><p>You should now have an alphabetically sorted list of URLs for image files. So far not very visual. There are a few tricks to make the display more useful.</p><p>Add a cell to the right of the URL of the first entry and add =IMAGE(A2,1). The number 1 in the formula tells the spreadsheet to respect the aspect ratio of the image. If you change this to 2 the image stretches or compresses to fit inside the cell, and using 3 leaves the image at its original size, which may cause cropping.</p><p>Select the right corner of the cell and drag down the whole list of URLs. This will add the formula to each cell and reference the URL to the left i.e. A3, A4 etc.</p><p>To make the images easier to view, increase the height and width of the cells. To increase the height of all the cells click on a row and select all. Then right click and select resize rows N to N and add in a numeric value for the row height in pixels. Increase the width by dragging row B to the right.</p><figure><img alt="A spreadsheet showing all of the images on a website in a scrollable list" src="https://cdn-images-1.medium.com/max/1024/1*rUnXsFlhDNyFujewzf2qvQ.png" /><figcaption><strong>All the images in one place</strong></figcaption></figure><p>Within a few minutes you have a scrollable list of images to be able to review the variety, quality and image styles in use. If you’ve ordered the list alphabetically by URL and there is a naming structure for images this will cluster together similar images such as icons, avatars, hero banners etc.</p><p><strong>Extra tip: </strong>If you’re curious about familiar looking images the spreadsheet is a great stepping off point into a reverse image search. Select the URL and open it in Google, right click and ‘Search image with Google’ to see the image source and visually similar images.</p><h3>How much text?</h3><p>A content audit is a goldmine for colleagues in content roles. Content audits overflow with useful insights giving readability scores, sentence lengths, text ratios etc. Yet for this activity I’m not interested in the quality of writing. When designing a container for content I’m purely looking for the quantity of characters.</p><p>I’m most interested in looking at the page types designed for content consumption rather than hub pages. These typically are found at the end of the URL structure. The pages an information architect would call the leaf nodes or pages with no children.</p><p>Firstly sort the URLs alphabetically. Remove the navigation pages to leave just the content rich pages. Then sort the remaining data in the spreadsheet by word count.</p><p>With your spreadsheet ordered it’s straightforward to catalogue each section of the site with the pages that contain the fewest, the most, and the median amount of words.</p><p>The numbers prove useful in three key ways.</p><ol><li>They help optimise the design of the reading experience. The volume of text guiding decisions on type sizes, line-lengths, and padding.</li><li>They highlight if you need to consider in-page navigation from a scrollspy or skip links.</li><li>And they give real world examples of actual content to stress test design ideas with.</li></ol><figure><img alt="A spreadsheet with an overlay showing the pages with fewest, most and median amount of words" src="https://cdn-images-1.medium.com/max/1024/1*gT93OIkLTKRZdGROerU7Gw.png" /><figcaption><strong>The pages with the fewest, most and median number of words</strong></figcaption></figure><p><strong>Extra tip: </strong>Let your developer colleagues know if you spot page types that routinely have text ratios of less than 25%. These pages will benefit from investigation to see if code bloat is adversely impacting performance and the subsequent user experience.</p><h3>Spreadsheets before stylesheets</h3><p>If you’re a designer who’s spreadsheet-averse then you’ve probably stopped reading long before now. For the spreadsheet-curious designer give it a go on your next redesign project.</p><p>Knowing the content considerations early in a redesign project can avoid days of wasted design time. And the good news is when you start content auditing for design decisions you’re no more than 30 minutes from Figma.</p><p><em>This article was originally published on the Clearleft website:</em></p><p><a href="https://clearleft.com/thinking/starting-design-work-in-a-spreadsheet"><em>https://clearleft.com/thinking/starting-design-work-in-a-spreadsheet</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=ebd10fb9f659" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/starting-design-work-in-a-spreadsheet-ebd10fb9f659">Starting design work in a spreadsheet</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[How picking low-hanging fruit can sour your design effectiveness]]></title>
            <link>https://chrishow101.medium.com/how-picking-low-hanging-fruit-can-sour-your-design-effectiveness-d13cd2ae016f?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/d13cd2ae016f</guid>
            <category><![CDATA[design-transformation]]></category>
            <category><![CDATA[design-innovation]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[ux-strategy]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Wed, 12 Oct 2022 15:23:49 GMT</pubDate>
            <atom:updated>2022-10-12T15:23:49.617Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="Ripe cherries hanging from the branch of a fruit tree" src="https://cdn-images-1.medium.com/max/1024/1*MN83WVN-srAyBdMJlkQC3w.jpeg" /><figcaption>Image by Couleur from Pixabay</figcaption></figure><p>Achieving quick win after quick win. What’s not to get excited about? The paradox of digital teams relentlessly chasing quick wins is that it is likely to be slowing down the growth of your business.</p><p>At this time of year in the UK the fruit trees are laden with the autumn harvest. If you go out picking fruit you can quickly spot the difference between the short term opportunist and the seasoned forager.</p><p>The opportunist grabs at what’s in front of them blinkered to anything not in immediate sight. Quality and taste are a secondary concern to their frenetic snatch and grab. They often drop as much fruit on the ground as they manage to collect.</p><p>In contrast the seasoned forager has a strategy. They know what they’ll do with the fruit they pick. They have the right clothing and equipment to get the job done efficiently. They know how to reach the best fruits.</p><p>The same can be said for digital teams. There are unintended and often unforeseen consequences from overly focussing your efforts on the low-hanging fruit. Here are five danger signs to look out for and ways to avoid them.</p><h3>Danger sign #1. You get busy doing busy work</h3><p>For you and your team it’s go, go, go. Calendars are bursting with meetings, workshops and design reviews. Decisions are being made. Delivery and deployment is ongoing. Analytics data is being paraded around in PowerPoint decks.</p><p>Rushing around can easily disguise the fact that although you feel productive you’re producing little of real value to the user and the business. You know you’ve fallen into this trap when you’re constantly asked to tinker with what already exists and implement small-scale predefined solutions.</p><p>A couple of great questions to regularly ask your team are: “What have you worked on in the last month/quarter that you’re most proud of?” and “What have you worked on recently that has most improved a user’s life?”</p><p>If the answers don’t come readily or don’t excite your team then the chances are you’re inadvertently just picking at the low-hanging fruit.</p><h3>Danger sign #2. You can’t find time for more impactful work</h3><p>When your team is head down with pressing deadlines it becomes hard to remember to also look to more distant horizons. A design team has a finite amount of time and energy. In focusing on the immediate you are sacrificing time to address the longer-term and potentially more impactful work.</p><p>Plotting a course to a more valuable future requires a plan, a map, and ongoing course correction.</p><p>Let’s start with your strategy. Do you have one? Does the digital team use it in their decision-making? Does it say what you’ll not do (or not do yet) alongside what you’ll focus on? A good strategy should give everyone clear direction and remove distractions.</p><p>In digital design you’re never far from a map. Be it a product roadmap, customer journey maps, service blueprints, agile user story mapping, site maps, data mapping etc. Maps are useful to give shape to otherwise hard to see landscapes. Zooming out gives you a wider perspective.</p><p>The often underrated “impact vs effort” matrix is a simple yet powerful map. Plotting your work in progress makes it visually clear if you’ve developed too much of a taste for the low-hanging fruit. If you have then it’s time to adjust course and restore balance in your team’s digital diet.</p><h3>Danger sign #3. You develop a taste for vanity metrics</h3><p>Low-hanging fruit is often accompanied by easy to reach analytics. Foraging around in analytics tools for a big enough number to justify the work done. As long as the graph goes up any data point will do.</p><p>Measuring cause and effect with accurate attribution is tricky. A precise single number is extremely hard to arrive at when actions result from a complex web of factors including decisions made over time, across channels, and influenced by multiple people.</p><p>3M has a long and esteemed track record of delivering value from innovation. They bring over 1000 new products to market every year. This focus on continuous innovation has helped them to stay competitive in constantly changing marketplaces. To create a culture of ongoing innovation they measure it. The company has a mandate for each division to generate 30% of its profits from products introduced in the last four years.</p><p>What gets measured provides a strong signal on what an organisation holds important. Introducing longer-term metrics for innovation shifts the culture to explore new opportunities rather than just optimising existing products.</p><h3>Danger sign #4. Your sticking-plaster solutions mask the underlying problem</h3><p>Design teams attract problem solvers. People feel energised and rewarded by work that has purpose. If you end up in an endless cycle of quick wins you’re not going to be getting the best from your team.</p><p>If the focus of your team’s efforts are quick wins then ask yourself what’s preventing them from doing more ambitious work. It could be the absence of a coherent strategy. Or it could be a lack of quality control. Let’s take each in turn.</p><p>With no strategy — or one that is so abstract it doesn’t translate into prioritising what to work on — design teams fill their time with work that has high volume but little value.</p><p>To find out if this is the cause, ask your design teams to go through what they’re working on and articulate how it aligns with the organisation’s strategy. If they can’t connect their work to it then it’s time to clarify and re-communicate your strategy.</p><p>A lack of time for quality control is the other major cause of getting stuck in the rut of endless optimisation. A culture of ship-and-then-fix can quickly lead to a growing pile of preventable technical and design debt. Get your team to estimate the time spent patching up what could and should have been better polished the first time around.</p><h3>Danger sign #5. Your design teams forget how to be inventive</h3><p>If all your design team is asked to do is small-scale work you’re at risk of a stagnation of the imagination.</p><p>Design innovation is a habit. The more you do the better you get at doing it and the better you get at doing it the more you do. Like many positive habits the hardest part is getting started and sticking to a routine.</p><p>A good test of your inventiveness is to periodically take stock of the work your design team is doing. I like to classify work into three broad categories <a href="https://blog.prototypr.io/futures-features-and-fixes-setting-your-product-team-up-for-success-4b7e681b4eb5">futures, features and fixes</a> to see if there is a healthy balance in the team’s efforts.</p><p>If you need to jump start the team to address more innovative ideas then run a programme of design sprints, host a hackathon or set time aside for skunk works style projects. These techniques ringfence the time to inject speed and intention into looking for and tackling more impactful work. They can provide the gateway to a more considered programme of innovation.</p><h3>Design transformation comes from climbing a little higher</h3><p>There are hidden and unpalatable side effects when you overly gorge on low-hanging fruit. Quick wins take time and attention from your design team that could be more productively spent. It’s too easy to inadvertently get trapped in an ever-decreasing circle of smaller and safer tactical patches.</p><p>Design transformation takes effort. Staying relevant to changing customer needs and keeping ahead of your competition are constant and ongoing challenges. Picking the low-hanging fruit might seem a sensible approach but the biggest rewards are only available for those who reach a little further and climb a little higher.</p><p><em>This article was originally published on the Clearleft website:</em></p><p><a href="https://clearleft.com/thinking/how-picking-low-hanging-fruit-can-sour-your-design-effectiveness"><em>https://clearleft.com/thinking/how-picking-low-hanging-fruit-can-sour-your-design-effectiveness</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=d13cd2ae016f" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Can you count on what you measure?]]></title>
            <link>https://medium.com/design-bootcamp/can-you-count-on-what-you-measure-cd72ffdb9c63?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/cd72ffdb9c63</guid>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[analytics]]></category>
            <category><![CDATA[digital-design]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Mon, 04 Apr 2022 15:23:30 GMT</pubDate>
            <atom:updated>2022-05-02T05:57:29.020Z</atom:updated>
            <cc:license>https://creativecommons.org/licenses/by-nc/4.0/</cc:license>
            <content:encoded><![CDATA[<p><strong>My inbox is full of meaningless metrics.</strong></p><ul><li>Grammarly insights proudly tells me ‘You’re building quite the voluminous vocabulary. You used more unique words than 95% of Grammarly users.’</li><li>LinkedIn tricks me to click by letting me know ‘You’re getting noticed. You appeared in NNN searches this week.’</li><li>Strava tells me I took a King of the Mountains (KOM) section accidentally without any intention on a hill that would be considered unimpressive by most average cyclists.</li><li>Medium gives me the alliterative ‘stats for your stories’ on a weekly basis.</li></ul><p>All meaningless metrics. At least meaningless to me. None of the above examples provide me with insights on anything I’m looking to understand or take action on. These numerical nuggets lack personal context — are the numbers good? They focus on easy-to-gather quantities and neglect any measure of quality.</p><p>Numbers somehow feel important. In business, decision-making figures are wielded as immutable facts. They become hard to argue against. Numbers are taken by many people as both powerful and persuasive.</p><p>What gets measured gets done. You are what you measure. Measurement eliminates argument. If you work in an environment that puts store in these oft-quoted business adages then I urge you to take a moment to challenge your calculations. Let’s review our metrics to ensure they can stand up and be counted.</p><p>Here are four questions to ask to see if what you measure adds up.</p><h3>1. Why is this metric important to you?</h3><p>Somebody clever once said ‘measure what you value, don’t value what you measure’.</p><p>If you start with the tools you are in danger of embarking on a fool’s errand placing importance on what the tools can easily measure. Google Analytics (other tools are available*) presents you with a wealth of data but how much of it do you — or should you — care about?</p><p>Average time on page; bounce rates; sessions with search; page depth etc. Which of these are important for you to know? And for each metric, what number is a sign of success?</p><p>If you create or receive regular data reports, periodically ask what changes have you made with the figures you capture. If you don’t make decisions or take actions informed by any particular metrics then it’s adding clutter rather than clarity.</p><p>*Why not turn the beast on itself and google “<a href="https://www.google.com/search?q=alternatives+to+google+analatytics">alternatives to Google Analytics</a>”. I hear positive reports things about privacy-first products such as <a href="https://usefathom.com/">Fathom</a>, <a href="https://simpleanalytics.com/">Simple analytics</a> and <a href="https://matomo.org/">Matamo</a>.</p><h3>2. How can we balance this metric?</h3><p>In striving to change a data point there can be an unintentional yet detrimental impact on something else you care about.</p><p>One way to counter this is to always pair your data points. State your primary goal, usually a positive increase or change in a number. Then balance it with a secondary goal that focuses on maintaining a different number you measure. For example, “improve customer satisfaction with a product whilst not adding to customer support costs”, or “reduce the churn rate for subscriptions by N% without offering additional promotions”.</p><p>The secondary goal is there to prevent over-optimisation of the primary goal.</p><h3>3. How could we game this metric?</h3><p>How could you get false readings, however short-term the blip, in order to meet your key performance indicators (KPIs)?</p><p>This is a fun question to ask in a meeting or workshop. Ask everyone to temporarily embrace their Machiavellian side to work out how the targets you’ve been set could be achieved in creative or underhand ways.</p><h3>4. What change are we looking for?</h3><p>I often see dashboards and business reports that provide a snapshot in time divorced from timelines and trends. Figures, percentage points, graphs and charts that look like meaningful data but don’t tell the wider story.</p><p>In setting any metric it’s important to benchmark where you are, where you want to get to, and by when. This information prevents panic and helps track progress.</p><p>For your key indicators decide and document when to take measurements, what numbers will be a cause for concern, and what numbers will trigger a celebration.</p><p>Stating this upfront gives you a framework to understand and act on the data you subsequently get.</p><h3>Please measure responsibly</h3><p>Goodhart’s law, named after the British economist, states “When a measure becomes a target, it ceases to be a good measure”.</p><p>Numbers aren’t intrinsically good or bad. They’re just indicators to help you understand a situation and take a sensible course of action. They aren’t written in stone to be slavishly followed forever.</p><p>A good set of meaningful metrics should be personal to your situation. The numbers you track should be one of many inputs, both quantitative and qualitative. What you measure will benefit from regular review and should be changed if the measurements no longer help you chart a course into your desired future.</p><p>Numbers are important in business. Let’s make sure our numbers count.</p><p><em>This article was originally published on the Clearleft website: </em><a href="https://clearleft.com/posts/can-you-count-on-what-you-measure"><em>https://clearleft.com/posts/can-you-count-on-what-you-measure</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cd72ffdb9c63" width="1" height="1" alt=""><hr><p><a href="https://medium.com/design-bootcamp/can-you-count-on-what-you-measure-cd72ffdb9c63">Can you count on what you measure?</a> was originally published in <a href="https://medium.com/design-bootcamp">Bootcamp</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Google search operators and syntax for UX desk research]]></title>
            <link>https://medium.com/design-bootcamp/google-search-operators-and-syntax-for-ux-desk-research-3c02bf685ee3?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/3c02bf685ee3</guid>
            <category><![CDATA[ux-research]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ux-design]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Wed, 22 Sep 2021 16:34:54 GMT</pubDate>
            <atom:updated>2021-09-24T00:57:42.323Z</atom:updated>
            <cc:license>https://creativecommons.org/licenses/by-nc/4.0/</cc:license>
            <content:encoded><![CDATA[<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FptPNWFJuBDE%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DptPNWFJuBDE&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FptPNWFJuBDE%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/fcaf65dc142e640852d1f85bf6b30d1e/href">https://medium.com/media/fcaf65dc142e640852d1f85bf6b30d1e/href</a></iframe><p>Desk research is a key way to get to know a client and what’s happening in their world. Search engines provide a series of useful, if somewhat hidden, shortcuts that help you to get more effective results.</p><p>Here’s a round-up of the seven search tips covered in the video. They provide a useful starting for UX designers and content strategists when doing desk research in the discovery phase of a project. You can mix and match them as you need.</p><p><strong>site:clearleft.com</strong></p><p>Use this to limit results to those from a specific website. It gives you an indication of the size and contents of the website.</p><p><strong>Clearleft -site:clearleft.com</strong></p><p>Using a search term (Clearleft) and then excluding a site from the results (clearleft.com) is useful to see where else online the client appears.</p><p><strong>site:*clearleft.com -www</strong></p><p>This syntax returns pages with clearleft in the url (*clearleft.com) with the exclusion of anything on the www domain (-www). This is a useful way to see what sub-sites sit on the same domain such as side projects, campaign microsites or pattern libraries to explore.</p><p><strong>related:clearleft.com</strong></p><p>The search operator ‘related:’ returns a list of websites based on similar content and user searches. It’s a good starting point for competitor research.</p><p><strong>Search term -exclude</strong></p><p>As an alternative to getting more precise with a search term (i.e “exact phrase”), you can remove phrases from results by adding a minus symbol ahead of a word. If you combine this with a wildcard asterisk your results will include stemming on a phrase (e.g. -photo* will remove photography, photosynthesis etc).</p><p><strong>Predictive search terms</strong></p><p>The suggested search terms are a useful shortcut to see key volume search queries. When referenced against a website you can see if the queries represent missing or hard to find content.</p><p><strong>Image search</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/646/1*1jkNNpEVhPZRrMygRfTaVg.png" /></figure><p>You can either use [google.com/imghp](google.com/imghp) or the tab for images on the results page. This gives a flavour for how the client or a topic is visually represented. I find it useful to think about what is missing that I’d expect to see and what is surprising.</p><p>Search engines regularly update their syntax both adding and removing operators. The supported search operators for some popular search engines can be found at:</p><p><a href="https://support.google.com/websearch/answer/2466433?hl=en">Google refining web searches</a></p><p><a href="https://help.duckduckgo.com/duckduckgo-help-pages/results/syntax/">Duck Duck Go search operators</a></p><p><a href="https://help.bing.microsoft.com/#apex/bing/en-US/10001/-1">Bing advanced search keywords</a></p><p>This article was originally published on the Clearleft website:</p><p><a href="https://clearleft.com/posts/google-search-operators-and-syntax-for-ux-desk-research">https://clearleft.com/posts/google-search-operators-and-syntax-for-ux-desk-research</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=3c02bf685ee3" width="1" height="1" alt=""><hr><p><a href="https://medium.com/design-bootcamp/google-search-operators-and-syntax-for-ux-desk-research-3c02bf685ee3">Google search operators and syntax for UX desk research</a> was originally published in <a href="https://medium.com/design-bootcamp">Bootcamp</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Futures, features and fixes — Setting your product team up for success]]></title>
            <link>https://blog.prototypr.io/futures-features-and-fixes-setting-your-product-team-up-for-success-4b7e681b4eb5?source=rss-9ce65c89c39c------2</link>
            <guid isPermaLink="false">https://medium.com/p/4b7e681b4eb5</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[digital-strategy]]></category>
            <category><![CDATA[designops]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[product-ownership]]></category>
            <dc:creator><![CDATA[Chris How]]></dc:creator>
            <pubDate>Mon, 26 Jul 2021 17:12:09 GMT</pubDate>
            <atom:updated>2021-07-27T15:28:50.578Z</atom:updated>
            <content:encoded><![CDATA[<h3>Futures, features and fixes — Setting your product team up for success</h3><figure><img alt="Diagram showing the circular movement of a digital team through three activities; futures, features and fixes" src="https://cdn-images-1.medium.com/max/1024/1*DTXv9WGOaucve1Sj0L7xyQ.png" /><figcaption>Digital products need teams tackling ‘fixes, features and futures’</figcaption></figure><p>Successful and sustainable digital products come from a blend of innovation and iteration. Yet most design teams and their digital product roadmaps are out of balance.</p><p>Start-ups over-index on big and new ideas at the cost of accumulating design and technical debt. Established organisations play it safe tending to focus on incremental optimisation and in doing so put themselves under threat from disruptors and challengers. Of course, these are generalisations. But ones I repeatedly see working across sectors with businesses of all sizes and at varying stages of digital maturity.</p><h3>What does your product roadmap look like?</h3><p>As any Product Owner will tell you, prioritising what to spend time doing is the challenge that gives them sleepless nights. Finding the time to explore potentially bigger and more valuable ideas is not a problem exclusive to digital product management. As many a President will confirm.</p><blockquote>“What is important is seldom urgent and what is urgent is seldom important” <br>Dwight Eisenhower</blockquote><blockquote>“The most important thing you need to do [in this job] is to have big chunks of time during the day when all you’re doing is thinking”</blockquote><blockquote>Barack Obama</blockquote><p>Immediate problems tend to shout loudly for attention. Yet making too many knee jerk changes and firefighting one crisis after another quickly leads to a product roadmap that is shortsighted and unstrategic.</p><p>Innovative ideas need time to find their voice. Being further away from the frenzy of delivery they can be muffled and easier to ignore.</p><p>A way to ensure balance in your product portfolio is to map out the work you have in play. Even better if this is put on display (not hidden in a PowerPoint deck) and updated as a living document.</p><p>There are many frameworks for plotting your activities within a product portfolio. The two I most often use are:</p><p>The Lean Enterprise innovation portfolio map. This moves the progress of initiatives through four gates (explore, exploit, sustain and retire) with the option to kill any that fails to meet the success criteria.</p><figure><img alt="Diagram showing how products move through four phases; explore, exploit, sustain and retire." src="https://cdn-images-1.medium.com/max/994/1*neLEpXuQP4oVkpt7Hf51jw.png" /><figcaption>The Lean Enterprise innovation portfolio map</figcaption></figure><p>The portfolio map from Stratygyzer. This plots initiatives in two quadrants — explore and exploit — with an axis in each for risk and return.</p><figure><img alt="Diagram showing how products move from an explore phase into an exploit phase as they reach the market and maturity." src="https://cdn-images-1.medium.com/max/785/1*vOQNFVnk39qo9tVU2p4WPA.png" /><figcaption>The portfolio map from Stratygyzer.</figcaption></figure><p>If you’re working in a product team that doesn’t have a holistic view of your product portfolio then I’d recommend you run a workshop to create one.</p><h3>How to get your product teams looking over different horizons?</h3><p>Product portfolios and roadmaps are ideal for showing the quantity and movement of initiatives through stages of production readiness. But, how do you set up your product teams to work across these different spaces simultaneously?</p><p>One way (but certainly not the only way) is to rotate your design squads to give them focussed time on either futures, features or fixes.</p><figure><img alt="Diagram showing the circular movement of a digital team through three activities; futures, features and fixes" src="https://cdn-images-1.medium.com/max/1024/1*DTXv9WGOaucve1Sj0L7xyQ.png" /><figcaption>Three key activities product teams need to look over</figcaption></figure><h3>Futures — finding the next big idea</h3><p>Companies known for bringing new products and services to market are united by one common trait. They put considerable effort into the research and development of their next big idea. Piloting multiple concepts and placing numerous bets is a proven strategy for successful product innovation.</p><p>This is the time to explore big and radical ideas using low risk and low-cost techniques. You want to increase the number of ideas generated to gain confidence as quickly as possible in which ones to pursue.</p><p>This is a divergent phase. The number of ideas should trump their fidelity. For the team, a ‘yes and . . .’ attitude should replace ‘yes but . . . ‘. You’re looking to initially test ideas for their desirability with viability coming later.</p><p>The futures team should have a wide remit. Initiatives should explore unmet customer needs, potential new markets, different business models, emerging technology etc. Techniques such as Google Venture style Design Sprints, Wizard of Oz prototypes, and proposition testing fit into the toolkit for exploring potential futures.</p><p>Keep in mind these are learning projects with disposable prototypes. Success comes from finding out what not to spend effort on as much as identifying promising concepts to take forward.</p><p>Many organisations consider the skills for successful innovation needing a separate team of superstar designers. I disagree.</p><p>Setting up an innovation lab sounds impressive and a powerful marker of organisational intent. Most often, the creation of a separate innovation department divorces it from the realities of the business and leads to an indulgent form of technical and design theatre.</p><p>Another common approach is to employ an agency to inject a dose of innovation. The benefits of extra capacity and capabilities should be weighed up against a lack of detailed business context and the ability to see the idea through to fruition. In my experience, it’s much better to have an agency working alongside members of an in-house team where techniques for innovation can be gained through coaching, immersion and practice.</p><p>Innovation is exhausting. Moving your team in and out of this space gives them a chance to recuperate and come back refreshed. Having this secondment timeboxed also helps to focus minds on rapid creation and concept testing rather than over-engineering a single solution.</p><h3>Features — improving the product</h3><p>The feature team is the production line for your product. Their purpose is to take a brief, create designs that solve the problem outlined, and deliver something new into the interface.</p><p>This team is responsible for incremental but sizable changes. Typically the initiatives for this team have enough definition to outline the problem to tackle and the desired outcomes to achieve. A good brief should give space for creativity and be a problem to solve not a solution to implement.</p><p>This is the world of backlogs, user stories and user acceptance testing (UAT). Confidence in the designs comes from evaluative methods such as usability testing sessions and multivariate testing (MVT).</p><p>A successful features team has an eye for crafting solutions. The work is elevated through polishing the details in the layout, interactions and copy. To help with this the team should be carrying out regular crits and showing their work early and often to stakeholders. Project meetings should include discussions on performance, accessibility and success metrics.</p><p>Digital product teams live in a fast-changing world. The growing expectation of your audience, opportunities afforded through new technology and shifts in the competitive landscape all require a nimble delivery focussed unit.</p><h3>Fixes — polishing your product</h3><p>Trust from an audience is hard-won and easily lost. In usability testing sessions of existing websites, you often get to witness the death of a thousand cuts. A typo here, a broken link there, inconsistent design patterns and slow loading pages.</p><p>Accumulated technical and design debt can unintentionally come to define the experience of your product.</p><p>The team doing fixes, maintenance and enhancements should have a focus on velocity and autonomy. In this activity stream, there should be little need for meetings or protracted discussions. Bugs to fix and production debt to remove should be prioritised against set criteria and continually deployed when done.</p><p>This is vital work to do but it shouldn’t be the only work you do. It’s easy to fall into the trap of thinking you’re doing lots of work just because your time is filled with activity.</p><h3>A note on rotation</h3><p>In the futures, features and fixes diagram there is a suggestion that 50% join and 50% remain in the team for each activity. This is to ensure a level of continuity and handover. It’s most important within the futures and features teams, where work started, may not be finished or will benefit with further iteration.</p><p>Rotation allows the team a regular change in pace and exposure to all the activities required to develop and maintain a digital product.</p><p>Even small digital teams can use the approach to gain balance in the work they do. You could divide a week between a few days spent on the future and features and a day doing fixes. Or the whole team could do a week of features, then futures, then fixes. The exact slices of time in each activity will depend on your setup. The important thing is to have some time for each activity.</p><h3>Three activities that benefit from different approaches</h3><p>Digital products need teams tackling ‘fixes, features and futures’. Over-focusing in one area will be detrimental to another.</p><p>Each activity requires a subtly different approach and mindset. Teams gain in productivity when time is allocated to each activity as it provides focus and avoids context switching.</p><p>This is one way to approach managing a team’s activities and product portfolio. I’d be interested in carrying on the conversation to find out how you ensure a polished product backed up with a flow of new initiatives?</p><p><em>This article was originally published on the Clearleft website: </em><a href="https://clearleft.com/posts/futures-features-and-fixes-setting-your-product-team-up-for-success"><em>https://clearleft.com/posts/futures-features-and-fixes-setting-your-product-team-up-for-success</em></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4b7e681b4eb5" width="1" height="1" alt=""><hr><p><a href="https://blog.prototypr.io/futures-features-and-fixes-setting-your-product-team-up-for-success-4b7e681b4eb5">Futures, features and fixes — Setting your product team up for success</a> was originally published in <a href="https://blog.prototypr.io/">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>