Category: Blog

Your blog category

  • From Beta to Bedrock: Build Products that Stick.

    From Beta to Bedrock: Build Products that Stick.

    As a product builder over too many years to mention, I’ve lost count of the number of times I’ve seen promising ideas go from zero to hero in a few weeks, only to fizzle out within months.

    Financial products, which is the field I work in, are no exception. With people’s real hard-earned money on the line, user expectations running high, and a crowded market, it’s tempting to throw as many features at the wall as possible and hope something sticks. But this approach is a recipe for disaster. Here’s why:

    The pitfalls of feature-first development

    When you start building a financial product from the ground up, or are migrating existing customer journeys from paper or telephony channels onto online banking or mobile apps, it’s easy to get caught up in the excitement of creating new features. You might think, “If I can just add one more thing that solves this particular user problem, they’ll love me!” But what happens when you inevitably hit a roadblock because the narcs (your security team!) don’t like it? When a hard-fought feature isn’t as popular as you thought, or it breaks due to unforeseen complexity?

    This is where the concept of Minimum Viable Product (MVP) comes in. Jason Fried’s book Getting Real and his podcast Rework often touch on this idea, even if he doesn’t always call it that. An MVP is a product that provides just enough value to your users to keep them engaged, but not so much that it becomes overwhelming or difficult to maintain. It sounds like an easy concept but it requires a razor sharp eye, a ruthless edge and having the courage to stick by your opinion because it is easy to be seduced by “the Columbo Effect”… when there’s always “just one more thing…” that someone wants to add.

    The problem with most finance apps, however, is that they often become a reflection of the internal politics of the business rather than an experience solely designed around the customer. This means that the focus is on delivering as many features and functionalities as possible to satisfy the needs and desires of competing internal departments, rather than providing a clear value proposition that is focused on what the people out there in the real world want. As a result, these products can very easily bloat to become a mixed bag of confusing, unrelated and ultimately unlovable customer experiences—a feature salad, you might say.

    The importance of bedrock

    So what’s a better approach? How can we build products that are stable, user-friendly, and—most importantly—stick?

    That’s where the concept of “bedrock” comes in. Bedrock is the core element of your product that truly matters to users. It’s the fundamental building block that provides value and stays relevant over time.

    In the world of retail banking, which is where I work, the bedrock has got to be in and around the regular servicing journeys. People open their current account once in a blue moon but they look at it every day. They sign up for a credit card every year or two, but they check their balance and pay their bill at least once a month.

    Identifying the core tasks that people want to do and then relentlessly striving to make them easy to do, dependable, and trustworthy is where the gravy’s at.

    But how do you get to bedrock? By focusing on the “MVP” approach, prioritizing simplicity, and iterating towards a clear value proposition. This means cutting out unnecessary features and focusing on delivering real value to your users.

    It also means having some guts, because your colleagues might not always instantly share your vision to start with. And controversially, sometimes it can even mean making it clear to customers that you’re not going to come to their house and make their dinner. The occasional “opinionated user interface design” (i.e. clunky workaround for edge cases) might sometimes be what you need to use to test a concept or buy you space to work on something more important.

    Practical strategies for building financial products that stick

    So what are the key strategies I’ve learned from my own experience and research?

    1. Start with a clear “why”: What problem are you trying to solve? For whom? Make sure your mission is crystal clear before building anything. Make sure it aligns with your company’s objectives, too.
    2. Focus on a single, core feature and obsess on getting that right before moving on to something else: Resist the temptation to add too many features at once. Instead, choose one that delivers real value and iterate from there.
    3. Prioritize simplicity over complexity: Less is often more when it comes to financial products. Cut out unnecessary bells and whistles and keep the focus on what matters most.
    4. Embrace continuous iteration: Bedrock isn’t a fixed destination—it’s a dynamic process. Continuously gather user feedback, refine your product, and iterate towards that bedrock state.
    5. Stop, look and listen: Don’t just test your product as part of your delivery process—test it repeatedly in the field. Use it yourself. Run A/B tests. Gather user feedback. Talk to people who use it, and refine accordingly.

    The bedrock paradox

    There’s an interesting paradox at play here: building towards bedrock means sacrificing some short-term growth potential in favour of long-term stability. But the payoff is worth it—products built with a focus on bedrock will outlast and outperform their competitors, and deliver sustained value to users over time.

    So, how do you start your journey towards bedrock? Take it one step at a time. Start by identifying those core elements that truly matter to your users. Focus on building and refining a single, powerful feature that delivers real value. And above all, test obsessively—for, in the words of Abraham Lincoln, Alan Kay, or Peter Drucker (whomever you believe!!), “The best way to predict the future is to create it.”

  • Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU!

    Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU!

    There are two emerging schools of thoughts around HBO’s upcoming adaptation of the Green Lantern mythology on premium cable: there are those who love that it looks like a real HBO drama—most specifically True Detective with maybe a sprinkling of Watchmen (fitting since one of the series’ creators is Damon Lindelof)—and those who recoil at […]

    The post Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU! appeared first on Den of Geek.

    There are two emerging schools of thoughts around HBO’s upcoming adaptation of the Green Lantern mythology on premium cable: there are those who love that it looks like a real HBO drama—most specifically True Detective with maybe a sprinkling of Watchmen (fitting since one of the series’ creators is Damon Lindelof)—and those who recoil at such a low-fi approach to one of the DC Universe’s spaciest and most operatic of space operas.

    That divide might be changing, though, after a groovy three-minute sizzle reel that just dropped on the San Diego Comic-Con faithful in Hall H. Accompanied by cast and creator appearances, the below trailer offers a cornucopia of nerdy easter eggs and tantalizing details about the upcoming Lanterns, not least of which includes how deep we’re going on the origins of good and evil in the DC Universe and the founding of the Green Lantern Corps more than three billion (with a b!) years ago.

    For those curious about what is going on in the small desolate town where a seemingly pedestrian murder investigation has caught the attention of Green Lantern Hal Jordan (Kyle Chandler) and his young new partner John Stewart (Rebel Ridge breakout Aaron Pierre), the new trailer confirms that the murderous conspiracy goes all the way to the top… including with the fan favorite villain Sinestro (played here by Ulrich Thomsen).

    If you have only have vague memories of Mark Strong hamming it up as Sinestro in the not-great-Bob Green Lantern movie starring Ryan Reynolds 15 years ago, Sinestro is more than just a condescending boss to Hal Jordan. He is, in fact, one of the greatest Green Lanterns to ever wield the little green ring. He trained Hal much like Hal is now training John, sure, but Sinestro also was the golden boy of the Corps on their HQ planet of Oa. There the Corps, under the guidance of the Guardians of the Universe, protect countless species from the threat of fear and evil itself. That is until Sinestro tried to institute a fascist takeover of his home planet of Korugar, leading to the Corps stripping him of his ring, his title, and his freedom.

    None of this is a spoiler, by the by, since the trailer confirms that Sinestro is already imprisoned on Oa, which we will be apparently visiting in the series where Sinestro seems to be offering Hannibal Lecter-like expertise to Hal and John as their investigation leads to outer space fun-time adventures. We imagine Sinestro might not stay solely in that role, however, given his comics pedigree and destiny. But he’s far from the only comic book reveal teased in a trailer that also includes the expected cameo of Nathan Fillion as Guy Gardner, the other, other Earth Green Lantern seen in James Gunn’s Superman last year, as well as the shocking reveal that we will be meeting Manhunters in Lanterns’ first season.

    Now if you watched every episode of Justice League Unlimited, you might think that you know who the Manhunters are: cozy friendly aliens who have a Martian among their ranks helping out Superman and Batman on the side. Yeah… that’s not these guys!

    cnx.cmd.push(function() {
    cnx({
    playerId: “106e33c0-3911-473c-b599-b1426db57530”,

    }).render(“0270c398a82f44f49c23c16122516796”);
    });

    The Manhunters associated with the Green Lanterns actually performed the duty of Green Lanterns billions of years ago before the Green Lanterns were a thing. So, yep, this is about to get real nerdy!

    In the time before time itself, there were the Maltusians, undying scientists who hailed from the planet Maltus. These little blue guys lived to study and observe the space and comos around them. Unfortunately this one bloke among their ranks named Krona makes a machine that allows himself to witness the birth of Creation itself in the exact, biblical-coded conception the term “creation” conjures to mind. By essentially witnessing the hand of God at work, the Maltusians commit an Adam and Eve-like mortal sin and accidentally invite the entity of evil—ultimately characterized by the color yellow (just go with it)—into Creation. To atone for their sins, the Maltusians become the Guardians of the Universe and create robots to help them in their task: they name these robots the Manhunters. But guess what… giving omnipotent power to artificial beings turns out to be a not great idea.

    Hence the creation of the Green Lantern Corps, sentient beings with the power of imagination (and empathy and judgment), who use these essentially magic rings to make good on the Guardians’ desire to protect the universe from evil.

    This is all very 1950s, pulp magazine-coded sci-fi shenanigans, but you can take such flights of fancy very seriously. Just ask Tom King, one of the most influential comic book writers at DC in the last decade who is a co-creator on the series, which he co-wrote the pilot of alongside fellow creators Lindelof and Chris Mundy So we’re headed to a DC Universe that is about to get infinitely weirder, and hopefully more quality-controlled given the HBO pedigree of it all. If you’d like to know more about what to expect from Lanterns, check out our deep dive into the series with Murphy here or pick it up in the latest issue of Den of Geek Magazine here!

    Lanterns premieres Aug. 16 on HBO.

    The post Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU! appeared first on Den of Geek.

  • Ghost Rider: Ryan Gosling Is Bringing Kenough Energy to the MCU

    Ghost Rider: Ryan Gosling Is Bringing Kenough Energy to the MCU

    Over centuries in the Marvel Universe, Ghost Rider has gone by many names: he has been the demon Zarathos, his hosts have included the stuntman Johnny Blaze, the troubled teen Danny Ketch, the street racer Robbie Reyes. But now, he’s just Ken. Ryan Gosling was announced at SDCC 2026 to join the MCU as the […]

    The post Ghost Rider: Ryan Gosling Is Bringing Kenough Energy to the MCU appeared first on Den of Geek.

    There are two emerging schools of thoughts around HBO’s upcoming adaptation of the Green Lantern mythology on premium cable: there are those who love that it looks like a real HBO drama—most specifically True Detective with maybe a sprinkling of Watchmen (fitting since one of the series’ creators is Damon Lindelof)—and those who recoil at such a low-fi approach to one of the DC Universe’s spaciest and most operatic of space operas.

    That divide might be changing, though, after a groovy three-minute sizzle reel that just dropped on the San Diego Comic-Con faithful in Hall H. Accompanied by cast and creator appearances, the below trailer offers a cornucopia of nerdy easter eggs and tantalizing details about the upcoming Lanterns, not least of which includes how deep we’re going on the origins of good and evil in the DC Universe and the founding of the Green Lantern Corps more than three billion (with a b!) years ago.

    For those curious about what is going on in the small desolate town where a seemingly pedestrian murder investigation has caught the attention of Green Lantern Hal Jordan (Kyle Chandler) and his young new partner John Stewart (Rebel Ridge breakout Aaron Pierre), the new trailer confirms that the murderous conspiracy goes all the way to the top… including with the fan favorite villain Sinestro (played here by Ulrich Thomsen).

    If you have only have vague memories of Mark Strong hamming it up as Sinestro in the not-great-Bob Green Lantern movie starring Ryan Reynolds 15 years ago, Sinestro is more than just a condescending boss to Hal Jordan. He is, in fact, one of the greatest Green Lanterns to ever wield the little green ring. He trained Hal much like Hal is now training John, sure, but Sinestro also was the golden boy of the Corps on their HQ planet of Oa. There the Corps, under the guidance of the Guardians of the Universe, protect countless species from the threat of fear and evil itself. That is until Sinestro tried to institute a fascist takeover of his home planet of Korugar, leading to the Corps stripping him of his ring, his title, and his freedom.

    None of this is a spoiler, by the by, since the trailer confirms that Sinestro is already imprisoned on Oa, which we will be apparently visiting in the series where Sinestro seems to be offering Hannibal Lecter-like expertise to Hal and John as their investigation leads to outer space fun-time adventures. We imagine Sinestro might not stay solely in that role, however, given his comics pedigree and destiny. But he’s far from the only comic book reveal teased in a trailer that also includes the expected cameo of Nathan Fillion as Guy Gardner, the other, other Earth Green Lantern seen in James Gunn’s Superman last year, as well as the shocking reveal that we will be meeting Manhunters in Lanterns’ first season.

    Now if you watched every episode of Justice League Unlimited, you might think that you know who the Manhunters are: cozy friendly aliens who have a Martian among their ranks helping out Superman and Batman on the side. Yeah… that’s not these guys!

    cnx.cmd.push(function() {
    cnx({
    playerId: “106e33c0-3911-473c-b599-b1426db57530”,

    }).render(“0270c398a82f44f49c23c16122516796”);
    });

    The Manhunters associated with the Green Lanterns actually performed the duty of Green Lanterns billions of years ago before the Green Lanterns were a thing. So, yep, this is about to get real nerdy!

    In the time before time itself, there were the Maltusians, undying scientists who hailed from the planet Maltus. These little blue guys lived to study and observe the space and comos around them. Unfortunately this one bloke among their ranks named Krona makes a machine that allows himself to witness the birth of Creation itself in the exact, biblical-coded conception the term “creation” conjures to mind. By essentially witnessing the hand of God at work, the Maltusians commit an Adam and Eve-like mortal sin and accidentally invite the entity of evil—ultimately characterized by the color yellow (just go with it)—into Creation. To atone for their sins, the Maltusians become the Guardians of the Universe and create robots to help them in their task: they name these robots the Manhunters. But guess what… giving omnipotent power to artificial beings turns out to be a not great idea.

    Hence the creation of the Green Lantern Corps, sentient beings with the power of imagination (and empathy and judgment), who use these essentially magic rings to make good on the Guardians’ desire to protect the universe from evil.

    This is all very 1950s, pulp magazine-coded sci-fi shenanigans, but you can take such flights of fancy very seriously. Just ask Tom King, one of the most influential comic book writers at DC in the last decade who is a co-creator on the series, which he co-wrote the pilot of alongside fellow creators Lindelof and Chris Mundy So we’re headed to a DC Universe that is about to get infinitely weirder, and hopefully more quality-controlled given the HBO pedigree of it all. If you’d like to know more about what to expect from Lanterns, check out our deep dive into the series with Murphy here or pick it up in the latest issue of Den of Geek Magazine here!

    Lanterns premieres Aug. 16 on HBO.

    The post Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU! appeared first on Den of Geek.

  • The Rings of Power Showrunners on Why Season 3 Is the Right Time for Jamie Campbell Bower’s Celeborn

    The Rings of Power Showrunners on Why Season 3 Is the Right Time for Jamie Campbell Bower’s Celeborn

    Prime Video’s The Lord of the Rings: The Rings of Power has a lot of ground to cover in its third season. Not only is there still much to see and do in the show’s canon, based on the legendary J.R.R. Tolkien’s expansive Middle-earth appendices, but there are many faces, both new and old, that […]

    The post The Rings of Power Showrunners on Why Season 3 Is the Right Time for Jamie Campbell Bower’s Celeborn appeared first on Den of Geek.

    There are two emerging schools of thoughts around HBO’s upcoming adaptation of the Green Lantern mythology on premium cable: there are those who love that it looks like a real HBO drama—most specifically True Detective with maybe a sprinkling of Watchmen (fitting since one of the series’ creators is Damon Lindelof)—and those who recoil at such a low-fi approach to one of the DC Universe’s spaciest and most operatic of space operas.

    That divide might be changing, though, after a groovy three-minute sizzle reel that just dropped on the San Diego Comic-Con faithful in Hall H. Accompanied by cast and creator appearances, the below trailer offers a cornucopia of nerdy easter eggs and tantalizing details about the upcoming Lanterns, not least of which includes how deep we’re going on the origins of good and evil in the DC Universe and the founding of the Green Lantern Corps more than three billion (with a b!) years ago.

    For those curious about what is going on in the small desolate town where a seemingly pedestrian murder investigation has caught the attention of Green Lantern Hal Jordan (Kyle Chandler) and his young new partner John Stewart (Rebel Ridge breakout Aaron Pierre), the new trailer confirms that the murderous conspiracy goes all the way to the top… including with the fan favorite villain Sinestro (played here by Ulrich Thomsen).

    If you have only have vague memories of Mark Strong hamming it up as Sinestro in the not-great-Bob Green Lantern movie starring Ryan Reynolds 15 years ago, Sinestro is more than just a condescending boss to Hal Jordan. He is, in fact, one of the greatest Green Lanterns to ever wield the little green ring. He trained Hal much like Hal is now training John, sure, but Sinestro also was the golden boy of the Corps on their HQ planet of Oa. There the Corps, under the guidance of the Guardians of the Universe, protect countless species from the threat of fear and evil itself. That is until Sinestro tried to institute a fascist takeover of his home planet of Korugar, leading to the Corps stripping him of his ring, his title, and his freedom.

    None of this is a spoiler, by the by, since the trailer confirms that Sinestro is already imprisoned on Oa, which we will be apparently visiting in the series where Sinestro seems to be offering Hannibal Lecter-like expertise to Hal and John as their investigation leads to outer space fun-time adventures. We imagine Sinestro might not stay solely in that role, however, given his comics pedigree and destiny. But he’s far from the only comic book reveal teased in a trailer that also includes the expected cameo of Nathan Fillion as Guy Gardner, the other, other Earth Green Lantern seen in James Gunn’s Superman last year, as well as the shocking reveal that we will be meeting Manhunters in Lanterns’ first season.

    Now if you watched every episode of Justice League Unlimited, you might think that you know who the Manhunters are: cozy friendly aliens who have a Martian among their ranks helping out Superman and Batman on the side. Yeah… that’s not these guys!

    cnx.cmd.push(function() {
    cnx({
    playerId: “106e33c0-3911-473c-b599-b1426db57530”,

    }).render(“0270c398a82f44f49c23c16122516796”);
    });

    The Manhunters associated with the Green Lanterns actually performed the duty of Green Lanterns billions of years ago before the Green Lanterns were a thing. So, yep, this is about to get real nerdy!

    In the time before time itself, there were the Maltusians, undying scientists who hailed from the planet Maltus. These little blue guys lived to study and observe the space and comos around them. Unfortunately this one bloke among their ranks named Krona makes a machine that allows himself to witness the birth of Creation itself in the exact, biblical-coded conception the term “creation” conjures to mind. By essentially witnessing the hand of God at work, the Maltusians commit an Adam and Eve-like mortal sin and accidentally invite the entity of evil—ultimately characterized by the color yellow (just go with it)—into Creation. To atone for their sins, the Maltusians become the Guardians of the Universe and create robots to help them in their task: they name these robots the Manhunters. But guess what… giving omnipotent power to artificial beings turns out to be a not great idea.

    Hence the creation of the Green Lantern Corps, sentient beings with the power of imagination (and empathy and judgment), who use these essentially magic rings to make good on the Guardians’ desire to protect the universe from evil.

    This is all very 1950s, pulp magazine-coded sci-fi shenanigans, but you can take such flights of fancy very seriously. Just ask Tom King, one of the most influential comic book writers at DC in the last decade who is a co-creator on the series, which he co-wrote the pilot of alongside fellow creators Lindelof and Chris Mundy So we’re headed to a DC Universe that is about to get infinitely weirder, and hopefully more quality-controlled given the HBO pedigree of it all. If you’d like to know more about what to expect from Lanterns, check out our deep dive into the series with Murphy here or pick it up in the latest issue of Den of Geek Magazine here!

    Lanterns premieres Aug. 16 on HBO.

    The post Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU! appeared first on Den of Geek.

  • Meet the New Black Panther Star David Jonsson

    Meet the New Black Panther Star David Jonsson

    The 18th of December might mark Doomsday, but things are already looking a little brighter beyond that in the Marvel Cinematic Universe. After all, we just got some pretty amazing casting announcements for Phase Six, and chief among them is the shocker that closed out the Saturday night San Diego Comic-Con panel: David Jonsson will […]

    The post Meet the New Black Panther Star David Jonsson appeared first on Den of Geek.

    There are two emerging schools of thoughts around HBO’s upcoming adaptation of the Green Lantern mythology on premium cable: there are those who love that it looks like a real HBO drama—most specifically True Detective with maybe a sprinkling of Watchmen (fitting since one of the series’ creators is Damon Lindelof)—and those who recoil at such a low-fi approach to one of the DC Universe’s spaciest and most operatic of space operas.

    That divide might be changing, though, after a groovy three-minute sizzle reel that just dropped on the San Diego Comic-Con faithful in Hall H. Accompanied by cast and creator appearances, the below trailer offers a cornucopia of nerdy easter eggs and tantalizing details about the upcoming Lanterns, not least of which includes how deep we’re going on the origins of good and evil in the DC Universe and the founding of the Green Lantern Corps more than three billion (with a b!) years ago.

    For those curious about what is going on in the small desolate town where a seemingly pedestrian murder investigation has caught the attention of Green Lantern Hal Jordan (Kyle Chandler) and his young new partner John Stewart (Rebel Ridge breakout Aaron Pierre), the new trailer confirms that the murderous conspiracy goes all the way to the top… including with the fan favorite villain Sinestro (played here by Ulrich Thomsen).

    If you have only have vague memories of Mark Strong hamming it up as Sinestro in the not-great-Bob Green Lantern movie starring Ryan Reynolds 15 years ago, Sinestro is more than just a condescending boss to Hal Jordan. He is, in fact, one of the greatest Green Lanterns to ever wield the little green ring. He trained Hal much like Hal is now training John, sure, but Sinestro also was the golden boy of the Corps on their HQ planet of Oa. There the Corps, under the guidance of the Guardians of the Universe, protect countless species from the threat of fear and evil itself. That is until Sinestro tried to institute a fascist takeover of his home planet of Korugar, leading to the Corps stripping him of his ring, his title, and his freedom.

    None of this is a spoiler, by the by, since the trailer confirms that Sinestro is already imprisoned on Oa, which we will be apparently visiting in the series where Sinestro seems to be offering Hannibal Lecter-like expertise to Hal and John as their investigation leads to outer space fun-time adventures. We imagine Sinestro might not stay solely in that role, however, given his comics pedigree and destiny. But he’s far from the only comic book reveal teased in a trailer that also includes the expected cameo of Nathan Fillion as Guy Gardner, the other, other Earth Green Lantern seen in James Gunn’s Superman last year, as well as the shocking reveal that we will be meeting Manhunters in Lanterns’ first season.

    Now if you watched every episode of Justice League Unlimited, you might think that you know who the Manhunters are: cozy friendly aliens who have a Martian among their ranks helping out Superman and Batman on the side. Yeah… that’s not these guys!

    cnx.cmd.push(function() {
    cnx({
    playerId: “106e33c0-3911-473c-b599-b1426db57530”,

    }).render(“0270c398a82f44f49c23c16122516796”);
    });

    The Manhunters associated with the Green Lanterns actually performed the duty of Green Lanterns billions of years ago before the Green Lanterns were a thing. So, yep, this is about to get real nerdy!

    In the time before time itself, there were the Maltusians, undying scientists who hailed from the planet Maltus. These little blue guys lived to study and observe the space and comos around them. Unfortunately this one bloke among their ranks named Krona makes a machine that allows himself to witness the birth of Creation itself in the exact, biblical-coded conception the term “creation” conjures to mind. By essentially witnessing the hand of God at work, the Maltusians commit an Adam and Eve-like mortal sin and accidentally invite the entity of evil—ultimately characterized by the color yellow (just go with it)—into Creation. To atone for their sins, the Maltusians become the Guardians of the Universe and create robots to help them in their task: they name these robots the Manhunters. But guess what… giving omnipotent power to artificial beings turns out to be a not great idea.

    Hence the creation of the Green Lantern Corps, sentient beings with the power of imagination (and empathy and judgment), who use these essentially magic rings to make good on the Guardians’ desire to protect the universe from evil.

    This is all very 1950s, pulp magazine-coded sci-fi shenanigans, but you can take such flights of fancy very seriously. Just ask Tom King, one of the most influential comic book writers at DC in the last decade who is a co-creator on the series, which he co-wrote the pilot of alongside fellow creators Lindelof and Chris Mundy So we’re headed to a DC Universe that is about to get infinitely weirder, and hopefully more quality-controlled given the HBO pedigree of it all. If you’d like to know more about what to expect from Lanterns, check out our deep dive into the series with Murphy here or pick it up in the latest issue of Den of Geek Magazine here!

    Lanterns premieres Aug. 16 on HBO.

    The post Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU! appeared first on Den of Geek.

  • Marvel Finally Brings the X-Men’s Most Feared Villains to the MCU in Doomsday

    Marvel Finally Brings the X-Men’s Most Feared Villains to the MCU in Doomsday

    Marvel Studios packed its big presentation with even more multiversal chaos at SDCC this weekend, adding a Ryan Gosling Ghost Rider solo movie to its upcoming slate and bringing the cast of Avengers: Doomsday to the stage, even taking a little time out to reject Ryan Reynolds’ impassioned pleas to join the line-up as Deadpool. […]

    The post Marvel Finally Brings the X-Men’s Most Feared Villains to the MCU in Doomsday appeared first on Den of Geek.

    There are two emerging schools of thoughts around HBO’s upcoming adaptation of the Green Lantern mythology on premium cable: there are those who love that it looks like a real HBO drama—most specifically True Detective with maybe a sprinkling of Watchmen (fitting since one of the series’ creators is Damon Lindelof)—and those who recoil at such a low-fi approach to one of the DC Universe’s spaciest and most operatic of space operas.

    That divide might be changing, though, after a groovy three-minute sizzle reel that just dropped on the San Diego Comic-Con faithful in Hall H. Accompanied by cast and creator appearances, the below trailer offers a cornucopia of nerdy easter eggs and tantalizing details about the upcoming Lanterns, not least of which includes how deep we’re going on the origins of good and evil in the DC Universe and the founding of the Green Lantern Corps more than three billion (with a b!) years ago.

    For those curious about what is going on in the small desolate town where a seemingly pedestrian murder investigation has caught the attention of Green Lantern Hal Jordan (Kyle Chandler) and his young new partner John Stewart (Rebel Ridge breakout Aaron Pierre), the new trailer confirms that the murderous conspiracy goes all the way to the top… including with the fan favorite villain Sinestro (played here by Ulrich Thomsen).

    If you have only have vague memories of Mark Strong hamming it up as Sinestro in the not-great-Bob Green Lantern movie starring Ryan Reynolds 15 years ago, Sinestro is more than just a condescending boss to Hal Jordan. He is, in fact, one of the greatest Green Lanterns to ever wield the little green ring. He trained Hal much like Hal is now training John, sure, but Sinestro also was the golden boy of the Corps on their HQ planet of Oa. There the Corps, under the guidance of the Guardians of the Universe, protect countless species from the threat of fear and evil itself. That is until Sinestro tried to institute a fascist takeover of his home planet of Korugar, leading to the Corps stripping him of his ring, his title, and his freedom.

    None of this is a spoiler, by the by, since the trailer confirms that Sinestro is already imprisoned on Oa, which we will be apparently visiting in the series where Sinestro seems to be offering Hannibal Lecter-like expertise to Hal and John as their investigation leads to outer space fun-time adventures. We imagine Sinestro might not stay solely in that role, however, given his comics pedigree and destiny. But he’s far from the only comic book reveal teased in a trailer that also includes the expected cameo of Nathan Fillion as Guy Gardner, the other, other Earth Green Lantern seen in James Gunn’s Superman last year, as well as the shocking reveal that we will be meeting Manhunters in Lanterns’ first season.

    Now if you watched every episode of Justice League Unlimited, you might think that you know who the Manhunters are: cozy friendly aliens who have a Martian among their ranks helping out Superman and Batman on the side. Yeah… that’s not these guys!

    cnx.cmd.push(function() {
    cnx({
    playerId: “106e33c0-3911-473c-b599-b1426db57530”,

    }).render(“0270c398a82f44f49c23c16122516796”);
    });

    The Manhunters associated with the Green Lanterns actually performed the duty of Green Lanterns billions of years ago before the Green Lanterns were a thing. So, yep, this is about to get real nerdy!

    In the time before time itself, there were the Maltusians, undying scientists who hailed from the planet Maltus. These little blue guys lived to study and observe the space and comos around them. Unfortunately this one bloke among their ranks named Krona makes a machine that allows himself to witness the birth of Creation itself in the exact, biblical-coded conception the term “creation” conjures to mind. By essentially witnessing the hand of God at work, the Maltusians commit an Adam and Eve-like mortal sin and accidentally invite the entity of evil—ultimately characterized by the color yellow (just go with it)—into Creation. To atone for their sins, the Maltusians become the Guardians of the Universe and create robots to help them in their task: they name these robots the Manhunters. But guess what… giving omnipotent power to artificial beings turns out to be a not great idea.

    Hence the creation of the Green Lantern Corps, sentient beings with the power of imagination (and empathy and judgment), who use these essentially magic rings to make good on the Guardians’ desire to protect the universe from evil.

    This is all very 1950s, pulp magazine-coded sci-fi shenanigans, but you can take such flights of fancy very seriously. Just ask Tom King, one of the most influential comic book writers at DC in the last decade who is a co-creator on the series, which he co-wrote the pilot of alongside fellow creators Lindelof and Chris Mundy So we’re headed to a DC Universe that is about to get infinitely weirder, and hopefully more quality-controlled given the HBO pedigree of it all. If you’d like to know more about what to expect from Lanterns, check out our deep dive into the series with Murphy here or pick it up in the latest issue of Den of Geek Magazine here!

    Lanterns premieres Aug. 16 on HBO.

    The post Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU! appeared first on Den of Geek.

  • Avengers: Doomsday – Doctor Doom’s Tony Stark Connection and Past Revealed

    Avengers: Doomsday – Doctor Doom’s Tony Stark Connection and Past Revealed

    Marvel rocked up at Hall H during San Diego Comic-Con this weekend with a number of interesting reveals, including a new Ghost Rider movie starring Ryan Gosling and a new Black Panther for Ryan Coogler’s upcoming threequel. The studio also wowed the crowd with new footage from Avengers: Doomsday, featuring even more moments with Robert […]

    The post Avengers: Doomsday – Doctor Doom’s Tony Stark Connection and Past Revealed appeared first on Den of Geek.

    There are two emerging schools of thoughts around HBO’s upcoming adaptation of the Green Lantern mythology on premium cable: there are those who love that it looks like a real HBO drama—most specifically True Detective with maybe a sprinkling of Watchmen (fitting since one of the series’ creators is Damon Lindelof)—and those who recoil at such a low-fi approach to one of the DC Universe’s spaciest and most operatic of space operas.

    That divide might be changing, though, after a groovy three-minute sizzle reel that just dropped on the San Diego Comic-Con faithful in Hall H. Accompanied by cast and creator appearances, the below trailer offers a cornucopia of nerdy easter eggs and tantalizing details about the upcoming Lanterns, not least of which includes how deep we’re going on the origins of good and evil in the DC Universe and the founding of the Green Lantern Corps more than three billion (with a b!) years ago.

    For those curious about what is going on in the small desolate town where a seemingly pedestrian murder investigation has caught the attention of Green Lantern Hal Jordan (Kyle Chandler) and his young new partner John Stewart (Rebel Ridge breakout Aaron Pierre), the new trailer confirms that the murderous conspiracy goes all the way to the top… including with the fan favorite villain Sinestro (played here by Ulrich Thomsen).

    If you have only have vague memories of Mark Strong hamming it up as Sinestro in the not-great-Bob Green Lantern movie starring Ryan Reynolds 15 years ago, Sinestro is more than just a condescending boss to Hal Jordan. He is, in fact, one of the greatest Green Lanterns to ever wield the little green ring. He trained Hal much like Hal is now training John, sure, but Sinestro also was the golden boy of the Corps on their HQ planet of Oa. There the Corps, under the guidance of the Guardians of the Universe, protect countless species from the threat of fear and evil itself. That is until Sinestro tried to institute a fascist takeover of his home planet of Korugar, leading to the Corps stripping him of his ring, his title, and his freedom.

    None of this is a spoiler, by the by, since the trailer confirms that Sinestro is already imprisoned on Oa, which we will be apparently visiting in the series where Sinestro seems to be offering Hannibal Lecter-like expertise to Hal and John as their investigation leads to outer space fun-time adventures. We imagine Sinestro might not stay solely in that role, however, given his comics pedigree and destiny. But he’s far from the only comic book reveal teased in a trailer that also includes the expected cameo of Nathan Fillion as Guy Gardner, the other, other Earth Green Lantern seen in James Gunn’s Superman last year, as well as the shocking reveal that we will be meeting Manhunters in Lanterns’ first season.

    Now if you watched every episode of Justice League Unlimited, you might think that you know who the Manhunters are: cozy friendly aliens who have a Martian among their ranks helping out Superman and Batman on the side. Yeah… that’s not these guys!

    cnx.cmd.push(function() {
    cnx({
    playerId: “106e33c0-3911-473c-b599-b1426db57530”,

    }).render(“0270c398a82f44f49c23c16122516796”);
    });

    The Manhunters associated with the Green Lanterns actually performed the duty of Green Lanterns billions of years ago before the Green Lanterns were a thing. So, yep, this is about to get real nerdy!

    In the time before time itself, there were the Maltusians, undying scientists who hailed from the planet Maltus. These little blue guys lived to study and observe the space and comos around them. Unfortunately this one bloke among their ranks named Krona makes a machine that allows himself to witness the birth of Creation itself in the exact, biblical-coded conception the term “creation” conjures to mind. By essentially witnessing the hand of God at work, the Maltusians commit an Adam and Eve-like mortal sin and accidentally invite the entity of evil—ultimately characterized by the color yellow (just go with it)—into Creation. To atone for their sins, the Maltusians become the Guardians of the Universe and create robots to help them in their task: they name these robots the Manhunters. But guess what… giving omnipotent power to artificial beings turns out to be a not great idea.

    Hence the creation of the Green Lantern Corps, sentient beings with the power of imagination (and empathy and judgment), who use these essentially magic rings to make good on the Guardians’ desire to protect the universe from evil.

    This is all very 1950s, pulp magazine-coded sci-fi shenanigans, but you can take such flights of fancy very seriously. Just ask Tom King, one of the most influential comic book writers at DC in the last decade who is a co-creator on the series, which he co-wrote the pilot of alongside fellow creators Lindelof and Chris Mundy So we’re headed to a DC Universe that is about to get infinitely weirder, and hopefully more quality-controlled given the HBO pedigree of it all. If you’d like to know more about what to expect from Lanterns, check out our deep dive into the series with Murphy here or pick it up in the latest issue of Den of Geek Magazine here!

    Lanterns premieres Aug. 16 on HBO.

    The post Lanterns Trailer Breakdown: Sinestro, Manhunters, and the Origin of Evil in the DCU! appeared first on Den of Geek.

  • Sustainable Web Design, An Excerpt

    Sustainable Web Design, An Excerpt

    In the 1950s, many in the elite running community had begun to believe it wasn’t possible to run a mile in less than four minutes. Runners had been attempting it since the late 19th century and were beginning to draw the conclusion that the human body simply wasn’t built for the task. 

    But on May 6, 1956, Roger Bannister took everyone by surprise. It was a cold, wet day in Oxford, England—conditions no one expected to lend themselves to record-setting—and yet Bannister did just that, running a mile in 3:59.4 and becoming the first person in the record books to run a mile in under four minutes. 

    This shift in the benchmark had profound effects; the world now knew that the four-minute mile was possible. Bannister’s record lasted only forty-six days, when it was snatched away by Australian runner John Landy. Then a year later, three runners all beat the four-minute barrier together in the same race. Since then, over 1,400 runners have officially run a mile in under four minutes; the current record is 3:43.13, held by Moroccan athlete Hicham El Guerrouj.

    We achieve far more when we believe that something is possible, and we will believe it’s possible only when we see someone else has already done it—and as with human running speed, so it is with what we believe are the hard limits for how a website needs to perform.

    Establishing standards for a sustainable web

    In most major industries, the key metrics of environmental performance are fairly well established, such as miles per gallon for cars or energy per square meter for homes. The tools and methods for calculating those metrics are standardized as well, which keeps everyone on the same page when doing environmental assessments. In the world of websites and apps, however, we aren’t held to any particular environmental standards, and only recently have gained the tools and methods we need to even make an environmental assessment.

    The primary goal in sustainable web design is to reduce carbon emissions. However, it’s almost impossible to actually measure the amount of CO2 produced by a web product. We can’t measure the fumes coming out of the exhaust pipes on our laptops. The emissions of our websites are far away, out of sight and out of mind, coming out of power stations burning coal and gas. We have no way to trace the electrons from a website or app back to the power station where the electricity is being generated and actually know the exact amount of greenhouse gas produced. So what do we do? 

    If we can’t measure the actual carbon emissions, then we need to find what we can measure. The primary factors that could be used as indicators of carbon emissions are:

    1. Data transfer 
    2. Carbon intensity of electricity

    Let’s take a look at how we can use these metrics to quantify the energy consumption, and in turn the carbon footprint, of the websites and web apps we create.

    Data transfer

    Most researchers use kilowatt-hours per gigabyte (kWh/GB) as a metric of energy efficiency when measuring the amount of data transferred over the internet when a website or application is used. This provides a great reference point for energy consumption and carbon emissions. As a rule of thumb, the more data transferred, the more energy used in the data center, telecoms networks, and end user devices.

    For web pages, data transfer for a single visit can be most easily estimated by measuring the page weight, meaning the transfer size of the page in kilobytes the first time someone visits the page. It’s fairly easy to measure using the developer tools in any modern web browser. Often your web hosting account will include statistics for the total data transfer of any web application (Fig 2.1).

    The nice thing about page weight as a metric is that it allows us to compare the efficiency of web pages on a level playing field without confusing the issue with constantly changing traffic volumes. 

    Reducing page weight requires a large scope. By early 2020, the median page weight was 1.97 MB for setups the HTTP Archive classifies as “desktop” and 1.77 MB for “mobile,” with desktop increasing 36 percent since January 2016 and mobile page weights nearly doubling in the same period (Fig 2.2). Roughly half of this data transfer is image files, making images the single biggest source of carbon emissions on the average website. 

    History clearly shows us that our web pages can be smaller, if only we set our minds to it. While most technologies become ever more energy efficient, including the underlying technology of the web such as data centers and transmission networks, websites themselves are a technology that becomes less efficient as time goes on.

    You might be familiar with the concept of performance budgeting as a way of focusing a project team on creating faster user experiences. For example, we might specify that the website must load in a maximum of one second on a broadband connection and three seconds on a 3G connection. Much like speed limits while driving, performance budgets are upper limits rather than vague suggestions, so the goal should always be to come in under budget.

    Designing for fast performance does often lead to reduced data transfer and emissions, but it isn’t always the case. Web performance is often more about the subjective perception of load times than it is about the true efficiency of the underlying system, whereas page weight and transfer size are more objective measures and more reliable benchmarks for sustainable web design. 

    We can set a page weight budget in reference to a benchmark of industry averages, using data from sources like HTTP Archive. We can also benchmark page weight against competitors or the old version of the website we’re replacing. For example, we might set a maximum page weight budget as equal to our most efficient competitor, or we could set the benchmark lower to guarantee we are best in class. 

    If we want to take it to the next level, then we could also start looking at the transfer size of our web pages for repeat visitors. Although page weight for the first time someone visits is the easiest thing to measure, and easy to compare on a like-for-like basis, we can learn even more if we start looking at transfer size in other scenarios too. For example, visitors who load the same page multiple times will likely have a high percentage of the files cached in their browser, meaning they don’t need to transfer all of the files on subsequent visits. Likewise, a visitor who navigates to new pages on the same website will likely not need to load the full page each time, as some global assets from areas like the header and footer may already be cached in their browser. Measuring transfer size at this next level of detail can help us learn even more about how we can optimize efficiency for users who regularly visit our pages, and enable us to set page weight budgets for additional scenarios beyond the first visit.

    Page weight budgets are easy to track throughout a design and development process. Although they don’t actually tell us carbon emission and energy consumption analytics directly, they give us a clear indication of efficiency relative to other websites. And as transfer size is an effective analog for energy consumption, we can actually use it to estimate energy consumption too.

    In summary, reduced data transfer translates to energy efficiency, a key factor to reducing carbon emissions of web products. The more efficient our products, the less electricity they use, and the less fossil fuels need to be burned to produce the electricity to power them. But as we’ll see next, since all web products demand some power, it’s important to consider the source of that electricity, too.

    Carbon intensity of electricity

    Regardless of energy efficiency, the level of pollution caused by digital products depends on the carbon intensity of the energy being used to power them. Carbon intensity is a term used to define the grams of CO2 produced for every kilowatt-hour of electricity (gCO2/kWh). This varies widely, with renewable energy sources and nuclear having an extremely low carbon intensity of less than 10 gCO2/kWh (even when factoring in their construction); whereas fossil fuels have very high carbon intensity of approximately 200–400 gCO2/kWh. 

    Most electricity comes from national or state grids, where energy from a variety of different sources is mixed together with varying levels of carbon intensity. The distributed nature of the internet means that a single user of a website or app might be using energy from multiple different grids simultaneously; a website user in Paris uses electricity from the French national grid to power their home internet and devices, but the website’s data center could be in Dallas, USA, pulling electricity from the Texas grid, while the telecoms networks use energy from everywhere between Dallas and Paris.

    We don’t have control over the full energy supply of web services, but we do have some control over where we host our projects. With a data center using a significant proportion of the energy of any website, locating the data center in an area with low carbon energy will tangibly reduce its carbon emissions. Danish startup Tomorrow reports and maps this user-contributed data, and a glance at their map shows how, for example, choosing a data center in France will have significantly lower carbon emissions than a data center in the Netherlands (Fig 2.3).

    That said, we don’t want to locate our servers too far away from our users; it takes energy to transmit data through the telecom’s networks, and the further the data travels, the more energy is consumed. Just like food miles, we can think of the distance from the data center to the website’s core user base as “megabyte miles”—and we want it to be as small as possible.

    Using the distance itself as a benchmark, we can use website analytics to identify the country, state, or even city where our core user group is located and measure the distance from that location to the data center used by our hosting company. This will be a somewhat fuzzy metric as we don’t know the precise center of mass of our users or the exact location of a data center, but we can at least get a rough idea. 

    For example, if a website is hosted in London but the primary user base is on the West Coast of the USA, then we could look up the distance from London to San Francisco, which is 5,300 miles. That’s a long way! We can see that hosting it somewhere in North America, ideally on the West Coast, would significantly reduce the distance and thus the energy used to transmit the data. In addition, locating our servers closer to our visitors helps reduce latency and delivers better user experience, so it’s a win-win.

    Converting it back to carbon emissions

    If we combine carbon intensity with a calculation for energy consumption, we can calculate the carbon emissions of our websites and apps. A tool my team created does this by measuring the data transfer over the wire when loading a web page, calculating the amount of electricity associated, and then converting that into a figure for CO2 (Fig 2.4). It also factors in whether or not the web hosting is powered by renewable energy.

    If you want to take it to the next level and tailor the data more accurately to the unique aspects of your project, the Energy and Emissions Worksheet accompanying this book shows you how.

    With the ability to calculate carbon emissions for our projects, we could actually take a page weight budget one step further and set carbon budgets as well. CO2 is not a metric commonly used in web projects; we’re more familiar with kilobytes and megabytes, and can fairly easily look at design options and files to assess how big they are. Translating that into carbon adds a layer of abstraction that isn’t as intuitive—but carbon budgets do focus our minds on the primary thing we’re trying to reduce, and support the core objective of sustainable web design: reducing carbon emissions.

    Browser Energy

    Data transfer might be the simplest and most complete analog for energy consumption in our digital projects, but by giving us one number to represent the energy used in the data center, the telecoms networks, and the end user’s devices, it can’t offer us insights into the efficiency in any specific part of the system.

    One part of the system we can look at in more detail is the energy used by end users’ devices. As front-end web technologies become more advanced, the computational load is increasingly moving from the data center to users’ devices, whether they be phones, tablets, laptops, desktops, or even smart TVs. Modern web browsers allow us to implement more complex styling and animation on the fly using CSS and JavaScript. Furthermore, JavaScript libraries such as Angular and React allow us to create applications where the “thinking” work is done partly or entirely in the browser. 

    All of these advances are exciting and open up new possibilities for what the web can do to serve society and create positive experiences. However, more computation in the user’s web browser means more energy used by their devices. This has implications not just environmentally, but also for user experience and inclusivity. Applications that put a heavy processing load on the user’s device can inadvertently exclude users with older, slower devices and cause batteries on phones and laptops to drain faster. Furthermore, if we build web applications that require the user to have up-to-date, powerful devices, people throw away old devices much more frequently. This isn’t just bad for the environment, but it puts a disproportionate financial burden on the poorest in society.

    In part because the tools are limited, and partly because there are so many different models of devices, it’s difficult to measure website energy consumption on end users’ devices. One tool we do currently have is the Energy Impact monitor inside the developer console of the Safari browser (Fig 2.5).

    You know when you load a website and your computer’s cooling fans start spinning so frantically you think it might actually take off? That’s essentially what this tool is measuring. 

    It shows us the percentage of CPU used and the duration of CPU usage when loading the web page, and uses these figures to generate an energy impact rating. It doesn’t give us precise data for the amount of electricity used in kilowatts, but the information it does provide can be used to benchmark how efficiently your websites use energy and set targets for improvement.

  • A Content Model Is Not a Design System

    A Content Model Is Not a Design System

    Do you remember when having a great website was enough? Now, people are getting answers from Siri, Google search snippets, and mobile apps, not just our websites. Forward-thinking organizations have adopted an omnichannel content strategy, whose mission is to reach audiences across multiple digital channels and platforms.

    But how do you set up a content management system (CMS) to reach your audience now and in the future? I learned the hard way that creating a content model—a definition of content types, attributes, and relationships that let people and systems understand content—with my more familiar design-system thinking would capsize my customer’s omnichannel content strategy. You can avoid that outcome by creating content models that are semantic and that also connect related content. 

    I recently had the opportunity to lead the CMS implementation for a Fortune 500 company. The client was excited by the benefits of an omnichannel content strategy, including content reuse, multichannel marketing, and robot delivery—designing content to be intelligible to bots, Google knowledge panels, snippets, and voice user interfaces. 

    A content model is a critical foundation for an omnichannel content strategy, and for our content to be understood by multiple systems, the model needed semantic types—types named according to their meaning instead of their presentation. Our goal was to let authors create content and reuse it wherever it was relevant. But as the project proceeded, I realized that supporting content reuse at the scale that my customer needed required the whole team to recognize a new pattern.

    Despite our best intentions, we kept drawing from what we were more familiar with: design systems. Unlike web-focused content strategies, an omnichannel content strategy can’t rely on WYSIWYG tools for design and layout. Our tendency to approach the content model with our familiar design-system thinking constantly led us to veer away from one of the primary purposes of a content model: delivering content to audiences on multiple marketing channels.

    Two essential principles for an effective content model

    We needed to help our designers, developers, and stakeholders understand that we were doing something very different from their prior web projects, where it was natural for everyone to think about content as visual building blocks fitting into layouts. The previous approach was not only more familiar but also more intuitive—at least at first—because it made the designs feel more tangible. We discovered two principles that helped the team understand how a content model differs from the design systems that we were used to:

    1. Content models must define semantics instead of layout.
    2. And content models should connect content that belongs together.

    Semantic content models

    A semantic content model uses type and attribute names that reflect the meaning of the content, not how it will be displayed. For example, in a nonsemantic model, teams might create types like teasers, media blocks, and cards. Although these types might make it easy to lay out content, they don’t help delivery channels understand the content’s meaning, which in turn would have opened the door to the content being presented in each marketing channel. In contrast, a semantic content model uses type names like product, service, and testimonial so that each delivery channel can understand the content and use it as it sees fit. 

    When you’re creating a semantic content model, a great place to start is to look over the types and properties defined by Schema.org, a community-driven resource for type definitions that are intelligible to platforms like Google search.

    A semantic content model has several benefits:

    • Even if your team doesn’t care about omnichannel content, a semantic content model decouples content from its presentation so that teams can evolve the website’s design without needing to refactor its content. In this way, content can withstand disruptive website redesigns. 
    • A semantic content model also provides a competitive edge. By adding structured data based on Schema.org’s types and properties, a website can provide hints to help Google understand the content, display it in search snippets or knowledge panels, and use it to answer voice-interface user questions. Potential visitors could discover your content without ever setting foot in your website.
    • Beyond those practical benefits, you’ll also need a semantic content model if you want to deliver omnichannel content. To use the same content in multiple marketing channels, delivery channels need to be able to understand it. For example, if your content model were to provide a list of questions and answers, it could easily be rendered on a frequently asked questions (FAQ) page, but it could also be used in a voice interface or by a bot that answers common questions.

    For example, using a semantic content model for articles, events, people, and locations lets A List Apart provide cleanly structured data for search engines so that users can read the content on the website, in Google knowledge panels, and even with hypothetical voice interfaces in the future.

    Content models that connect

    After struggling to describe what makes a good content model, I’ve come to realize that the best models are those that are semantic and that also connect related content components (such as a FAQ item’s question and answer pair), instead of slicing up related content across disparate content components. A good content model connects content that should remain together so that multiple delivery channels can use it without needing to first put those pieces back together.

    Think about writing an article or essay. An article’s meaning and usefulness depends upon its parts being kept together. Would one of the headings or paragraphs be meaningful on their own without the context of the full article? On our project, our familiar design-system thinking often led us to want to create content models that would slice content into disparate chunks to fit the web-centric layout. This had a similar impact to an article that were to have been separated from its headline. Because we were slicing content into standalone pieces based on layout, content that belonged together became difficult to manage and nearly impossible for multiple delivery channels to understand.

    To illustrate, let’s look at how connecting related content applies in a real-world scenario. The design team for our customer presented a complex layout for a software product page that included multiple tabs and sections. Our instincts were to follow suit with the content model. Shouldn’t we make it as easy and as flexible as possible to add any number of tabs in the future?

    Because our design-system instincts were so familiar, it felt like we had needed a content type called “tab section” so that multiple tab sections could be added to a page. Each tab section would display various types of content. One tab might provide the software’s overview or its specifications. Another tab might provide a list of resources. 

    Our inclination to break down the content model into “tab section” pieces would have led to an unnecessarily complex model and a cumbersome editing experience, and it would have also created content that couldn’t have been understood by additional delivery channels. For example, how would another system have been able to tell which “tab section” referred to a product’s specifications or its resource list—would that other system have to have resorted to counting tab sections and content blocks? This would have prevented the tabs from ever being reordered, and it would have required adding logic in every other delivery channel to interpret the design system’s layout. Furthermore, if the customer were to have no longer wanted to display this content in a tab layout, it would have been tedious to migrate to a new content model to reflect the new page redesign.

    We had a breakthrough when we discovered that our customer had a specific purpose in mind for each tab: it would reveal specific information such as the software product’s overview, specifications, related resources, and pricing. Once implementation began, our inclination to focus on what’s visual and familiar had obscured the intent of the designs. With a little digging, it didn’t take long to realize that the concept of tabs wasn’t relevant to the content model. The meaning of the content that they were planning to display in the tabs was what mattered.

    In fact, the customer could have decided to display this content in a different way—without tabs—somewhere else. This realization prompted us to define content types for the software product based on the meaningful attributes that the customer had wanted to render on the web. There were obvious semantic attributes like name and description as well as rich attributes like screenshots, software requirements, and feature lists. The software’s product information stayed together because it wasn’t sliced across separate components like “tab sections” that were derived from the content’s presentation. Any delivery channel—including future ones—could understand and present this content.

    Conclusion

    In this omnichannel marketing project, we discovered that the best way to keep our content model on track was to ensure that it was semantic (with type and attribute names that reflected the meaning of the content) and that it kept content together that belonged together (instead of fragmenting it). These two concepts curtailed our temptation to shape the content model based on the design. So if you’re working on a content model to support an omnichannel content strategy—or even if you just want to make sure that Google and other interfaces understand your content—remember:

    • A design system isn’t a content model. Team members may be tempted to conflate them and to make your content model mirror your design system, so you should protect the semantic value and contextual structure of the content strategy during the entire implementation process. This will let every delivery channel consume the content without needing a magic decoder ring.
    • If your team is struggling to make this transition, you can still reap some of the benefits by using Schema.org–based structured data in your website. Even if additional delivery channels aren’t on the immediate horizon, the benefit to search engine optimization is a compelling reason on its own.
    • Additionally, remind the team that decoupling the content model from the design will let them update the designs more easily because they won’t be held back by the cost of content migrations. They’ll be able to create new designs without the obstacle of compatibility between the design and the content, and ​they’ll be ready for the next big thing. 

    By rigorously advocating for these principles, you’ll help your team treat content the way that it deserves—as the most critical asset in your user experience and the best way to connect with your audience.

  • Design for Safety, An Excerpt

    Design for Safety, An Excerpt

    Antiracist economist Kim Crayton says that “intention without strategy is chaos.” We’ve discussed how our biases, assumptions, and inattention toward marginalized and vulnerable groups lead to dangerous and unethical tech—but what, specifically, do we need to do to fix it? The intention to make our tech safer is not enough; we need a strategy.

    This chapter will equip you with that plan of action. It covers how to integrate safety principles into your design work in order to create tech that’s safe, how to convince your stakeholders that this work is necessary, and how to respond to the critique that what we actually need is more diversity. (Spoiler: we do, but diversity alone is not the antidote to fixing unethical, unsafe tech.)

    The process for inclusive safety

    When you are designing for safety, your goals are to:

    • identify ways your product can be used for abuse,
    • design ways to prevent the abuse, and
    • provide support for vulnerable users to reclaim power and control.

    The Process for Inclusive Safety is a tool to help you reach those goals (Fig 5.1). It’s a methodology I created in 2018 to capture the various techniques I was using when designing products with safety in mind. Whether you are creating an entirely new product or adding to an existing feature, the Process can help you make your product safe and inclusive. The Process includes five general areas of action:

    • Conducting research
    • Creating archetypes
    • Brainstorming problems
    • Designing solutions
    • Testing for safety

    The Process is meant to be flexible—it won’t make sense for teams to implement every step in some situations. Use the parts that are relevant to your unique work and context; this is meant to be something you can insert into your existing design practice.

    And once you use it, if you have an idea for making it better or simply want to provide context of how it helped your team, please get in touch with me. It’s a living document that I hope will continue to be a useful and realistic tool that technologists can use in their day-to-day work.

    If you’re working on a product specifically for a vulnerable group or survivors of some form of trauma, such as an app for survivors of domestic violence, sexual assault, or drug addiction, be sure to read Chapter 7, which covers that situation explicitly and should be handled a bit differently. The guidelines here are for prioritizing safety when designing a more general product that will have a wide user base (which, we already know from statistics, will include certain groups that should be protected from harm). Chapter 7 is focused on products that are specifically for vulnerable groups and people who have experienced trauma.

    Step 1: Conduct research

    Design research should include a broad analysis of how your tech might be weaponized for abuse as well as specific insights into the experiences of survivors and perpetrators of that type of abuse. At this stage, you and your team will investigate issues of interpersonal harm and abuse, and explore any other safety, security, or inclusivity issues that might be a concern for your product or service, like data security, racist algorithms, and harassment.

    Broad research

    Your project should begin with broad, general research into similar products and issues around safety and ethical concerns that have already been reported. For example, a team building a smart home device would do well to understand the multitude of ways that existing smart home devices have been used as tools of abuse. If your product will involve AI, seek to understand the potentials for racism and other issues that have been reported in existing AI products. Nearly all types of technology have some kind of potential or actual harm that’s been reported on in the news or written about by academics. Google Scholar is a useful tool for finding these studies.

    Specific research: Survivors

    When possible and appropriate, include direct research (surveys and interviews) with people who are experts in the forms of harm you have uncovered. Ideally, you’ll want to interview advocates working in the space of your research first so that you have a more solid understanding of the topic and are better equipped to not retraumatize survivors. If you’ve uncovered possible domestic violence issues, for example, the experts you’ll want to speak with are survivors themselves, as well as workers at domestic violence hotlines, shelters, other related nonprofits, and lawyers.

    Especially when interviewing survivors of any kind of trauma, it is important to pay people for their knowledge and lived experiences. Don’t ask survivors to share their trauma for free, as this is exploitative. While some survivors may not want to be paid, you should always make the offer in the initial ask. An alternative to payment is to donate to an organization working against the type of violence that the interviewee experienced. We’ll talk more about how to appropriately interview survivors in Chapter 6.

    Specific research: Abusers

    It’s unlikely that teams aiming to design for safety will be able to interview self-proclaimed abusers or people who have broken laws around things like hacking. Don’t make this a goal; rather, try to get at this angle in your general research. Aim to understand how abusers or bad actors weaponize technology to use against others, how they cover their tracks, and how they explain or rationalize the abuse.

    Step 2: Create archetypes

    Once you’ve finished conducting your research, use your insights to create abuser and survivor archetypes. Archetypes are not personas, as they’re not based on real people that you interviewed and surveyed. Instead, they’re based on your research into likely safety issues, much like when we design for accessibility: we don’t need to have found a group of blind or low-vision users in our interview pool to create a design that’s inclusive of them. Instead, we base those designs on existing research into what this group needs. Personas typically represent real users and include many details, while archetypes are broader and can be more generalized.

    The abuser archetype is someone who will look at the product as a tool to perform harm (Fig 5.2). They may be trying to harm someone they don’t know through surveillance or anonymous harassment, or they may be trying to control, monitor, abuse, or torment someone they know personally.

    The survivor archetype is someone who is being abused with the product. There are various situations to consider in terms of the archetype’s understanding of the abuse and how to put an end to it: Do they need proof of abuse they already suspect is happening, or are they unaware they’ve been targeted in the first place and need to be alerted (Fig 5.3)?

    You may want to make multiple survivor archetypes to capture a range of different experiences. They may know that the abuse is happening but not be able to stop it, like when an abuser locks them out of IoT devices; or they know it’s happening but don’t know how, such as when a stalker keeps figuring out their location (Fig 5.4). Include as many of these scenarios as you need to in your survivor archetype. You’ll use these later on when you design solutions to help your survivor archetypes achieve their goals of preventing and ending abuse.

    It may be useful for you to create persona-like artifacts for your archetypes, such as the three examples shown. Instead of focusing on the demographic information we often see in personas, focus on their goals. The goals of the abuser will be to carry out the specific abuse you’ve identified, while the goals of the survivor will be to prevent abuse, understand that abuse is happening, make ongoing abuse stop, or regain control over the technology that’s being used for abuse. Later, you’ll brainstorm how to prevent the abuser’s goals and assist the survivor’s goals.

    And while the “abuser/survivor” model fits most cases, it doesn’t fit all, so modify it as you need to. For example, if you uncovered an issue with security, such as the ability for someone to hack into a home camera system and talk to children, the malicious hacker would get the abuser archetype and the child’s parents would get survivor archetype.

    Step 3: Brainstorm problems

    After creating archetypes, brainstorm novel abuse cases and safety issues. “Novel” means things not found in your research; you’re trying to identify completely new safety issues that are unique to your product or service. The goal with this step is to exhaust every effort of identifying harms your product could cause. You aren’t worrying about how to prevent the harm yet—that comes in the next step.

    How could your product be used for any kind of abuse, outside of what you’ve already identified in your research? I recommend setting aside at least a few hours with your team for this process.

    If you’re looking for somewhere to start, try doing a Black Mirror brainstorm. This exercise is based on the show Black Mirror, which features stories about the dark possibilities of technology. Try to figure out how your product would be used in an episode of the show—the most wild, awful, out-of-control ways it could be used for harm. When I’ve led Black Mirror brainstorms, participants usually end up having a good deal of fun (which I think is great—it’s okay to have fun when designing for safety!). I recommend time-boxing a Black Mirror brainstorm to half an hour, and then dialing it back and using the rest of the time thinking of more realistic forms of harm.

    After you’ve identified as many opportunities for abuse as possible, you may still not feel confident that you’ve uncovered every potential form of harm. A healthy amount of anxiety is normal when you’re doing this kind of work. It’s common for teams designing for safety to worry, “Have we really identified every possible harm? What if we’ve missed something?” If you’ve spent at least four hours coming up with ways your product could be used for harm and have run out of ideas, go to the next step.

    It’s impossible to guarantee you’ve thought of everything; instead of aiming for 100 percent assurance, recognize that you’ve taken this time and have done the best you can, and commit to continuing to prioritize safety in the future. Once your product is released, your users may identify new issues that you missed; aim to receive that feedback graciously and course-correct quickly.

    Step 4: Design solutions

    At this point, you should have a list of ways your product can be used for harm as well as survivor and abuser archetypes describing opposing user goals. The next step is to identify ways to design against the identified abuser’s goals and to support the survivor’s goals. This step is a good one to insert alongside existing parts of your design process where you’re proposing solutions for the various problems your research uncovered.

    Some questions to ask yourself to help prevent harm and support your archetypes include:

    • Can you design your product in such a way that the identified harm cannot happen in the first place? If not, what roadblocks can you put up to prevent the harm from happening?
    • How can you make the victim aware that abuse is happening through your product?
    • How can you help the victim understand what they need to do to make the problem stop?
    • Can you identify any types of user activity that would indicate some form of harm or abuse? Could your product help the user access support?

    In some products, it’s possible to proactively recognize that harm is happening. For example, a pregnancy app might be modified to allow the user to report that they were the victim of an assault, which could trigger an offer to receive resources for local and national organizations. This sort of proactiveness is not always possible, but it’s worth taking a half hour to discuss if any type of user activity would indicate some form of harm or abuse, and how your product could assist the user in receiving help in a safe manner.

    That said, use caution: you don’t want to do anything that could put a user in harm’s way if their devices are being monitored. If you do offer some kind of proactive help, always make it voluntary, and think through other safety issues, such as the need to keep the user in-app in case an abuser is checking their search history. We’ll walk through a good example of this in the next chapter.

    Step 5: Test for safety

    The final step is to test your prototypes from the point of view of your archetypes: the person who wants to weaponize the product for harm and the victim of the harm who needs to regain control over the technology. Just like any other kind of product testing, at this point you’ll aim to rigorously test out your safety solutions so that you can identify gaps and correct them, validate that your designs will help keep your users safe, and feel more confident releasing your product into the world.

    Ideally, safety testing happens along with usability testing. If you’re at a company that doesn’t do usability testing, you might be able to use safety testing to cleverly perform both; a user who goes through your design attempting to weaponize the product against someone else can also be encouraged to point out interactions or other elements of the design that don’t make sense to them.

    You’ll want to conduct safety testing on either your final prototype or the actual product if it’s already been released. There’s nothing wrong with testing an existing product that wasn’t designed with safety goals in mind from the onset—“retrofitting” it for safety is a good thing to do.

    Remember that testing for safety involves testing from the perspective of both an abuser and a survivor, though it may not make sense for you to do both. Alternatively, if you made multiple survivor archetypes to capture multiple scenarios, you’ll want to test from the perspective of each one.

    As with other sorts of usability testing, you as the designer are most likely too close to the product and its design by this point to be a valuable tester; you know the product too well. Instead of doing it yourself, set up testing as you would with other usability testing: find someone who is not familiar with the product and its design, set the scene, give them a task, encourage them to think out loud, and observe how they attempt to complete it.

    Abuser testing

    The goal of this testing is to understand how easy it is for someone to weaponize your product for harm. Unlike with usability testing, you want to make it impossible, or at least difficult, for them to achieve their goal. Reference the goals in the abuser archetype you created earlier, and use your product in an attempt to achieve them.

    For example, for a fitness app with GPS-enabled location features, we can imagine that the abuser archetype would have the goal of figuring out where his ex-girlfriend now lives. With this goal in mind, you’d try everything possible to figure out the location of another user who has their privacy settings enabled. You might try to see her running routes, view any available information on her profile, view anything available about her location (which she has set to private), and investigate the profiles of any other users somehow connected with her account, such as her followers.

    If by the end of this you’ve managed to uncover some of her location data, despite her having set her profile to private, you know now that your product enables stalking. Your next step is to go back to step 4 and figure out how to prevent this from happening. You may need to repeat the process of designing solutions and testing them more than once.

    Survivor testing

    Survivor testing involves identifying how to give information and power to the survivor. It might not always make sense based on the product or context. Thwarting the attempt of an abuser archetype to stalk someone also satisfies the goal of the survivor archetype to not be stalked, so separate testing wouldn’t be needed from the survivor’s perspective.

    However, there are cases where it makes sense. For example, for a smart thermostat, a survivor archetype’s goals would be to understand who or what is making the temperature change when they aren’t doing it themselves. You could test this by looking for the thermostat’s history log and checking for usernames, actions, and times; if you couldn’t find that information, you would have more work to do in step 4.

    Another goal might be regaining control of the thermostat once the survivor realizes the abuser is remotely changing its settings. Your test would involve attempting to figure out how to do this: are there instructions that explain how to remove another user and change the password, and are they easy to find? This might again reveal that more work is needed to make it clear to the user how they can regain control of the device or account.

    Stress testing

    To make your product more inclusive and compassionate, consider adding stress testing. This concept comes from Design for Real Life by Eric Meyer and Sara Wachter-Boettcher. The authors pointed out that personas typically center people who are having a good day—but real users are often anxious, stressed out, having a bad day, or even experiencing tragedy. These are called “stress cases,” and testing your products for users in stress-case situations can help you identify places where your design lacks compassion. Design for Real Life has more details about what it looks like to incorporate stress cases into your design as well as many other great tactics for compassionate design.