Tag Archives: judge

Using Ethics In Web Design

Every design decision is a decision made on behalf of other people, those we often refer to as “end-users.” As the creators of designed experiences used by people all over the world, it is our responsibility to think carefully about how our decisions impact the person on the other end of the conversation. Even small and seemingly insignificant decisions can have enormous implications, and ethics can help ensure the longevity of our designs and help us carve paths to better futures for everyone.

Earlier this month, a friend reached out with a question:

How hard would it be to use the processing power of computers visiting their site to mine for cryptocurrencies?

The first I heard of cryptocurrency mining (cryptojacking for short) through websites was a news story from September 2017 about a script found on the website of a TV network called Showtime. Since then, similar scripts have appeared on everything from government websites to good old-fashioned blogs. Sometimes the scripts are put there by hackers (first documented by Scott Helme), other times by the site developers themselves.

The most recent example is from the folks at Salon who are testing out cryptojacking as an alternative revenue stream from visitors who use ad blockers:


Screenshot of Salon.com FAQ page


Salon.com FAQ page about ad blockers and cryptojacking. (Source)

In response, I told my friend “this is an ethical question more than a practical one” and sent a series of questions back:

  1. What world are you building for your visitors? What capabilities are you granting or enabling?
  2. What kind of person do you become by doing this, and is that the kind of person you aspire to be?
  3. Would you want every other person in your position to make the same decision you just made? Are you upholding your duties of care?
  4. Does this improve the lives of everyone affected?

I created these questions as a basis of an ethical framework for design decisions. They enable us to think not just about what, how, and why we do things but also to what end and they remind us to put “ought” before “can” when decisions need to be made.

“Ethics” is the word du jour in tech, and it’s for a good reason. As the connected age emerges into adulthood, we are coming to terms with the consequences of decisions made in garages and coffee shops and dorm rooms years ago; solutions built to keep us engaged are distorting our understanding of reality. Platforms built to connect us are becoming breeding grounds of hatred and division. It turns out that even small choices can have a monumental impact when amplified through a user base of billions.

It’s about time that we, the people who build the web, initiate a conversation about where we are and where we want to go, about how we define and measure goodness and rightness in the digital realm, about responsibility, about decisions and consequences, about building something bigger than our own apps. It is time we talk about the ethics of web design.

In this article, we will cover:

  • The current state of ethics in design and technology;
  • The basic design ethics framework;
  • How to evaluate consequences of our work;
  • What norms and expectations are we establishing with our work;
  • What type of person do we become in the process;
  • What environments are we building for the end-user;
  • The Ethical Principles of Web Design (checklist)

Ethics And Design

Every design decision is a decision made on behalf of our users. As the creators of designed experiences used by people all over the world, it is our responsibility to think carefully about not just how we do something at a technical level or what goals we are trying to achieve for ourselves or our clients or companies, but why we do it and how our decisions impact the person on the other end of the conversation. With every decision, we have the shared opportunity and responsibility to think about the ethics of web design, not just as a high flying ideal about doing no harm or doing the right thing, but as a fundamental part of our everyday process.

Rather than a wet moralistic blanket covering the fires of creativity, I aim to show how ethics can be the hearth that makes our creative fires burn brighter, without burning down the house.

The good news is we are not heading into an unexplored wilderness. The world of ethics is well traveled and the cowpaths are all but paved. For centuries, philosophers have grappled with the same questions we now face in the tech industry: how to make decisions that bring more good than bad into the world, to whom and for what we are responsible, how to measure success not just in more wealth for ourselves but also in the betterment of life for everyone. Using their theories as our foundation, we can establish a framework for the ethics of web design that help us make better decisions for everyone both today and in the future.

Ethics is not about making a list of good and bad acts, it’s about creating a method for evaluating each decision and each act from an ethical perspective.

Ethical Principles In The Tech Community

Ethics can and should be a core component of web design and computer sciences in general. The challenge is that ethics is not a label, it’s a practice. In the tech community, ethical principles tend toward grand statements and nice sounding rules like “don’t be evil” or “do the right thing” without anchoring these rules in the solid foundation of an ethical framework. These rules provide an air of ethical decision making while laying the groundwork for moral relativism.

It’s easy enough to say “do no harm,” but if you don’t also define what you mean by “harm”, to whom this harm can be done, and who judges whether or not harm has been done, these words have little to contribute except to make us feel good. If we say we want to do good but don’t have clearly established definitions of what good is, how we judge whether something is good, and why we want to do good in the first place, we have effectively granted ourselves a license to do anything we want — a textbook example of subjective moral relativism.

On the flipside, if some industry or government body makes a list of good and bad acts and declares it the law of the web design lands without providing an ethical framework to make and test these judgments, the door is opened to authoritarian moralism and the inevitable stifling of creativity.

We Need An Ethical Framework

Ethics can provide a framework for careful consideration of the decisions we make and their outcomes, and give us the tools to make better decisions and think more broadly about the implications of our work and actions. An ethical framework for web design should provide tools to objectively judge the value of individual decisions and actions based on agreed-upon principles. Rather than declare every decision or act of a certain type always good or bad, it should grant us the ability to see every decision in its context and judge it based not only on its intentions or outcomes but also on whether it should be a best practice, what virtues it promotes, and what capabilities it grants and enables for those affected.
I propose we use the lessons from four moral philosophies as the piers of a bridge to carry future web designers over the ethical marshlands we find ourselves mired in.

In this context the term “web designer” is a broad umbrella covering anyone who makes decisions about the function, functionality, appearance, and interactivity of a web experience, and “web design” a term covering the craft and work of a web designer. Though we commonly think of a “web designer” as the person literally designing the appearance of what is displayed on a screen, the reality is everyone — from back-end developers through information architects, content strategists, UX and UI designers, even content creators — makes design decisions that impact the experience of the people who use our creations. Databases are designed. So are content models and navigation patterns and taxonomy structures and headlines.

Ethical Framework (The Short Version)

Before we dive in, let me give you the short version: a mnemonic device that will help you see where we’re going in this article and help you remember to check the Ethical Principles of Web Design every time a decision is made. I call it the “Bridge of Ethics”:


Illustration of a bridge with four piers


The Ethical Bridge with its four piers: Capability Approach, Virtue Ethics, Deontology, and Consequentialism.

The Bridge of Ethics allows a designer to cross ethical marshlands by passing over four piers representing the four moral philosophies covered in this article. Each pier has central questions to be answered:

Capability Approach Virtue Ethics Deontology Consequentialism
What world are you building for the end-user? What capabilities are you granting or enabling? What type of person do you become in the process? What norms and expectations are you establishing? Are you upholding your duties of care? What are the consequences of your decision? Do they improve the common good of those affected?

When evaluating a new design decision, start from the left establishing what capabilities you grant or enable in the end-user and then move to the right. When evaluating an existing design or service, start from the right establishing the consequences created by the decision and move to the left.

With that image in your head, let’s get crackin’!

