/

How to Encourage Clicks Without Shady Tricks

Novel

calendar icon
calendar icon

Published on September 2022

How to Encourage Clicks Without Shady Tricks

Humility, kindness and humbleness have become rarities on the web. But each of us deserves to be respected and valued — that holds true for how companies treat our data and privacy — and that’s why the very first issue of our little new printed magazine is dedicated to something that’s very close to our hearts: ethics and privacy. The issue will challenge you to explore ethics, privacy and security as you design and build the web.

Ebook

$29.15

ePUB, Kindle, PDF.

hardcover

$45.99

Quality hardcover

BOOK CHAPTERS

Humility, kindness and humbleness have become rarities on the web.

introduction

Production-Ready CSS Grid Layouts

CSS Grid has been around for a while, but what would be the right strategy to build bulletproof CSS layouts these days? Do we start building Grid-first, or Flexbox-first, or Fallback-first? In this chapter we won’t dive deep into the spec. Instead, we’ll look into the main things that trip people up when starting to use Grid Layout.

We’ll take a look at the fundamental parts of CSS: Grid and Flexbox. Key to both of these methods are concepts of sizing, space distribution and alignment. Our hope is that by reading this chapter, and building the examples, you’ll have a better understanding of CSS layout as a whole.

Page:

7 pages

Time :

15 minutes

introduction

Production-Ready CSS Grid Layouts

CSS Grid has been around for a while, but what would be the right strategy to build bulletproof CSS layouts these days? Do we start building Grid-first, or Flexbox-first, or Fallback-first? In this chapter we won’t dive deep into the spec. Instead, we’ll look into the main things that trip people up when starting to use Grid Layout.

We’ll take a look at the fundamental parts of CSS: Grid and Flexbox. Key to both of these methods are concepts of sizing, space distribution and alignment. Our hope is that by reading this chapter, and building the examples, you’ll have a better understanding of CSS layout as a whole.

Page:

7 pages

Time :

15 minutes

introduction

Production-Ready CSS Grid Layouts

CSS Grid has been around for a while, but what would be the right strategy to build bulletproof CSS layouts these days? Do we start building Grid-first, or Flexbox-first, or Fallback-first? In this chapter we won’t dive deep into the spec. Instead, we’ll look into the main things that trip people up when starting to use Grid Layout.

We’ll take a look at the fundamental parts of CSS: Grid and Flexbox. Key to both of these methods are concepts of sizing, space distribution and alignment. Our hope is that by reading this chapter, and building the examples, you’ll have a better understanding of CSS layout as a whole.

Page:

7 pages

Time :

15 minutes

Chapter 1

Making Design Systems Work in the Real World

We’ve been there before. Once a source of hope and bright future for the entire organization, a thoroughly crafted design system is slowly becoming one of those legacy products collecting dust in an obscure Dropbox folder. Why are we still struggling to make a design system stick? What seems to be the main problem? Is it that working with a component-driven workflow is too difficult, or that maintaining the design system feels like too much work? We wanted to find the answers.

Often the team doesn’t use a design system; management doesn’t support it, and after a while, the system stalls and it never recovers. The interesting thing to note here is that none of these are technical issues. As we’ll find out in this chapter, despite its robotic name, design systems are predominantly about one thing: people, and how to organize them.

Page:

24 pages

Time :

30 minutes

Chapter 1

Making Design Systems Work in the Real World

We’ve been there before. Once a source of hope and bright future for the entire organization, a thoroughly crafted design system is slowly becoming one of those legacy products collecting dust in an obscure Dropbox folder. Why are we still struggling to make a design system stick? What seems to be the main problem? Is it that working with a component-driven workflow is too difficult, or that maintaining the design system feels like too much work? We wanted to find the answers.

Often the team doesn’t use a design system; management doesn’t support it, and after a while, the system stalls and it never recovers. The interesting thing to note here is that none of these are technical issues. As we’ll find out in this chapter, despite its robotic name, design systems are predominantly about one thing: people, and how to organize them.

Page:

24 pages

Time :

30 minutes

Chapter 1

Making Design Systems Work in the Real World

We’ve been there before. Once a source of hope and bright future for the entire organization, a thoroughly crafted design system is slowly becoming one of those legacy products collecting dust in an obscure Dropbox folder. Why are we still struggling to make a design system stick? What seems to be the main problem? Is it that working with a component-driven workflow is too difficult, or that maintaining the design system feels like too much work? We wanted to find the answers.

Often the team doesn’t use a design system; management doesn’t support it, and after a while, the system stalls and it never recovers. The interesting thing to note here is that none of these are technical issues. As we’ll find out in this chapter, despite its robotic name, design systems are predominantly about one thing: people, and how to organize them.

Page:

24 pages

Time :

30 minutes

chapter 2

Accessibility in Times of Single-Page Apps

