Web UX Design for High Converting Websites

Table of Contents

• 

  Introduction

  00:00:00 - 00:05:41 View Transcript

  Paul Boag introduces the course which will demonstrate practical writing, marketing, design, and optimization techniques to increase conversions and avoid dark patterns.
• 

  Psychology

  00:05:42 - 00:17:57 View Transcript

  Paul explains how people make most decisions using two systems. System one is a faster, automatic, intuitive and emotional way of thinking. System two is more effortful and deliberate.

• 

  Dark Patterns

  00:17:58 - 00:25:42 View Transcript

  Paul defines dark patterns as user interface elements that have been carefully crafted to trick users into doing things they might not otherwise do. Dark patterns can manipulate the user psychologically by using techniques like scarcity or by visually emphasizing a favorable action item.
• 

  Reasons Against Dark Patterns

  00:25:43 - 00:39:17 View Transcript

  Paul believes the business reasons to avoid dark patterns are more compelling than the ethical reasons. When users recognize they are being manipulated, it can undermine a brand. Unhappy customers can increase a business's expenses in other areas like support or merchandise returns.

• 

  Addressing Objections & Risks

  00:39:18 - 00:55:26 View Transcript

  Paul explains the psychology behind risk taking and the various ways businesses can help users manage their risk. When a risk is accompanied by the benefits or assurances that the user is in control of the risk, it will increase the likelihood of a conversion.
• 

  Reducing Cognitive Load

  00:55:27 - 01:05:00 View Transcript

  Paul shares examples on how cognitive load can affect a user experience. Confusing navigation or inconsistent interactions will cause users to make mistakes and leave them with a poor overall feeling with the website. Removing unnecessary items and designing for maximum visibility reduces cognitive load and leads to better outcomes.
• 

  Establishing Trust

  01:05:01 - 01:22:21 View Transcript

  Paul stresses the importance of being open and honest with users. Utilizing social proof like adding testimonials from known sources, producing authentic content, and building a community of users helps build trust and strengthens a brand.
• 

  Performance Impacts Conversion

  01:22:22 - 01:30:59 View Transcript

  Paul discusses how a websites conversion rate is impacted by performance. Optimizing image/css/js files, using a CDN, and minimizing web fonts are all strategies that will increase performance.
• 

  Recap

  01:31:00 - 01:34:48 View Transcript

  Paul summarizes the four psychological principles and answers audience questions about graphic design and where to find more information on dark patterns.

• 

  Three Crucial Questions

  01:34:49 - 01:44:48 View Transcript

  Paul explains that content development starts by asking three crucial questions. Who are the users? Where does the website sit in their journey? What do you want them to do next?
• 

  Creating a Value Proposition

  01:44:49 - 01:58:12 View Transcript

  Paul demonstrates how to ensure a value proposition aligns accurately with the customer's profile. Translating the value proposition to a website consists of writing a strapline, listing the benefits, and describing the delivery.
• 

  Writing Compelling Copy

  01:58:13 - 02:11:41 View Transcript

  Paul breaks down the strategy for writing compelling copy. Establishing a content hierarchy will help capture attention with headlines while still providing an action item for users who want more detail. A discussion about how to recognize dark patterns is also included in this segment.
• 

  Compelling Headlines & Scannable Content

  02:11:42 - 02:28:19 View Transcript

  Paul shares tools and techniques for headline writing and creating scannable content. Tools like Grammarly or Hemingway are helpful for flagging the overuse of adverbs, passive voice, or sentences which are hard to read. Content with a more human feeling will be easier for users to scan.
• 

  Simplifying Choice

  02:28:20 - 02:35:15 View Transcript

  Paul explains how offering too many options can lead to a decrease in conversions. Simplifying choice will easy the decision making process for users.
• 

  Audience

  02:35:16 - 02:42:40 View Transcript

  Paul discusses why understanding and representing the target audience is important when developing content. When users can see themselves within the content of the site, it creates a stronger bond with the brand.
• 

  Recap & Website Critique

  02:42:41 - 02:56:26 View Transcript

  Paul summarizes the process of content creation. The focus should be on the user's journey and the value proposition should be centered around the user. A critique of the Frontend Masters and Stripe websites are also included in this segment.
• 

  Leading the User's Attention

  02:56:27 - 03:15:29 View Transcript

  Paul demonstrates how the content structure and design can guide a user's eye around the page. Correctly structured content blocks make page scanning easy and comfortable. Imagery can also be used to draw attention to calls to action or other important elements on the page.
• 

  Create Compelling Calls to Action

  03:15:30 - 03:35:14 View Transcript

  Paul explains how simplifying and prioritizing calls to action lead to an increase in conversions. Utilizing negative space, color, and size will draw the user's attention. When a call to action is more complex, it should be broken into smaller steps.
• 

  Keep Users Engaged with Aesthetics

  03:35:15 - 03:55:12 View Transcript

  Paul shares examples of website using various styling to shape the user's perception. The messaging a brand wants to communicate can be expressed through the color, animations, or language used on a website. Emotions like humor can be effective for conversions when used appropriately.
• 

  Web Quality Assurance "Checklists"

  03:55:13 - 04:06:48 View Transcript

  Paul shares his thoughts on following checklists to improve a website's content. Two higher educations websites are also critiqued in this segment.

• 

  Optimizing for Conversion & User Testing

  04:06:49 - 04:23:57 View Transcript

  Paul emphasises the importance of A/B testing. Content that can be tested includes brand keywords, visual hierarchy, and calls to action. Initial usability testing on a current website or a competitor's website will give early insight and provide better benchmarks for future testing.
• 

  Tools for Usability Testing

  04:23:58 - 04:31:09 View Transcript

  Paul outlines various usability testing tools and techniques. Tools include the five second test, first click test, brand keyword surveys, and eye tracking.
• 

  Maximizing Conversion & AB Testing

  04:31:10 - 04:45:49 View Transcript

  Paul explains that maximizing conversions after launch can be done by finding problem pages, diagnosing the exact problem, and testing potential solutions. The differences between A/B testing and Multi-variant testing are also covered in this segment.

• 

  Wrapping Up

  04:45:50 - 04:49:41 View Transcript

  Paul concludes the course by sharing a few key takeaways around testing.