A Practical Example To Lead The Way

To make sense of how the Ethics of Web Design would work in a real setting, I’ve built this article around a practical example which looks at how we can use ethics to tackle one of the hard problems of the web: Making money from publishing content online.


'We Make Things' illustration

Meet Maiken and Kenneth, cat aficionados and online entrepreneurs. They have an online store where they sell products, some of their own creation, some as resellers. Now they want to set up a website where they share tips and tricks about their passion (cats) and earn a bit of passive income in the process.

Ever since web design and development became accessible to the masses, everyone from bloggers to website- and web service owners have tried to figure out how to turn online content into cold hard cash. The first, and most prominent way of doing this is through online advertising; placing ads throughout the site, either in dedicated areas or intermingled with the content, and charging the advertisers either based on impression (someone sees the ad), interaction (someone clicks the ad), or both.

Maiken and Kenneth see advertising as a possible revenue stream and want to implement advertising in an ethical way. This brings us to the first pier of the Bridge of Ethics:

1. Consequentialism: The Many Before The Few

The predominant ethical theory in most industries is consequentialism, more specifically utilitarianism (more in-depth analysis). In short, an act that benefits the majority is considered good even if a minority suffers as a result because the overall utility of the act is positive. To put an edge on it, in consequentialism the ends justify the means, and in utilitarianism, any act is considered good if the resulting benefits outweigh the costs.


Illustration of web site banners pushing users to act

Utilitarianism In The Tech Space

Consequentialist and Utilitarian ethics are woven into every aspect of the tech space. We find them in our decision making processes and procedures any time we base our decisions on their overall utility: “Will the majority of our users benefit from this new feature?” “Can this bug be ignored since it only impacts a small percentage of users?” “Can we make this decision on behalf of our users to reduce the complexity of the interface?”

From a business standpoint, this makes sense: If the majority of users are happy, the business thrives. But this approach also opens the door to implicit or explicit bias and discrimination: If the only thing that matters is maximizing utility, ignoring or causing harm to a minority becomes acceptable. This is further complicated by our inability to accurately predict the consequences of our decisions and look at a situation from a neutral position devoid of our own privilege and bias.

Utilitarianism Puts Marginalized Groups On The Sidelines

A prime example of this is web accessibility. For decades web designers have used utilitarianism as an excuse for not building accessible web solutions. Arguments around complexity, cost, and “design limitations” are in reality judgments of utility: Web designers often conclude that the utility gained by people dependent on accessible solutions is outweighed by the utility of time-, cost-, and design efficiency gained by not considering accessibility.

And accessibility is not the only example. As an example, consequentialist ethics can be used to justify underserving or outright ignoring users of inexpensive technologies with older browsers on slower networks in rural areas and countries we can’t place on a map. Talk to any front-end web developer about Internet Explorer support, and you’ll see this in action.

Different vantage points

When Maiken and Kenneth explore the ethics of placing advertisements on their website, they first need to look at their decision from the perspective of a consequentialist: Do the ads on the website maximize utility for the affected parties?

If we look at the ads in isolation, the answer is a resounding “no.” Very few people want to be exposed to ads, and those ads are often distracting, reduce performance, and “cheapen” the experience of visiting the site. If, on the other hand, we zoom out a bit, it can be argued that ads maximize utility because ads on a page pay for the content and access to it. The site owner pays the cost of content creation and hosting through ad revenues, the consumer pays for access by letting themselves be exposed to ads.

Does that mean Maiken and Kenneth have the consequentialist stamp of approval to put ads on their site? It depends.

Consequentialism’s blind spot

When we use maximizing utility as a measure for the rightness or wrongness of an act, we have to remember consequentialism has a massive blind spot: The future. Considering only immediate consequences, or only consequences within ideal use cases, will invariably lead to unintended and often problematic events further down the road. In their book, Design for Real Life, authors Eric Meyer and Sara Wachter-Boettcher provide multiple examples of this, including Facebook’s “Year In Review” feature surfacing cheerful photos of Meyer’s daughter who passed away earlier that year. Unless we take steps to ensure we think beyond the immediate consequences of our decisions, bad things may well happen just beyond the horizon. This is exactly what happened when we made advertising the primary revenue model for the web.

When ad revenue is calculated from impressions and interactions (clicks), the value being traded is attention, a finite resource granted to the site by its visitors. The more attention the visitor gives a site, the more ad revenue the site owner receives. This creates an environment where the site owner will start building content and interactions with the explicit goal of keeping the attention of their visitors and expose them to ads. In theory, this seems like a good thing. We’d all like to believe better quality content gets more attention. The reality is not as rosy.

How Utilitarianism Influenced Elections

Online ads are primarily served up by two companies: Google and Facebook. These companies share the same interest as the site owners: grabbing the attention of the visitors. To do this, social media sites and video sharing sites and search engines have created “personalized” streams where algorithms figure out what type of content an individual is engaged by and subject them to more of the same content. You can see this for yourself: Go to YouTube and watch a video of something new, like a song by Animals as Leaders, and your recommended stream will suddenly skew toward jazz metal, a musical genre you might not even have known existed just a few minutes ago. Watch more videos, and Google pegs you as “fan of jazz metal” and “likely interested in non-standard guitars.”

To make this personalization as accurate as possible, advertising services use pervasive tracking and surveillance to follow users as they travel from site to site and create models of what type of content they are most likely to spend time looking at. The same services then use their other platforms (search, social media, video/photo sharing) to expose you to more of the same, whether that be jazz metal, cute cats, or partisan politics.

This phenomenon has a name: “Filter bubble.” We were warned of these personalized echo chambers in which web users find vastly different content when making the same searches — skewed to their personal, political, and religious convictions years ago.

In short, advertising as a revenue model for the web led to user tracking, filter bubbles, fake news, and eventually worldwide political upheaval.

With this in mind, does advertising pass the consequentialist test? Does it maximize utility? No. At least not the type of predatory advertising we see today.

That doesn’t mean Maiken and Kenneth can’t have advertising on their site; it just means they have to think carefully about what type of advertising they use. That’s where the first pier of the Bridge of Ethics, the Consequentialist Principles of Web Design, comes in:

Using Consequentialism in Web Design

Consequentialist and Utilitarian ethics reminds us to consider the consequences of our actions and to measure their utility. When using consequentialism, we need to be aware of its shortcomings: It’s easy to imagine short-term consequences, much harder to see long-term consequences. And we can’t grant ourselves license to put the benefits of some users over the disadvantages of others, even when doing so maximizes utility. This is especially important when the benefits of a company or its shareholders are weighed against the disadvantages of marginalized users. Being cognizant of these issues we can draw on the best qualities of this theory:

The Consequentialist Principles Of Web Design:
  1. Prioritize the increased utility for all over maximizing utility for the majority.
  2. Provide sufficient remedies for those disadvantaged as a consequence of a decision.
  3. Expect unexpected outcomes.
  4. Favor iterative enhancements over permanent solutions.