An increasing number of web apps and websites are architected and rendered entirely with JavaScript these days, both client- and server-side. Accessibility is as important of a consideration as it’s ever been, with more products and services users depend on moving online–things like bill pay, shopping and education, among others.

Fortunately, we can apply web accessibility basics to our websites and web applications and start to make a huge impact. However, when developing Single Page Apps (SPAs), there are some unique accessibility requirements we must consider to avoid constructing barriers for users with disabilities. Designing and developing inclusively not only benefits the roughly 15% of people with some kind of disability; it benefits absolutely everyone.

Page:

30 pages

Time :

40 minutes

chapter 2

Accessibility in Times of Single-Page Apps

An increasing number of web apps and websites are architected and rendered entirely with JavaScript these days, both client- and server-side. Accessibility is as important of a consideration as it’s ever been, with more products and services users depend on moving online–things like bill pay, shopping and education, among others.

Fortunately, we can apply web accessibility basics to our websites and web applications and start to make a huge impact. However, when developing Single Page Apps (SPAs), there are some unique accessibility requirements we must consider to avoid constructing barriers for users with disabilities. Designing and developing inclusively not only benefits the roughly 15% of people with some kind of disability; it benefits absolutely everyone.

Page:

30 pages

Time :

40 minutes

chapter 2

Accessibility in Times of Single-Page Apps

An increasing number of web apps and websites are architected and rendered entirely with JavaScript these days, both client- and server-side. Accessibility is as important of a consideration as it’s ever been, with more products and services users depend on moving online–things like bill pay, shopping and education, among others.

Fortunately, we can apply web accessibility basics to our websites and web applications and start to make a huge impact. However, when developing Single Page Apps (SPAs), there are some unique accessibility requirements we must consider to avoid constructing barriers for users with disabilities. Designing and developing inclusively not only benefits the roughly 15% of people with some kind of disability; it benefits absolutely everyone.

Page:

30 pages

Time :

40 minutes

chapter 3

A Strategy Guide to CSS Custom Properties

CSS Custom Properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. They provide opportunities for well-organized stylesheets, but also the potential to add complexity to CSS. To get the most out of them, we need to know how we write and structure CSS with custom properties.

In this chapter, we aren’t going to focus on the syntax and how they work — there are many tutorials about it. Instead, we’ll explore how dynamic properties are different from variables in preprocessors, how to organize stylesheets with preprocessors in mind, and how to choose a strategy for getting the most out of CSS Custom Properties.

Page:

27 pages

Time :

35 minutes

chapter 3

A Strategy Guide to CSS Custom Properties

CSS Custom Properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. They provide opportunities for well-organized stylesheets, but also the potential to add complexity to CSS. To get the most out of them, we need to know how we write and structure CSS with custom properties.

In this chapter, we aren’t going to focus on the syntax and how they work — there are many tutorials about it. Instead, we’ll explore how dynamic properties are different from variables in preprocessors, how to organize stylesheets with preprocessors in mind, and how to choose a strategy for getting the most out of CSS Custom Properties.

Page:

27 pages

Time :

35 minutes

chapter 3

A Strategy Guide to CSS Custom Properties

CSS Custom Properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. They provide opportunities for well-organized stylesheets, but also the potential to add complexity to CSS. To get the most out of them, we need to know how we write and structure CSS with custom properties.

In this chapter, we aren’t going to focus on the syntax and how they work — there are many tutorials about it. Instead, we’ll explore how dynamic properties are different from variables in preprocessors, how to organize stylesheets with preprocessors in mind, and how to choose a strategy for getting the most out of CSS Custom Properties.

Page:

27 pages

Time :

35 minutes

chapter 4

Building an Advanced Service Worker

Service Workers enable a wide array of great features and are beginning to feel like a lynchpin of the modern web. Yet even folks who’ve cooked up a few service workers of their own can be hard-pressed to explain what exactly the right strategy for building, using and maintaining a service worker is.

In this chapter, we’ll look into common scenarios, techniques and gotchas for building a quite sophisticated service worker. We’ll explore browser quirks, versioning issues, how to deal with caches, how to provide an offline experience and how to use Channel Messaging API, Web Push and Notifications as well as Background Sync.

Page:

40 pages

Time :

45 minutes

chapter 4

Building an Advanced Service Worker

Service Workers enable a wide array of great features and are beginning to feel like a lynchpin of the modern web. Yet even folks who’ve cooked up a few service workers of their own can be hard-pressed to explain what exactly the right strategy for building, using and maintaining a service worker is.

In this chapter, we’ll look into common scenarios, techniques and gotchas for building a quite sophisticated service worker. We’ll explore browser quirks, versioning issues, how to deal with caches, how to provide an offline experience and how to use Channel Messaging API, Web Push and Notifications as well as Background Sync.

Page:

