Novel
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