To put these principles into practice, use a consequentialist checklist at the bottom of the article to guide decision-making processes.

When Maiken and Kenneth use these principles to evaluate advertising as a revenue model for their site, they are able to draw several conclusions:

  • Ads disadvantage visitors by adding distraction and increasing load times, To avoid this, they must keep ads to a minimum, and place them in areas of the layout that do not distract the visitor from the content.
  • Ad networks track user behavior not only on their site but on other sites. When someone visits a site, they do not have a reasonable expectation of being tracked by an ad network. For the visitor, utility is harmed by such software, in particular, because it contributes to trapping them in filter bubbles. Therefore, ad networks are not an option for this project.
  • For full transparency, visitors need to know why they are being exposed to advertising on the site and what type of relationship the site owners have to the advertisers. A short blurb explaining why there are ads on the site (i.e. “we use ads to pay for hosting costs and to give you free content”) and clear indicators any time there is a relationship between the site owners and the advertisers are required.
  • Direct marketing such as affiliate links must be marked as such. Any time the site owner financially benefits from a visitor clicking a button, they are incentivized to get the visitor to click that button. This can lead to misleading and coercive designs and content and must be avoided.

Based on this, Maiken and Kenneth realize that while they are able to use ads in an ethical way, eliminating ad networks as an option means doing direct ad sales and managing the ads on their own or hiring someone to do it for them. Either way, it adds time, complexity, and cost to the project, so they put ads on hold as they look for other less labor intensive options.

One new revenue model that pops up is using visitor computers to mine for cryptocurrencies. This brings us to the second pier of the Bridge of Ethics:

2. Deontology: The Rule Of Moral Duty

Deontological Ethics (also known as ‘Duty’ or ‘Obligation Ethics’) judges the rightness or wrongness of an action based on defined rules. Compared to consequentialism, the moral judgment of an act in deontology is based on the act itself — not its consequence. If an act was performed in obligation to the rules, it is considered a good act even if the consequence is a bad one.


Illustration of web site that is imploding

Deontology In Web Design

Deontological ethics are found throughout our society and in our professional spaces. We choose not to harm others or steal their property because we have an obligation to follow rules of law and we believe others have that same obligation. We follow ethical protocols not to harass or assault our co-workers because we have an obligation to respect the freedom and security of person in all people, and we believe others have that same obligation.

A clear example of deontology in web design is web standards: There is no higher reason why we must follow web standards to create a web document, but we do so anyway because we have a duty of care; to the site owner who wants their message communicated to the visitor; to the visitor who wants the document to render properly in their browser; to the browser who wants to parse content it can understand; to the web community members who want to build new web documents without having to create separate solutions for each browser and device.

Challenges of deontology

This example also illustrates the challenge of deontology. It rests on one key assumption: You don’t merely follow the rules because they exist, you follow them because you have a duty to do so and want everyone else to feel and act on that same duty. Which raises some obvious questions:

Who makes the rules? What authority do they have to impose those rules on us? And why do we have a duty to follow them? In web design, there are no clear answers, in large part because unlike other professions web design has no unified professional leadership or authority.

Another major problem is we can’t make rules for everything, and we especially can’t make rules for things that haven’t happened yet or things that are happening for the first time.

Act as you want every other person to act in the same situation


Portrait of Immanuel Kant


Immanuel Kant (Image source: Wikimedia Commons)

Deontological philosopher Immanuel Kant tried to resolve this issue with what’s known as Kant’s Categorical Imperative:

“Act only according to that maxim by which you can also will that it would become a universal law.”

In plain language, this translates to something like “every time you do something, do the thing every person should do in the same situation.” For those familiar with the Golden Rule, “Do to others what you want them to do to you”, this will sound familiar, though it’s not exactly the same.

According to the categorical imperative, an act is only good if it can be a universal law, so even if a company is OK with users posting abusive content on their platform that does not mean allowing such content on all platforms is justified and should, therefore, be a universal law.

Kant invokes universality and obligation to grant each of us license to make moral judgments without having to agree to a predefined set of rules. The categorical imperative tells each individual actor to turn the spotlight on themselves and ask if their act is one they’d want every other person to perform in the same or similar situations, and relies on the obligation to ensure this principle is followed. In other words, it asks us to judge our actions not just on whether we think they are good and want others to do the same, but whether we think everyone should do it.

Deontology’s Blind Spot

Back to our entrepreneurs. Maiken and Kenneth do the consequentialist test on cryptojacking using the processing power of their visitors’ computers and conclude this revenue stream maximizes utility: visitors use a small bit of their power to pay for access to content, and everybody walks away a bit richer, in knowledge or digital coins. Implementing this feature is also relatively easy: Several solutions provide a range of options, from ad-like banners where the visitor can press a button to mine coin on the site owner’s behalf to hidden scripts that run in the background without the visitor’s knowledge.

The question isn’t whether they can do it, but whether every website ought to use this technology. There is also a question whether the couple upholds their duty of care to the visitor by mining coin on their computer. That’s where the second pier of the Bridge of Ethics, the Deontological Principles of Web Design comes in:

Using Deontology In Web Design

Deontology enables us to create rules and systems to enforce those rules but falls short when new situations for which there are no rules occur or edge cases are encountered. Kant’s categorical imperative can be a partial buffer for these circumstances, but applying it is tricky and often results in using the Golden Rule instead which relies too heavily on the individual actor and their personal moral beliefs. Being cognizant of these issues we can draw on the best qualities of this theory:

The Deontological Principles of Web Design

  1. Follow existing rules, best practices, and guidelines.
  2. Use the categorical imperative as a starting point to creating new rules.
  3. When no rule exists, use the full ethical principles of web design to create new ones.
  4. Uphold the duty of care: to the client, to the user, to the information, and to the future.

To put these principles into practice use, a deontological checklist at the bottom of the article to guide decision-making processes.
Using these principles, Maiken and Kenneth evaluate the ethics of cryptojacking on visitors’ computers as a revenue stream and draw some immediate conclusions:

  • This approach is transactional, trading access to content for the usage of several limited resources including electricity, internet bandwidth, and processing power. If several sites did this simultaneously, the visitor would end up with higher power and internet bills and see a significant slowdown of the performance of their computer. In other words, if everyone did it, the internet would pretty much stop working. The categorical imperative is clear here: Unless you can turn your act into a universal law, it is not ethical.
  • Even if they ignore the categorical imperative, they still have a duty of care to the visitor. Because this is a transaction, it is the duty of the site owners to clearly notify the visitor of what is happening and allow them to opt into the feature. This limits the usefulness of the feature as few people would say yes to using their processing power if they had a choice. Maiken and Kenneth could remedy this by making access contingent on opting in, effectively creating a cryptojacking paywall similar to what Salon.com is testing, but that would go against the premise of their site which is to share information with everyone. It also brings up issues around paywalls, something we’ll address later.