40 pages

Time :

45 minutes

chapter 4

Building an Advanced Service Worker

Service Workers enable a wide array of great features and are beginning to feel like a lynchpin of the modern web. Yet even folks who’ve cooked up a few service workers of their own can be hard-pressed to explain what exactly the right strategy for building, using and maintaining a service worker is.

In this chapter, we’ll look into common scenarios, techniques and gotchas for building a quite sophisticated service worker. We’ll explore browser quirks, versioning issues, how to deal with caches, how to provide an offline experience and how to use Channel Messaging API, Web Push and Notifications as well as Background Sync.

Page:

40 pages

Time :

45 minutes

chapter 5

On Designing Conversations

Think about the last time you had an engaging conversation. When was it and what made it engaging to begin with? We often have a hard time remembering why certain conversations made us feel the way they did. No matter what our individual preferences, there are underlying rules and principles that define whether we feel a conversation is effective or whether it’s a waste of time.

Conversational interfaces often live outside of the scope of websites, and sometimes are integrated with third parties, be it Facebook Messenger, Whatsapp or voice-based UIs. What do we need to know to create those experiences? In this chapter, we’ll explore the guidelines on designing engaging and useful conversations, the lessons we’ve learned creating one and a workflow to create your own conversational experiences.

Page:

16 pages

Time :

27 mimutes

chapter 5

On Designing Conversations

Think about the last time you had an engaging conversation. When was it and what made it engaging to begin with? We often have a hard time remembering why certain conversations made us feel the way they did. No matter what our individual preferences, there are underlying rules and principles that define whether we feel a conversation is effective or whether it’s a waste of time.

Conversational interfaces often live outside of the scope of websites, and sometimes are integrated with third parties, be it Facebook Messenger, Whatsapp or voice-based UIs. What do we need to know to create those experiences? In this chapter, we’ll explore the guidelines on designing engaging and useful conversations, the lessons we’ve learned creating one and a workflow to create your own conversational experiences.

Page:

16 pages

Time :

27 mimutes

chapter 5

On Designing Conversations

Think about the last time you had an engaging conversation. When was it and what made it engaging to begin with? We often have a hard time remembering why certain conversations made us feel the way they did. No matter what our individual preferences, there are underlying rules and principles that define whether we feel a conversation is effective or whether it’s a waste of time.

Conversational interfaces often live outside of the scope of websites, and sometimes are integrated with third parties, be it Facebook Messenger, Whatsapp or voice-based UIs. What do we need to know to create those experiences? In this chapter, we’ll explore the guidelines on designing engaging and useful conversations, the lessons we’ve learned creating one and a workflow to create your own conversational experiences.

Page:

16 pages

Time :

27 mimutes

chapter 6

Defeat Cognitive Overload

In this chapter, you will discover how to reach an audience who is distracted and time-poor. You will learn the importance of not making users think and learn valuable techniques for making taking action an effortless experience.

You will learn:

  • What cognitive load is and why it is so dangerous for your conversion rate.

  • Methods for reducing the cognitive load of your websites.

  • Techniques for keeping any interface simple.

Page:

14 pages

Time :

22 minutes

chapter 6

Defeat Cognitive Overload

In this chapter, you will discover how to reach an audience who is distracted and time-poor. You will learn the importance of not making users think and learn valuable techniques for making taking action an effortless experience.

You will learn:

  • What cognitive load is and why it is so dangerous for your conversion rate.

  • Methods for reducing the cognitive load of your websites.

  • Techniques for keeping any interface simple.

Page:

14 pages

Time :

22 minutes

chapter 6

Defeat Cognitive Overload

In this chapter, you will discover how to reach an audience who is distracted and time-poor. You will learn the importance of not making users think and learn valuable techniques for making taking action an effortless experience.

You will learn:

  • What cognitive load is and why it is so dangerous for your conversion rate.

  • Methods for reducing the cognitive load of your websites.

  • Techniques for keeping any interface simple.

Page:

14 pages

Time :

22 minutes

chapter 7

Overcoming the Problem With Perception

Are your users taking away the right message from your website? Do they understand what you offer or that it is relevant to them? It is easy to leave a website without acting because you had the wrong impression. This chapter shows you how to address this genuine danger.

You will learn:

  • How to position our products and services in a positive light.

  • The role that mental models play in conversion.

  • Techniques for ensuring your content reflects the user’s mindset.

Page:

32 pages

Time :

40 minutes

chapter 7

Overcoming the Problem With Perception

Are your users taking away the right message from your website? Do they understand what you offer or that it is relevant to them? It is easy to leave a website without acting because you had the wrong impression. This chapter shows you how to address this genuine danger.

You will learn:

  • How to position our products and services in a positive light.

  • The role that mental models play in conversion.

  • Techniques for ensuring your content reflects the user’s mindset.