In their discussion, they also discover one of the key issues with deontology: The theory is appealing because we are surrounded by rules and know how to follow them. But unless these rules are defined, agreed upon, and followed and there are consequences when they are broken, deontology quickly leads us to moral relativism.

Without rules, enforced by an agreed upon authority, everyone can do anything they want. And even with rules and enforcement in place, people will bend or break them to get ahead. In other words, even if they decide cryptojacking is not ethical, some content publishers and others think it’s perfectly acceptable.

So, as the saying goes, if everyone else is doing it, why can’t they? This brings us to the third pier of the Bridge of Ethics:

3. Virtue Ethics: Aspirational Foundations

Virtue Ethics is the oldest of the ethical traditions covered in this article, and likely also the one most foreign to our way of thinking about ethics on a day-to-day basis. Where consequentialism looks at the outcomes of actions and deontology looks at the act itself, virtue ethics looks at the actors themselves; their reasons for performing the act and what they become through the act.


Premium membership rewards

A Virtuous Person Is One Who Acts As Someone Who Holds These Virtues

To understand this, we first need to understand what a virtue is, a topic that supporters of virtue ethics have debated for thousands of years.


Image of bust of Socrates


Socrates statue at the Louvre (Image source: Wikimedia Commons)

We can turn to ancient philosophy for some guidance here. Socrates argued that virtue is knowledge: the more knowledge you acquire, the more virtuous you become and the more likely you are to make the right decisions in any circumstance. Aristotle proposed a list of 18 moral and intellectual virtues including courage, temperance, truthfulness, modesty, intelligence, logic, good sense, and theoretical and practical wisdom. In the millennia since, philosophers have proposed other virtues and created other systems. In the book, Technology and the Virtues (published in 2016), philosopher Shannon Vallor proposes 12 “technomoral virtues”: Honesty, Self-Control, Humility, Justice, Courage, Empathy, Care, Civility, Flexibility, Perspective, Magnanimity, and Technomoral Wisdom.
The overall principle remains the same: A virtuous person is one who acts as someone who holds a defined set of virtues.

The question facing Maiken and Kenneth, about whether other people doing something gives them license or leave to do the same, is one of virtue. To answer it they need to dig deep and consider what type of people they want to be.

Virtue Ethics In Web design

To understand virtue ethics in web design we need to answer the question “what makes a virtuous web designer?” To answer this, we first need to decide what virtues a web designer should aspire to. There is no one true answer here, but I believe there are some virtues most web designers can agree on:

  • Knowledge
    Know the craft and keep your skills current and up to date.
  • Care
    Uphold the duty of care to the client, the end-user, the content, and yourself.
  • Equity
    Be fair, and ensure every end-user can access the same content.
  • Truthfulness
    Be honest with clients, content, end-users, and yourself.
  • Courage
    Take intelligent risks, push norms and boundaries, move the craft forward.
  • Collaboration
    Share knowledge, and help lift the skills of your peers.
  • Openness
    Be transparent, and value the opinions of others and yourself.
  • Access
    Make everything you create accessible to anyone who may encounter it.
  • Resilience
    Push forward and learn new things. Own your mistakes and learn from them.

Let’s for a moment assume these are the virtues of web design. How can Maiken and Kenneth use them to make a decision? How can they act as someone who has these virtues?

Fake It ‘till You Become It

Psychologist Amy Cuddy has a famous talk about how you can “fake it till you become it” which fits well here. If they have a clear idea of how a knowledgeable, caring, truthful, courageous, collaboratory, open, accessibility-focussed, and resilient person would act in that same situation, they’ll be able to do the same thing and move themselves a bit closer to that goal of being virtuous. The reality is a bit more complex because the interpretation of what exactly constitutes knowledge or care or truth or any of the other proposed virtues will vary from person to person.

In this case, Maiken and Kenneth need to consider whether they want to be the kind of people who mine cryptocurrency on a visitor’s computer, and more broadly, whether they think that person has the virtues they aspire to. In their case the answer is ‘no’ and the earlier question, if everyone else is doing it why can’t we, answers itself.

So what would be a virtuous way of generating revenue from their website? One option Maiken and Kenneth choose to explore is selling memberships. This approach seems more egalitarian: people who have the means can pay for exclusive access, and the revenue from memberships can be used to cover the cost of limited access for everyone else. The question is if selling memberships builds the virtues the couple aspire to. That’s where the third pier of the Bridge of Ethics, the Virtuous Principles of Web Design, comes in:

Using Virtue Ethics in Web Design

Virtue ethics is the most introspective of the three moral philosophies we have looked at so far. It grants us the tools to look at ourselves as actors and recognize that with each act we perform, we not only change the outside world but also ourselves. In that way, virtue ethics compliments and resolves some of the issues raised by consequentialism and deontology.

Where consequentialism looks squarely at the external outcomes of an act and deontology looks at your reasons for performing that act, virtue ethics looks at what you become by performing that act and uses your desire to become a more skilled and knowledgeable, more successful, and overall better person as its driving force. We can draw on the best qualities of this theory to lay the third pier of our ethical bridge:

Four virtuous principles of web design:
  1. Define and share the virtues you aspire to hold and how they describe the virtuous web designer you want to be.
  2. Act as this virtuous web designer would act, i.e. act as the web designer you want to be.
  3. With every act, consider what person it turns you into.
  4. Align every act with the virtues you aspire to hold.

To put these principles into practice, use a virtual ethics checklist at the bottom of the article to guide decision-making processes.

Maiken and Kenneth want to become better people and better business people through their actions, and that extends to how they collect revenue from the site they are building. Using the virtuous principles of web design they evaluate the ethics of selling memberships as a revenue model and draw some conclusions:

  • The relevant virtues they aspire to are knowledge, care, equity, truthfulness, courage, collaboration, openness, access, and resilience. Any revenue model should help them move closer to these virtues.
  • Memberships and paid subscriptions are typically used to create paywalls where paying members get access to exclusive content. This goes against the virtues of care, openness, and access because it literally excludes non-members, keeps content closed off from the public, and restricts access to only those who can pay. To promote the virtues the couple aspires to, this means membership cannot impact access to content which takes away much of the incentive to be a member in the first place.

One possible approach Maiken and Kenneth consider is offering memberships that grant members influence rather than access; the ability to suggest new topics or even submit their own content to be published on the site. However, this can easily impact equity as the system grants those with means more influence than those without. So while it is possible to set up a membership model that passes the virtue ethics test, its return will be limited unless visitors choose to become members to support the content rather than get exclusive privileges — which is a hard bargain.

Looking At An Even Bigger Picture

Taking a step back from the question of memberships and looking at the bigger picture painted by the virtuous principles, we start to see a shift from the focus on the actor and the act to those acted upon and how they are impacted; a crucial aspect of the transaction our conversation has not yet addressed.

Consequentialism looks at outcomes divorced from the actor’s intent, deontology looks at the actor’s intent divorced from the outcome, and virtue ethics look at what the actor becomes as a result of their actions. The next question we need to ask is what about the end-user and how they are impacted. This brings us to the fourth and final pier in our ethical bridge:

4. Capability Approach: User-Centered Design


Brought to you by Awesome Corp

Web design is in almost every case service design: We build solutions for other people that they can use to achieve their goals. That’s why user experience design is such a big part of web design and why human-centered design is at the core of user experience and interaction design.

So, for our ethical framework for web design to be complete, the fourth and final pier must support the end-user to anchor our ethics in the human experience. For this, we turn to a modern theory that crosses the boundary between philosophy and economics called Capability Approach. The Stanford Encyclopedia of Philosophy has a comprehensive primer that includes this short introduction:

“The capability approach is a theoretical framework that entails two core normative claims: first, the claim that the freedom to achieve well-being is of primary moral importance, and second, that freedom to achieve well-being is to be understood in terms of people’s capabilities, that is, their real opportunities to do and be what they have reason to value.”

Capability approach is often considered an offshoot of virtue ethics, but I feel it is different enough to be considered its own moral philosophy. What matters is not just what you do or why or how you do it, but also what future you enable the person at the other end of the transaction to build for themselves!

Capability Approach In Web design

Capability Approach gives us a tool to justify our decisions based on the long-term outcomes the end-user experiences as a result. It also provides a foundation for following established best-practices like accessibility and Resilient Web Design: If our goal is to always grant and enable capabilities in the end-user, the minimum requirement becomes the end-user having access and ability to use what we design in whatever way they can. Rather than giving everyone a bicycle, we give everyone the capability of transport by allowing them to choose the best solution. Capability approach can also be found implicitly or explicitly in legislation around the right to data portability, most notably under Europe’s General Data Protection Regulation (GDPR).

Making ethics part of our design process helps us build the world we all want to live in.

More widely, the Capability Approach in web design allows us to take a step back and consider why we do what we do. Every design decision we make carves a path our end-users follow into the future. The Capability Approach makes us think carefully about where that path leads and what happens to the people who interact with our creations when they follow us into that future. So in addition to asking what we are going to build, how we are going to build it, and why we are building it, we have to ask to what end: If we build this, what world do we build for the visitor in the process?

Evaluating Sponsorship Models, A Capability Approach Example

In their quest for an ethical revenue model for the content on their site, Maiken and Kenneth have turned their attention to the tried and true sponsorship model, already well established in print and digital media as well as events. The sponsorship model exchanges funding for presence in some form (usually a large banner, a mention in audio and video clips, or “sponsored content”). In simple terms, sponsorship differs from advertising in that a sponsor pays an agreed upon sum of money up front for exposure to the audience whereas advertising typically pays on a per-impression or per-click basis.

To evaluate the ethical implications of sponsorships as a revenue model, they turn to the capability approach and ask what capabilities are granted or enabled on the positive side or prevented or removed on the negative side by accepting sponsorships.

They consider three sponsorship models:

  1. Philanthropic sponsorship, i.e. “See a list of our sponsors/supporters on this page”
  2. Passive sponsorship, i.e. “this article brought to you by…”
  3. Active sponsorship, i.e. “And now, a word from our sponsor” aka advertorial content

The first one is the obvious preference, but it relies on companies and individuals being willing to give them money without exposure (something that rarely happens). Passive sponsorship is the most common of the three models. Here a company gets visible (or auditory) presence as a funder of the content being presented. This model works, but is only attractive to sponsors if the site has a large following and can claim to be “influential.”

Active sponsorship leaves the sponsor in charge of some content on the site. This is the more attractive option from the sponsor’s perspective and likely also where the most revenue can be collected. However, handing control of content to a sponsor has serious implications.

What Capabilities To Test For?

Image of Martha Nussbaum (left) and Amartya Sen (right)


Left: Martha Nussbaum (Image source) Right: Amartya Sen (Image source)

To analyze these three sponsorship models, we first have to define what capabilities to test for. Here capability approach suffers the same challenge faced by deontology and virtue ethics: who decides what capabilities should be in focus and how to test the success of any decision or act in terms of capabilities granted and enabled.

Amartya Sen argues there is no one true list of capabilities because such a list would be too difficult to define. Martha Nussbaum has proposed a list of 10 Central Capabilities that though not complete or unchangeable should form the baseline for judgments. The list includes:

  • Life
  • Senses
  • Imagination and Thought
  • Practical Reason
  • Control over one’s Environment (Political and Material)

Nussbaum suggests that a decision or act must be judged on whether it helps the recipient secure a minimum level of these ten capabilities.

Sen argues that when evaluating well-being, “the most important thing is to consider what people are actually able to be and do.” He illustrates this by asking us to think of a bicycle. While a bicycle is considered a transportation tool for all people, the capability of actually using a bicycle for transportation changes from person to person and context to context. Just because someone has a bicycle does not mean they have the capability of transportation. In other words, to provide the capability of transportation to a person we first have to take into consideration that person’s ability to use different transportation methods. One size rarely fits all.

Using Capability Approach In Web Design

The fourth pier of the Bridge of Ethics, the Capability Approach Principles of Web Design, focuses our attention on the end-user and their experience. The immediate value of the capability approach is its focus on the long-term outcomes of the end-user. Web designers build solutions for people, and every decision a web designer makes has a long-term impact on the people who interact with it. Thinking carefully about what capabilities each of our design decisions grant and enable, and choosing only those decisions that produce and increase the well-being of the end-user is a key component in a well-formed ethical design process. We can draw on the best qualities of this theory to lay the fourth and final pier of our ethical bridge:

The Capability Approach Principles Of Web Design
  1. Define the capabilities you want to build in users, communities, and the world.
  2. Design solutions that grant each user capabilities to (re)claim their agency.
  3. Measure success by the functionings achieved and the increased well-being of every individual end-user.
  4. With every decision, carve a path to the future you wish to live in.

To put capability approach principles into practice, use a checklist at the bottom of the article to guide decision-making processes.

Using the capability approach principles of web design, Maiken and Kenneth evaluate the ethics of various forms of sponsorships as a revenue model and draw some conclusions:

  • Passive sponsorships (“this content/site brought to you by”), can be argued to grant the visitor agency because they have enough information to know the relationship between the site owners and the brands that appear on the site. This assumes there is clear messaging stating “brought to you by” or “sponsored by” or similar.
  • The active sponsorship model (content made by the sponsors) can enable the same capabilities, though to a lesser degree, as long as this content is clearly marked as advertorial and the visitor can clearly differentiate it from other non-sponsored content.
  • Failure to properly disclose sponsorship relationships is actively harmful to the visitor as it removes their agency. This is why regulators are cracking down on in-kind sponsorships and lack of disclosure from social media influencers.
  • So-called “content marketing,” the practice of creating content to build influence and drive customers toward a specific product or brand, can be considered harmful to the visitor as the content is designed to influence and even actively coerce them.

So can Maiken and Kenneth ethically use sponsorships as their revenue model? According to the capability approach, the answer is yes as long as it’s done in a way that clearly discloses all relationships and meets the visitor’s reasonable expectation of being presented with honest and unbiased content from the site owners (in other words, active sponsorships and content marketing content are out).