Page:

32 pages

Time :

40 minutes

chapter 7

Overcoming the Problem With Perception

Are your users taking away the right message from your website? Do they understand what you offer or that it is relevant to them? It is easy to leave a website without acting because you had the wrong impression. This chapter shows you how to address this genuine danger.

You will learn:

  • How to position our products and services in a positive light.

  • The role that mental models play in conversion.

  • Techniques for ensuring your content reflects the user’s mindset.

Page:

32 pages

Time :

40 minutes

chapter 8

Never Stop Testing and Iterating

While Click! is packed with great tips and techniques, the real key to success is a program of ongoing testing and iteration. In this chapter, Paul shows you how to put in place a methodology that will keep your conversion rate growing for years to come.

You will learn:

  • Techniques for ensuring you are working on the right projects to improve conversion.

  • Ways to test how compelling a design concept is.

  • How to integrate testing into every aspect of your development cycle.

Page:

10 pages

Time :

15 minutes

chapter 8

Never Stop Testing and Iterating

While Click! is packed with great tips and techniques, the real key to success is a program of ongoing testing and iteration. In this chapter, Paul shows you how to put in place a methodology that will keep your conversion rate growing for years to come.

You will learn:

  • Techniques for ensuring you are working on the right projects to improve conversion.

  • Ways to test how compelling a design concept is.

  • How to integrate testing into every aspect of your development cycle.

Page:

10 pages

Time :

15 minutes

chapter 8

Never Stop Testing and Iterating

While Click! is packed with great tips and techniques, the real key to success is a program of ongoing testing and iteration. In this chapter, Paul shows you how to put in place a methodology that will keep your conversion rate growing for years to come.

You will learn:

  • Techniques for ensuring you are working on the right projects to improve conversion.

  • Ways to test how compelling a design concept is.

  • How to integrate testing into every aspect of your development cycle.

Page:

10 pages

Time :

15 minutes

chapter 9

Address the Whole Experience

While marketers and UX designers have an enormous impact on conversion, they are only a part of the story. That is why in this chapter, Paul shows you how to address the whole user experience and start encouraging colleagues to help improve the conversion rate too.

You will learn:

  • The role of your developer in improving your conversion rate.

  • How to use other digital channels to improve your website conversion rate.

  • How broader organisational changes can help boost revenue and online leads.

Page:

5 pages

Time :

10 minutes

chapter 9

Address the Whole Experience

While marketers and UX designers have an enormous impact on conversion, they are only a part of the story. That is why in this chapter, Paul shows you how to address the whole user experience and start encouraging colleagues to help improve the conversion rate too.

You will learn:

  • The role of your developer in improving your conversion rate.

  • How to use other digital channels to improve your website conversion rate.

  • How broader organisational changes can help boost revenue and online leads.

Page:

5 pages

Time :

10 minutes

chapter 9

Address the Whole Experience

While marketers and UX designers have an enormous impact on conversion, they are only a part of the story. That is why in this chapter, Paul shows you how to address the whole user experience and start encouraging colleagues to help improve the conversion rate too.

You will learn:

  • The role of your developer in improving your conversion rate.

  • How to use other digital channels to improve your website conversion rate.

  • How broader organisational changes can help boost revenue and online leads.

Page:

5 pages

Time :

10 minutes

Testimonials

What my readers say

  • star

    star

    star

    star

    star

    "This book messed with my emotions in the best and worst ways possible. It was impossible to get any sleep without finishing the book first."

    Mark Manson

    Bestselling author of The Subtle Art

  • star

    star

    star

    star

    star

    "Whoa whoa whoa! A Court of Thorns and Roses was action-packed and sexy and book two amplifies both. After her trials and tribulations in book one"

    Scarlet Rohanson

    Huffington Post

  • star

    star

    star

    star

    star

    "I really have no words but perfect. Its so good you want to keep reading forever. Now I can't wait until September for the next throne of glass book."

    Alison Christian

    USA Today

  • star

    star

    star

    star

    star

    "I really have no words but perfect. Its so good you want to keep reading forever. Now I can't wait until September for the next throne of glass book."

    Alison Christian

    USA Today

some help from me

Frequently asked question

How much does shipping cost to my country?
How much does shipping cost to my country?
How much does shipping cost to my country?
Delivery times to my country?
Delivery times to my country?
Delivery times to my country?
Is the eBook included with print?
Is the eBook included with print?
Is the eBook included with print?
What payment methods are accepted?
What payment methods are accepted?
What payment methods are accepted?
Is there a money-back guarantee?
Is there a money-back guarantee?
Is there a money-back guarantee?
Still have questions?
Still have questions?

Can’t find the answer you’re looking for? Please connect with me

Can’t find the answer you’re looking for? Please connect with me

Get The Best Updates

It's good time to subcribe and get the latest promotions