Using The Ethical Principles Of Web Design In Production

At the start of this article, I introduced the image of a bridge held up by four ethical theories and explained you can travel across it in both directions. Now that we’ve covered all four piers of the bridge we are ready to look at how to use this bridge in our everyday decision making processes.

When evaluating existing solutions, it’s easiest to start on the right side and move your way back, documenting real-life consequences first, then considering what rules and best practices were used, what virtues were promoted, and what capabilities were granted or enabled. This is how we typically make decisions in our industry today, though we rarely make it past consequentialism.

Put The User First

What I propose is a literal pivot; Evaluating every new decision by crossing the bridge from the left to the right. As we saw with Maiken and Kenneth, the capability approach shifted their focus from how they can make money ethically to how their revenue models impact their audience, the visitors. This is important because all our decisions, whether they be about server infrastructure or content management systems or front-end frameworks or content strategy or revenue models or social media sharing and integration need to put the end-user first, every time.

Starting with the capability approach, we first establish what capabilities we want to grant and enable in our visitors and end-users and define the future world we build for them with our solutions. Next, virtue ethics help us consider what type of professionals we become by building those solutions. Deontology reminds us to consider what best practices we establish and what duties of care we must uphold. And finally, consequentialism helps us map out short- and long-term consequences and reminds us to think carefully about how we measure utility and whether we are excluding people with our decisions.

This method puts the end-user and their experience at the center of every decision and keeps them in focus as we evaluate what those decisions do to ourselves, our craft, and the world as a whole.

Every Design Decision Is A Decision Made On Behalf Of The End-User

So, where does this leave our friends Maiken and Kenneth? How will they monetize the content on their site? Based on the evaluations in this example, their most ethical option is a combination of philanthropic and passive sponsorship and a membership model. Opt-in cryptojacking and direct sales advertising are also possibilities, but their return on investment will likely be too low to be meaningful.

Here comes the tricky part: There’s a high likelihood you disagree with some or all of these conclusions. And that’s OK! One of the most interesting parts of ethics is apart from extreme cases, how people evaluate different decisions and acts will differ, often greatly. There is rarely one true answer to any ethical question, but ask a large enough group to evaluate the question and you’ll see a strong trend in one direction.

The question you’re most likely asking yourself now is “Doesn’t that make the whole thing pointless?” The answer is “no”, and here’s why:

The purpose of the Ethical Principles of Web Design is not to create an authoritative list of good and bad decisions for all to follow any more than the principles of UX instruct designers on the one true way to design a specific interaction. These principles are tools for us to use to facilitate careful and considerate thinking about the decisions we make. More often than not, using these principles will bring up questions that would otherwise have never been discussed, and many of them will not result in full or final answers. What they will do is remind you and everyone you interact with that every design decision is a decision made on behalf of the end-user, and every decision changes their world and builds their future in some small way.

Better Futures For Everyone

Even small and seemingly insignificant decisions can have enormous implications, and though ethics often stand in the way of immediate rapid innovation, growth, and quick revenue, they help ensure the longevity of our designs and help us carve paths to better futures for everyone.

Being mindful of what we do is essential. It’s what gives us the power to create. Making ethics part of that process helps us build the world we all want to live in. Using the Ethical Principles of Web Design, you will be better equipped to make design decisions you can stand by today and in the future; decisions that help you build the future you want to live in along side every person you impact with your designs.

The Ethical Principles Of Web Design (Checklist)

This checklist is a practical tool to be used alongside other design techniques like Design Sprints and Journey Maps. Use it, expand on it, and make it your own:

Theory Capability Approach Virtue Ethics Deontology Consequentialism
Mnemonic device What world / future are you building for the end-user? What type of person do you become in the process? What norms and expectations are you establishing? What are the consequences of your actions?
Principles 1. Define the capabilities you want to build in users, communities, and the world.

2. Design solutions that grant each user capabilities to (re)claim their agency.

3. Measure success by the functionings achieved and the increased well-being of every individual end-user.

4. With every decision, carve a path to the future you wish to live in.

1. Define and share the virtues you aspire to hold and how they describe the virtuous web designer you want to be.

2. Act as this virtuous web designer would act – ie act as the web designer you want to be.

3. With every act, consider what person it makes you become.

4. Align every act with the virtues you aspire to hold.

1. Follow existing rules, best practices, and guidelines.

2. Use the Categorical Imperative as a starting point to creating new rules.

3. When no rule exists, use the full ethical principles of web design to create new ones.

4. Uphold the Duty of Care: to the client, to the user, to the information, and to the future.

1. Prioritize the increased utility for all over maximizing utility for the majority (no person left behind).

2. Provide sufficient remedies for those disadvantaged as a consequence of a decision (every user matters).

3. Expect unexpected outcomes (the future is unknown).

4. Favor iterative enhancements over permanent solutions (never settle/all paths are open).

Checklist 1. What capabilities does this decision grant and/or enable in the end-user?

2. Do these capabilities increase the functionings of the end-user, what they are capable, want to be capable, or should be capable to be and/or do?

3. Does this decision lead the end-user on a path to a future where their well-being is improved?

4. Does this decision grant agency to the end-user and leave them in control over their freedom and future?

1. What virtues are relevant in this decision? Knowledge, care, courage, openness, other virtues or a combination of virtues?

2. How will this decision move you closer to holding these virtues? What path are you laying down for yourself by making this decision?

3. Is this decision the same as what the virtuous web designer you want to become would make?

4. When you look back on this decision in the future, will you see it as a good and virtuous decision?

5. Are you able to communicate how this decision will bring you closer to your ideal of being a virtuous web designer to someone else?

1. Are there existing rules to be followed? Do you understand them and are they applicable in this situation?

2. If no rule exists, can you create a new universal rule everyone should follow in the same or similar situation?

3. Are you comfortable with your decision being published on the front page of a major newspaper?

4. Have you sought confirmation from peers or subject matter experts?

5. Are you upholding the Duty of Care to your client?

6. Are you upholding the Duty of Care to the end-user?

7. Are you upholding the Duty of Care to the content?

8. Are you upholding the Duty of Care to yourself?

1. Who benefits from this decision, and why?

2. Who is disadvantaged by this decision, and why?

3. How is utility/disadvantage from this decision measured?

4. Who decides what utility/disadvantage ratio is acceptable?

5. How are disadvantages created by this decision addressed and reduced / remedied?

6. How flexible is this decision? Is there sufficient room for course corrections?

7. Who and what are the outliers we have not considered?

8. Assuming this decision has unintended consequences, what are they and how do we deal with them?

Where To Start?

When I talk to people about ethics and the bridge I’ve described in this article, I often get responses such as “I see why it matters, but I don’t think this will fit into my/our process.” This is a fair critique. Decision making based on an ethical framework is not something we are used to doing, in web design or anywhere else in our lives. For the most part, ethics is something subconscious and unspoken; we “just know” or have a “gut feeling” whether something is right or wrong.

Formalizing a method for testing the ethics of a decision is a skill like any other, and it requires practice to become natural. The good news is you can lean on your own built-in ethical barometer (that “gut feeling” about the rightness or wrongness of an act) and use the simplified version of the bridge to get started. To apply the Ethical Principles of Web Design in your practice today, start with the mnemonic devices for each theory:

  1. What world are you building for the end-user? What capabilities are you granting or enabling?
  2. What type of person do you become in the process?
  3. What norms and expectations are you establishing? Are you upholding your duties of care?
  4. What are the consequences of your decision, and do they improve the common good for those affected?

As you’ve learned, these principles are not about creating a dogmatic list of right and wrong, but rather a toolkit to help you explore questions around the ethics of your decisions.

To help you explore each of these questions in more detail, you can use the checklist provided above.

Once asking these questions becomes second nature, dive deeper into the individual theories that make up the piers of the bridge and establish a deeper understanding of what ethics and moral philosophy are, and why it plays a role in all aspects of our lives.

To get you started, I’ve assembled a list of resources below. Some of the links are from the article, some are added as further reading.

In the end, ethics is a practice we all need to work on every day. To borrow a quote from Robert M. Pirsig:

“The place to improve the world is first in one’s own heart and head and hands, and then work outward from there.”

Resources

Capability Approach

Virtue Ethics

Deontology (Duty Ethics)

Consequentialist Ethics

Smashing Editorial
(md, ra, hj, il)

Original post:

Using Ethics In Web Design

From Cats With Love: Welcome The New Smashing Membership

We can’t believe it’s actually happening. After 18 months of hard work on the big bang relaunch of this little website, today is the day when everything changes. New design and new technical stack. New personality and new ambitious goals. But most importantly, a new focus on our wonderful web community, with the brand new Smashing Membership.
Rewarding Great People Doing Great Work In times when we fight all the craziness and narrow-mindedness around us, we need to remind ourselves how wonderful a vast majority of the web community actually is.

Taken from:

From Cats With Love: Welcome The New Smashing Membership

10 Simple Tips To Improve User Testing

(This is a sponsored post). Testing is a fundamental part of the UX designer’s job and a core part of the overall UX design process. Testing provides the inspiration, guidance and validation that product teams need in order to design great products. That’s why the most effective teams make testing a habit.
Usability testing involves observing users as they use a product. It helps you find where users struggle and what they like.

Excerpt from: 

10 Simple Tips To Improve User Testing

How to use pricing psychology to motivate your shoppers

Black Friday, seasonal sales, and post-holiday blow-outs: Throughout the year, marketers rely on deals and discounts to get rid of…Read blog postabout:How to use pricing psychology to motivate your shoppers

The post How to use pricing psychology to motivate your shoppers appeared first on WiderFunnel Conversion Optimization.

See original article – 

How to use pricing psychology to motivate your shoppers

The State Of Advanced Website Builders

Advanced website builders — the tools provided by Squarespace, Wix, Weebly, The Grid and more — produce websites that look and feel like they were designed and coded by humans. They’re also software as a service, which is a different business model than traditional, custom-developed websites. So, should companies use them? At some point, will they replace custom development?
In short, yes.
Self-serve website-builder platforms are quietly becoming very powerful.

See original article:

The State Of Advanced Website Builders

Google Analytics Is Lying to You. Here Are 7 Ways to Force It to Tell the Truth

trust the lies

Being data-driven is good. Unless of course, all that data driving your decisions is wrong. Google Analytics does a lot of good. It might look fine and seem correct when Goals are firing properly. But just because it’s working, doesn’t mean it’s accurate. Most analytics programs have to make a few implicit assumptions. They’re taking leaps of faith in some cases. And unless you know where to look, you could fall victim to these little white lies. Here are seven of the most common (along with how to fix them). Lie #1. Growing ‘Dark Traffic’ ‘Dark Traffic’ sounds ominous. And…

The post Google Analytics Is Lying to You. Here Are 7 Ways to Force It to Tell the Truth appeared first on The Daily Egg.

Continue reading: 

Google Analytics Is Lying to You. Here Are 7 Ways to Force It to Tell the Truth

Ask Yourself These 5 Questions Before Launching That Overlay

peter-parker
Be the Peter Parker of overlays. Image via Shutterstock.

You’ve heard it before: “With great power comes great responsibility.

And while Uncle Ben wasn’t explicitly referring to overlays when he said these iconic words to Peter Parker, the same could be said about these handy little conversion tools.

Overlays are modal lightboxes that launch within a webpage and focus attention on a single offer. Still fuzzy on what an overlay is? Click here.

Overlays are powerful marketing tools, not only because they are incredibly effective at snagging conversions, but also because they are so quick to launch.

This combination of power and speed means it’s dangerously easy to launch one without much consideration for user experience. Thus, they’ve developed a bit of a reputation for being effective… and disruptive.

But the disruptive nature of overlays is actually inherent to their effectiveness, because it focuses the visitor’s attention on a single offer. They eliminate the paradox of choice and present the visitor with a simple yes or no question.

However, there are ways to ensure the overlays you launch both achieve your goals and provide value to your visitors.

The first step in accomplishing this is to ask yourself the five Ws:

1. Why are you launching an overlay?

Overlays are most commonly used to accomplish one of three marketing goals: revenue generation, lead generation or traffic shaping.

overlay-goal

Do you want to build your blog subscriber list? Divert traffic to your pricing page? Entice visitors to make a purchase? This is what you need to figure out before you even consider building your overlay.

The marketing team at Hotjar recently implemented an overlay in their lead gen strategy for the first time. But just because it was their first attempt didn’t mean there wasn’t a clear goal. Nick Helm, Director of Inbound Marketing at Hotjar explains:

“We wanted to be able to nurture the new leads coming from different channels and bring them back.”

hotjar-overlay
Hotjar’s premier overlay built with Unbounce Convertables.

If you don’t have a good answer to the “Why” question though, just stop. Overlays, when used irresponsibly, can be intrusive and annoying. So if you don’t have a solid, strategic reason for launching one, hold on until you do.

Nick et al had a clear goal for their overlay and a detailed plan for how to achieve it, and it paid off: “We did get the quantitative results — which for us, measure better than industry standards.”

Your reason for running an overlay might be lead gen, rev gen or traffic shaping (or maybe something completely unique), but just make sure you have one — plain and simple.

Need some inspiration?

Our our latest ebook, 12 Proven Ways to Convert With Overlays, we share a dozen types of use cases you can use today.
By entering your email you’ll receive weekly Unbounce Blog updates and other resources to help you become a marketing genius.

2. Where will you place your overlay?

Overlays offer a reliable way to fill gaps in your funnel, but you need to figure out where those gaps may be.

The easiest way to do this is to visit Google Analytics to determine your highest-traffic pages. Then whittle down the list to only include pages that don’t have a clear call to action — these pages are the low-hanging fruit you can start with to see immediate results.

You should have already determined what the goal of your overlay is; the diagram below will help you decide which of the CTA-free pages pair best with the type of overlay you’d like to launch.

overlay-placement

As you can see, different pages are associated with different levels of buyer intent, and so while a lead gen overlay might perform well on your blog, a rev gen overlay probably won’t.

Now, if you’re a keener and don’t have any high-traffic pages without a CTA then I present you with this anthropomorphic gold star:

giphy-2
Tina star gif via Giphy.

But I also challenge you to consider how you might use overlays on your highest-traffic pages to get even better results (because even though you have a CTA, it doesn’t mean people see it).

Adding an overlay with a complementary offer to your main on-page offer can help bolster the success of your page, because overlays leverage the psychological principle of pattern interruption  to focus the visitor’s attention on a single offer. Your sidebar CTA, on the other hand, can start to blend into the page, so people become blind to it.

Here’s an example from last year’s Digital Agency Day (DAD) signup page:

digital-agency-day

Whereas the signup page’s goal was to get people to attend the digital event, this overlay offered exiting visitors the opportunity to simply get the recordings, even if they couldn’t attend.

The results were some of the best we’ve ever seen: 1,991 full-form conversions on 10,005 views.

3. Who should see your overlay?

The key to high-converting overlays is presenting compelling offers that (1) align with the visitor’s buying intent and (2) are relevant to that visitor’s specific needs or interests. This means targeting, and the more granular you can get the better.

The first thing you want to find out is where your visitors are coming from. If you know that, you can better judge what type of overlay should be presented, because different types of traffic relate to different levels of buyer intent (social traffic, for example, is often less likely to make a purchase than paid traffic).

The following chart further illustrates this.

traffic-sources
Different traffic sources pair better with specific types of overlays.

Another thing you want to think about is whether the traffic consists of first-time or returning visitors, and — if they are a returning visitor — whether or not they’ve already opted in.

Chances are, your page traffic is a mixture of different referral sources and visitor types, so it can be tricky to present an offer that’s relevant to everyone. Fortunately, Unbounce Convertables recently launched referral and cookie targeting, so you can present more relevant offers by customizing the overlays visitors see based on where they’re coming from or what pages they’ve visited before.

4. What is your overlay offer?

By now, you should be seeing a trend — that creating an effective overlay means keeping the visitor experience at the forefront of your mind. And the sweet spot is where your marketing goals align with the goals of the user: you want the sale, they want the bargain; you want the email, they want the ebook; and so on.

So when you consider what your actual offer will be, ask yourself if your overlay is valuable and relevant to your visitor. If it’s not both of these things things, your results will suffer and you risk being obnoxious.

Let’s break this down.

Value

Conveying value means offering your visitor something worth converting for. Here are a few examples:

  1. Offer an exclusive discount, like this lead gen overlay from BustedTees, which offers a generous 40% discount on first orders:
busted-tees
  1. Entice visitors with free shipping, like this rev gen overlay from Diamond Candles:
diamond-candles
  1. Present a free resource visitors can’t resist, like this lead gen overlay from Copy Hackers which offers a free four-part conversion optimization course:
copy-hackers

Relevance

Another thing to consider when deciding on your offer is whether or not it’s relevant to your audience.

Here’s a real-life example: At Unbounce, our analytics showed that a roundup of the 16 Best Digital Marketing Conferences of 2016 was bringing in a lot of organic traffic. Assuming that people who read about marketing conferences are also interested in attending marketing conferences, we served up this overlay (with a ticket discount to sweeten the pot) that directed people to our Call to Action conference microsite:

cta-conf

And, might I point out, the above overlay is also an incredibly valuable offer — $650 savings? Yes please!

5. When should your visitors see your overlay?

We’ve sorted where your overlays should be seen and by whom, but there’s a final piece in the puzzle: When.

You have a few options around when to trigger your overlay, and depending on the type of offer you’re presenting, different triggers may be more effective than others.

Let’s dig in…

On arrival
On-arrival overlays appear when your page first loads. Use this trigger for offers you want users to immediately see (e.g., a coupon code or an event invitation) or for returning visitors who may no longer notice your onsite calls to action.

On scroll
An overlay using an on-scroll trigger will appear once the user has scrolled through a designated percentage of the page. Use it to present relevant offers to users who have implied interest in a topic after spending time on the page (e.g., a free quote) or to catch the attention of returning visitors who may no longer notice your on-site calls to action.

On exit
Overlays that trigger on exit appear when the user moves to abandon the page. Use them for offers that can “save” a potentially lost conversion (e.g., a coupon code or shipping discount) or for offering free resources or collecting sign-ups that enable you to save a user’s details for future communications.

After delay
Sometimes you’ll want your overlay to appear after a designated time delay, typically between five and 20 seconds. Use this type of overlay to present relevant offers to users who have implied interest in a topic after spending time on the page or for returning visitors who may no longer notice your onsite calls to action.

Psst: Unbounce Convertables include all the above mentioned triggers plus on-click trigger, like this one. Use it to present information or forms on demand without cluttering the page (e.g., “click here to sign up” opening an overlay with a form).

Be a conversion hero

That was a lot of information, I know, but as a marketer it’s your responsibility use your powers for good.

And remember: A thoughtful approach to implementing overlays benefits you and your visitor, because your goals are aligned.

Have you had success with overlays? Tell us about it in the comments!

Excerpt from: 

Ask Yourself These 5 Questions Before Launching That Overlay

Becoming A Better Facilitator

Facilitation in the broadest sense means helping or enabling people to achieve a positive outcome. It’s an important and often under-appreciated skill for designers and other UX professionals to gain. It’s especially important as more teams embrace lean UX practices, which shift emphasis away from big deliverables toward facilitating outcomes such as continuous discovery and shared understanding.
Any kind of working session or meeting in which design decisions are being shaped needs a facilitator.

Link:  

Becoming A Better Facilitator

Algorithm-Driven Design: How Artificial Intelligence Is Changing Design

I’ve been following the idea of algorithm-driven design for several years now and have collected some practical examples. The tools of the approach can help us to construct a UI, prepare assets and content, and personalize the user experience. The information, though, has always been scarce and hasn’t been systematic.
However, in 2016, the technological foundations of these tools became easily accessible, and the design community got interested in algorithms, neural networks and artificial intelligence (AI).

Source:  

Algorithm-Driven Design: How Artificial Intelligence Is Changing Design

Web Development Reading List #136: Design Usability, Meaningful CSS And Project Include

The past week showed yet again how fractured opinions in our industry can be and that to some problems there’s definitely more than just one answer, or we still have to figure out what the proper way is in the end. This is why talking about technical problems matters, and this should certainly be done from time to time with your colleagues.
We all know that by sharing and talking to other people, our jobs get more interesting.

Continue reading: 

Web Development Reading List #136: Design Usability, Meaningful CSS And Project Include