Webmasters Gallery

A professional font can improve the user experience by 40%. Choosing a font for your website may seem like a minor issue.

In reality, typography is a pretty important web design element to pay attention to.

Think about it. Your marketing messages consist of words. If your target audience can’t read those words, then what good is your message?

How can people know how awesome your product is if something as simple as a font can get in the way?

In this article, we’ll explain the importance of an attractive, readable, brand-consistent font and how to choose the right one to boost user engagement.

Why Is Typography in Web Design So Important?

Typography in web design because it impacts how your audience perceives and interacts with your content. 

A well-chosen font can enhance readability, convey your brand’s personality, and improve user engagement.

Helvetica, for example, is a popular font known for its clean, modern look and excellent readability. This makes it effective for engaging users.

Beaches of Normandy Tours, a tour agency focused on WWII historical tours, uses Helvetica in its blog articles to attract history enthusiasts, veterans, soldiers, and relatives. They use Helvetica’s clear and simple design to create a sense of professionalism and trust. 

For example, their article about The Liberation of Paris combines Helvetica with historical photos, making the content easy to read and visually appealing. This approach makes blogs more user-friendly and keeps readers engaged by presenting reliable historical information in an attractive way.

The Psychological Impact of Fonts: How Different Fonts Evoke Emotions

Different fonts can evoke various emotions and perceptions, which influence how users feel about a website and its content. This is called font psychology.

With their traditional and elegant look, Serif fonts often evoke feelings of reliability and sophistication. With their clean and modern appearance, it’s no wonder why about 85% of fonts on the web are Sans-serif fonts.

Their simplicity and clarity make them universal fonts to use in a variety of industries and websites. 

On the other hand, script fonts can appear personal and creative, while decorative fonts add a unique and distinctive flair. 

StudioSuits, a brand that sells seersucker suits for men, uses simple fonts on its website. It uses the custom font Unna for its headings and a Sans-serif font for its text. This combination creates a sophisticated and engaging experience that aligns with the brand’s simplistic design ethos.

How to Choose the Right Fonts for Your Website

Now, with that out of the way, let’s look at some best practices to consider when selecting website fonts for a beautiful, user-friendly design.

Understand Your Audience 

Understanding your audience can help you choose the right font for your website because different demographics have varying preferences and expectations. Knowing your audience’s age, interests, and cultural background can guide you in choosing fonts that resonate with them and enhance their user experience. 

For example, Cruise America, a leading provider of RV rentals in Denver, serves the travel industry and aims to evoke a sense of adventure and freedom. The brand incorporates a script-type font for its headings to create a stylish and inviting feel while keeping the remaining fonts simple for readability. 

It uses a custom font called Recklame Script, a handwriting font that adds a unique, stylish look, helping to engage its audience and reflect the excitement of travel.

Some tips for choosing fonts that resonate with your audience:

1. Look at the fonts your competitors use.
2. Consider your industry. (e.g. Tech = sleek, modern; Luxury = elegant, serif)
3. Analyze website analytics to understand how your audience will interact with your content.
4. Conduct A/B tests with different fonts to see which ones perform the best in terms of conversions.

Match Your Brand Personality

Marketers see a 30% increase in customer engagement when they use fonts that are consistent with their brand. 

So, when your font choices reflect the personality of your brand, it creates a sense of authenticity that resonates with your target customer. 

For example, a professional corporate brand might benefit from clean, Sans-serif fonts that convey reliability and a sense of trust.

On the other hand, a creative brand might opt for decorative or handwritten fonts that convey innovation and playfulness.

A marketing agency would be a perfect example of a brand that can use more expressive typography. Note the screenshot below. Level Agency uses a bold, creative font to grab attention and convey its innovative approach to marketing.

Prioritize Readability

Only 30% of websites consider font accessibility for visually impaired users. Don’t be part of the other 70% with incorrect letter spacing or Times New Roman font at 8 points with no white space.

No matter how attractive a font is, if it isn’t easy to read, it’s not going to delight your visitors. That means they’re more likely to leave your site, especially if they have a visual impairment.

So, test your chosen fronts across different devices and screen sizes to ensure legibility. Avoid decorative fonts for body text. If you must use them, save them for headings or accent elements.

Make sure there’s enough contrast between your text and background. Dark text on a light background, or vice versa, usually works best.

Consider Font Pairing

Add visual interest to your web design by choosing complementary fonts. Consider using a more expressive, bold font for headings. Choose a simpler, more readable font for body takes. Make sure the fonts you pair have contrasting but harmonious styles. 

You can also use different font weights (bold, regular, light) to establish a visual hierarchy. This can help you guide users through the content smoothly.

Final Thoughts

The font(s) you choose can take your website design to the next level. It’s a small piece of the web design puzzle, but an important piece nonetheless.

Test out different styles and capture the essence of your brand. Think about your customers and the industry you serve. 

Following these tips can help you find the right font combination that complements your overall web design and ensures a smooth user experience.

Here’s to your success!

Featured image by Natalia Y. on Unsplash

The post Typography in Web Design: Choosing Fonts that Enhance User Engagement appeared first on noupe.

Getty Images and Shutterstock are merging in a $3.7 billion deal, creating a powerhouse for visual content with expanded libraries, cutting-edge AI tools, and integrated solutions for creatives. This merger promises to streamline access to assets and innovate resources for designers.

This article is a sponsored by Cloudways

Product launches and sales typically attract large volumes of traffic. Too many concurrent server requests can lead to website crashes if you’re not equipped to deal with them. This can result in a loss of revenue and reputation damage.

The good news is that you can maximize availability and prevent website crashes by designing websites specifically for these events. For example, you can switch to a scalable cloud-based web host, or compress/optimize images to save bandwidth.

In this article, we’ll discuss six ways to design websites for high-traffic events like product drops and sales:

1. Compress and optimize images,
2. Choose a scalable web host,
3. Use a CDN,
4. Leverage caching,
5. Stress test websites,
6. Refine the backend.

Let’s jump right in!

How To Design For High-Traffic Events

Let’s take a look at six ways to design websites for high-traffic events, without worrying about website crashes and other performance-related issues.

1. Compress And Optimize Images

One of the simplest ways to design a website that accommodates large volumes of traffic is to optimize and compress images. Typically, images have very large file sizes, which means they take longer for browsers to parse and display. Additionally, they can be a huge drain on bandwidth and lead to slow loading times.

You can free up space and reduce the load on your server by compressing and optimizing images. It’s a good idea to resize images to make them physically smaller. You can often do this using built-in apps on your operating system.

There are also online optimization tools available like Tinify, as well as advanced image editing software like Photoshop or GIMP:

Image format is also a key consideration. Many designers rely on JPG and PNG, but adaptive modern image formats like WebP can reduce the weight of the image and provide a better user experience (UX).

You may even consider installing an image optimization plugin or an image CDN to compress and scale images automatically. Additionally, you can implement lazy loading, which prioritizes the loading of images above the fold and delays those that aren’t immediately visible.

2. Choose A Scalable Web Host

The most convenient way to design a high-traffic website without worrying about website crashes is to upgrade your web hosting solution.

Traditionally, when you sign up for a web hosting plan, you’re allocated a pre-defined number of resources. This can negatively impact your website performance, particularly if you use a shared hosting service.

Upgrading your web host ensures that you have adequate resources to serve visitors flocking to your site during high-traffic events. If you’re not prepared for this eventuality, your website may crash, or your host may automatically upgrade you to a higher-priced plan.

Therefore, the best solution is to switch to a scalable web host like Cloudways Autonomous:

This is a fully managed WordPress hosting service that automatically adjusts your web resources based on demand. This means that you’re able to handle sudden traffic surges without the hassle of resource monitoring and without compromising on speed.

With Cloudways Autonomous your website is hosted on multiple servers instead of just one. It uses Kubernetes with advanced load balancing to distribute traffic among these servers. Kubernetes is capable of spinning up additional pods (think of pods as servers) based on demand, so there’s no chance of overwhelming a single server with too many requests.

High-traffic events like sales can also make your site a prime target for hackers. This is because, in high-stress situations, many sites enter a state of greater vulnerability and instability. But with Cloudways Autonomous, you’ll benefit from DDoS mitigation and a web application firewall to improve website security.

3. Use A CDN

As you’d expect, large volumes of traffic can significantly impact the security and stability of your site’s network. This can result in website crashes unless you take the proper precautions when designing sites for these events.

A content delivery network (CDN) is an excellent solution to the problem. You’ll get access to a collection of strategically-located servers, scattered all over the world. This means that you can reduce latency and speed up your content delivery times, regardless of where your customers are based.

When a user makes a request for a website, they’ll receive content from a server that’s physically closest to their location. Plus, having extra servers to distribute traffic can prevent a single server from crashing under high-pressure conditions. Cloudflare is one of the most robust CDNs available, and luckily, you’ll get access to it when you use Cloudways Autonomous.

You can also find optimization plugins or caching solutions that give you access to a CDN. Some tools like Jetpack include a dedicated image CDN, which is built to accommodate and auto-optimize visual assets.

4. Leverage Caching

When a user requests a website, it can take a long time to load all the HTML, CSS, and JavaScript contained within it. Caching can help your website combat this issue.

A cache functions as a temporary storage location that keeps copies of your web pages on hand (once they’ve been requested). This means that every subsequent request will be served from the cache, enabling users to access content much faster.

The cache mainly deals with static content like HTML which is much quicker to parse compared to dynamic content like JavaScript. However, you can find caching technologies that accommodate both types of content.

There are different caching mechanisms to consider when designing for high-traffic events. For example, edge caching is generally used to cache static assets like images, videos, or web pages. Meanwhile, database caching enables you to optimize server requests.

If you’re expecting fewer simultaneous sessions (which isn’t likely in this scenario), server-side caching can be a good option. You could even implement browser caching, which affects static assets based on your HTTP headers.

There are plenty of caching plugins available if you want to add this functionality to your site, but some web hosts provide built-in solutions. For example, Cloudways Autonomous uses Cloudflare’s edge cache and integrated object cache.

5. Stress Test Websites

One of the best ways to design websites while preparing for peak traffic is to carry out comprehensive stress tests.

This enables you to find out how your website performs in various conditions. For instance, you can simulate high-traffic events and discover the upper limits of your server’s capabilities. This helps you avoid resource drainage and prevent website crashes.

You might have experience with speed testing tools like Pingdom, which assess your website performance. But these tools don’t help you understand how performance may be impacted by high volumes of traffic.

Therefore, you’ll need to use a dedicated stress test tool like Loader.io:

This is completely free to use, but you’ll need to register for an account and verify your website domain. You can then download your preferred file and upload it to your server via FTP.

After that, you’ll find three different tests to carry out. Once your test is complete, you can take a look at the average response time and maximum response time, and see how this is affected by a higher number of clients.

6. Refine The Backend

The final way to design websites for high-traffic events is to refine the WordPress back end.

The admin panel is where you install plugins, activate themes, and add content. The more of these features that you have on your site, the slower your pages will load.

Therefore, it’s a good idea to delete any old pages, posts, and images that are no longer needed. If you have access to your database, you can even go in and remove any archived materials.

On top of this, it’s best to remove plugins that aren’t essential for your website to function. Again, with database access, you can get in there and delete any tables that sometimes get left behind when you uninstall plugins via the WordPress dashboard.

When it comes to themes, you’ll want to opt for a simple layout with a minimalist design. Themes that come with lots of built-in widgets or rely on third-party plugins will likely add bloat to your loading times. Essentially, the lighter your back end, the quicker it will load.

Conclusion

Product drops and sales are a great way to increase revenue, but these events can result in traffic spikes that affect a site’s availability and performance. To prevent website crashes, you’ll have to make sure that the sites you design can handle large numbers of server requests at once.

The easiest way to support fluctuating traffic volumes is to upgrade to a scalable web hosting service like Cloudways Autonomous. This way, you can adjust your server resources automatically, based on demand. Plus, you’ll get access to a CDN, caching, and an SSL certificate. Get started today!

The FTC has ordered accessiBe to pay $1 million for falsely claiming its AI-powered tool could make websites fully compliant with accessibility standards. This action is part of the FTC’s crackdown on deceptive AI marketing practices.

We are at an unprecedented point in American history, and I’m concerned we may lose sight of the American Dream:

• The costs of housing, healthcare, and education have soared far beyond the pace of inflation and wage growth.
• We are a democracy, but 144 million Americans – 42% of the adults who live here – do not vote and have no say in what happens.
• Wealth concentration has reached historic levels. The top 1% of households control 32% of all wealth, while the bottom 50% only have 2.6%.

We must act now to keep the dream alive. Our family made eight $1 million donations to nonprofit groups working to support those most currently in need:

• Team Rubicon – Mobilizing veterans to continue their service, leveraging their skills and experience to help Americans prepare, respond, and recover from natural disasters.
• Children’s Hunger Fund – Provides resources to local churches in the United States and around the world to meet the needs of impoverished community members.
• PEN America – Defends writers against censorship and abuse, supports writers in need of emergency assistance, and amplifies the writing of incarcerated prisoners. (One of my personal favorites; I’ve seen the power of writing transform our world many times.)
• The Trevor Project – Working to change hearts, minds, and laws to support the lives of young adults seeking acceptance as fellow Americans.
• NAACP Legal Defense and Educational Fund – Legal organization with a historic record of advancing racial justice and reducing inequality.
• First Generation Investors – Introduces high school students in low-income areas to the fundamentals of investing, providing them real money to invest, encouraging long-term wealth accumulation and financial literacy among underserved youth.
• Global Refuge – Supporting migrants and refugees from around the globe, in partnership with community-based legal and social service providers nationwide, helping rebuild lives in America.
• Planned Parenthood – Provides essential healthcare services and resources that help individuals and families lead healthier lives.

I encourage every American to contribute soon, however you can, to organizations you feel are effectively helping those most currently in need here in America.

We must also work toward deeper changes that will take decades to achieve. Over the next five years, my family pledges half our wealth towards long term efforts ensuring that all Americans continue to have access to the American Dream.

I never thought my family would be able to do this. My parents are of hardscrabble rural West Virginia and rural North Carolina origins. They barely managed to claw their way to the bottom of the middle class by the time they ended up in Virginia. Unfortunately, due to the demons passed on to them by their parents, my father was an alcoholic and my mother participated in the drinking. She ended up divorcing my father when I was 16 years old. It was only after the divorce that my parents were able to heal themselves, heal their only child, and stop the drinking, which was so destructive to our family. If the divorce hadn’t forced the issue, alcohol would have inevitably destroyed us all.

My parents may not have done everything right, but they both unconditionally loved me. They taught me how to fully, deeply receive love, and the profound joy of reflecting that love upon everyone around you.

I went on to attend public school in Chesterfield County, Virginia. In 1992 I graduated from the University of Virginia, founded by Thomas Jefferson.

During college, I worked at Safeway as a part-time cashier, earning the federal minimum wage, scraping together whatever money I could through government Pell grants, scholarships, and other part-time work to pay my college tuition. Even with lower in-state tuition, it was rocky. Sometimes I could barely manage tuition payments. And that was in 1992, when tuition was only $3,000 per year. It is now $23,000 per year. College tuition at a state school increased by 8 times over the last 30 years. These huge cost increases for healthcare, education, and housing are not compatible with the American Dream.

Programmers all over the world helped make an American Dream happen in 2008 when we built Stack Overflow, a Q&A website for programmers creating a shared Creative Commons knowledge base for the world. We did it democratically, because that’s the American way. We voted to rank questions and answers, and held elections for community moderators using ranked choice voting. We built a digital democracy – of the programmers, by the programmers, for the programmers. It worked.

With the guidance of my co-founder Joel Spolsky, I came to understand that the digital democracy of Stack Overflow was not enough. We must be brave enough to actively, openly share love with each other. That became the foundation for Discourse, a free, open source tool for constructive, empathetic community discussions that are also Creative Commons. We can disagree in those discussions because Discourse empowers communities to set boundaries the community agrees on, providing tools to democratically govern and strongly moderate by enforcing these boundaries. Digital democracy and empathy, for everyone.

In order for digital democracy to work, we need to see each other through our screens.

We often behave online in ways we never would in the real world because we cannot see the person on the other side of the screen. But as our world becomes more digital, we must extend our kindness through that screen.

I’ve always felt Stack Overflow and Discourse are projects for the public good that happen to be corporations. I probably couldn’t have accomplished this in any other country, and I was rewarded handsomely for a combination of hard work and good luck. That’s what the American Dream promises us.

We built it, and people came. I earned millions of dollars. I thought that was the final part of the American Dream. But it wasn’t.

I recently attended a theater performance of The Outsiders at my son’s public high school. All I really knew was the famous “stay gold” line from the 1983 movie adaptation. But as I sat there in the audience among my neighbors, watching the complete story acted out in front of me by these teenagers, I slowly realized what staying gold actually meant: sharing the American Dream.

In the printed program, the director wrote:

This play is a reminder that strength lies not just in overcoming hardships but in staying true to ourselves and lifting up those around us.

We hope you feel the raw emotions, sense the camaraderie, and connect with the enduring themes of resilience, empathy, and unity. Whether you’ve read this story recently, long ago, or not at all, I hope you are able to find inspiration in the strength and passion of youth. Thank you for being part of this journey with us.

Stay gold.

I believe deeply in sharing The American Dream. It is the foundation of our country, the second paragraph in our Declaration of Independence, written by the founder of the public university I attended:

We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the pursuit of Happiness.

But the American Dream is not always available to every American. Its meaning can be distorted. Jimi Hendrix captured this distortion so eloquently in his rendition of our national anthem.

We are still trying to live up to those ideals today. In November 2024, enough of us voted for people who interpret the dream in a way that I don’t understand.

34% of adults in America did not exercise their right to vote. Why? Is it voter suppression, gerrymandering causing indifference, or people who felt their vote didn’t matter? The 7.6% that are ineligible to vote are mostly adults living in America who have not managed to attain citizenship, or people convicted of a felony. Whatever the reasons, 42% of adults living in America had no say in the 2024 election. The vote failed to represent everyone.

I think many of the Americans who did vote are telling us they no longer believe our government is effectively keeping America fair for everyone. Our status as the world’s leading democracy is in question. We should make it easier for more eligible Americans to vote, such as making election day a national holiday, universal mail in voting, and adopting ranked choice voting so all votes carry more weight. We should also strengthen institutions keeping democracy fair for everyone, such as state and local election boards, as well as the Federal Election Commission.

It was only after I attained the dream that I was able to fully see how many Americans have so very little. This much wealth starts to unintentionally distance my family from other Americans. I no longer bother to look at how much items cost, because I don’t have to. We don’t have to think about all these things that are challenging or unreachable for so many others. The more wealth you attain, the more unmistakably clear it becomes how unequal life is for so many of us.

Even with the wealth I have, I can’t imagine what it would feel like to be a billionaire. It is, for lack of a better word, unamerican.

In 2012, the top 1% of Americans held 24% of our country’s wealth. By 2021, the top 1% of Americans held 30%. So many have so little, while a tiny few have massive, wildly disproportionate wealth, which keeps growing. Now the global top 1% hold nearly twice as much wealth as the rest of the world combined.

I grew up poor in America, inspired by the promise of the American Dream that I could better myself and my family by building things that mattered:

Work is service, not gain. The object of work is life, not income. The reward of production is plenty, not private fortune. We should measure the prosperity of a nation not by the number of millionaires, but by the absence of poverty, the prevalence of health, the efficiency of the public schools, and the number of people who can and do read worthwhile books.

Our version of capitalism delivered so much wealth to my family for my hard work in co-founding two successful companies. My partner and I gladly paid our full taxes, and we always planned to give most of our remaining wealth to charities when we pass, following the Warren Buffet Philanthropic Pledge:

More than 99% of my wealth will go to philanthropy during my lifetime or at death.

I admire Buffett, but even having only a tiny fraction of his $325 billion fortune, to me this pledge was incomplete. When would this wealth be transferred?

Last year he amended the pledge, giving all his wealth at death to a charitable trust run by his children, aged 71, 69, and 66, who do not make for natural charitable bedfellows. I am only holding back enough wealth for my children so they can afford college educations and buy a home. I am compelled to, because being a parent is the toughest job I’ve ever had, and I am concerned about their future.

November 5th raised the stakes. It is now time to allocate half the wealth I was so fortunate to be dealt within the next five years, not just for my own family, but for all my fellow Americans.

Our government seems to be slower and slower at delivering change due to the increased polarization of our two party system. The last meaningful constitutional amendment we’ve managed to pass in the last 60 years was the 26th amendment in 1971, lowering the voting age to 18 and giving more people a voice in our democracy.

Political polarization is at historically high levels and rising. In a two party system, this level of polarization is counterproductive and even dangerous. Do we all still believe in the same American Dream?

I’ve always loved the ideals behind the American Dream, though we continually struggle to live up to them. They are worth fighting for, even if it means making “good trouble”. We must come together and believe in our shared American Dream so deeply that we can improve our democracy… but which dream?

The American Dream contains the path of hate, and the path of love. Throughout our history, one hand is always fighting the other. Which path are we choosing?

Our family pledges half our wealth toward an American Dream founded on love.

Here are some starting points for longer term efforts:

• We can support organizations making it easier for Americans to vote for a new Congress in two years and a new president in four years. My concern is damage to our democratic institutions may happen so quickly that our votes could matter even less within the coming years.
• We could fund nonprofits that have a proven track record of protecting democratic institutions.
• We could found a new organization loosely based on the original RAND Corporation, but modernized like Lever for Change. We can empower the best and brightest to determine a realistic, achievable path toward preserving the American Dream for everyone, working within the current system or outside it.
• All states are shades of purple, not fully red or blue. We have more in common on specific policies than we realize. It would be very difficult to draw borders if we split. I know what divorce feels like, and we don’t want this. Let’s come together through our shared American Dream.
• We can start with change in our local communities. Vote in your own city, county, and state elections. Support local independent journalism and media. Find a local organization doing work you admire, ask what they need, and help them meet those needs. Listen to the stories of fellow volunteers, listen to the stories of the people you’re serving – that is the heart of Democracy.

We’ve already completed the eight $1 million donations listed above to help those most immediately in need. Within the next five years, half of our family wealth will support longer term efforts. There is no single solution, so let’s work together. I will gladly advise and empower others working towards the same goal.

Please join us in Sharing the American Dream:

1. Support organizations you feel are effectively helping those most in need across America right now.
2. Within the next five years, also contribute public dedications of time or funds towards longer term efforts to keep the American Dream fair and attainable for all our children.

Stay gold, America.

(I could not have done this without the support of my partner Betsy Burton and the rest of my family. I’d also like to thank Steve McConnell, whose writing inspired me to start this blog in 2004. So many people from all walks of life generously shared their feedback to improve this post. We wrote it together. Thank you all.)

Starting an affiliate program is one of the most effective ways to generate traction and grow your business.

You authorize others to promote your solutions on your behalf and compensate for their efforts in the form of commissions.

However, offering an affiliate program isn’t a one-time thing. There are certain ongoing tasks you need to perform for your affiliate program to get you the desired results.

The goal here is to maintain healthy partnerships with your affiliates and ensure regulatory compliance.

Knowing which tasks to perform to enhance the credibility and performance of your affiliate program can be challenging.

Hence, we have come up with a list of maintenance tasks that you should consider to make things easy for you.

Outreach

A common mistake is thinking that once you have initiated an affiliate program, you should wait for others to join. A smart move is to actively reach out to promising candidates and ask them to consider what you bring to the table.

Influencer recommendations convince around 88% of people to purchase certain products or services. It makes influencers worthy candidates for affiliate programs. All you need to do is find the right ones that believe in your vision.

Also, consider contacting content creators with a decent number of followers on social media who are comfortable publishing sponsored posts.

It’s a maintenance task for your affiliate program that enables you to grow fruitful partnerships and increase your chances of generating more revenue.

Search Engine Optimization

Another maintenance task you should consider is optimizing your landing page for better reach. 

Entrepreneurs, influencers, and content creators often use search engines to look for fitting affiliate programs that they can join. Hence, optimizing your affiliate landing page helps you generate traction organically and attract promising prospects.

Search engine optimization also complements your authority. When your affiliate page ranks among the top search engine recommendations, your prospects feel more motivated to join your program.

As more candidates show a willingness to join your affiliate program, your chances of shortlisting and partnering with suitable affiliates increase significantly.

Active Onboarding

It’s a huge mistake to put affiliate induction on hold. As your affiliate program becomes more popular, you may see a lot of people joining it.

The time may come when you feel like you reached the limit, and you should stop onboarding more affiliates. It’s when many businesses stop entertaining applications they receive from potential affiliates.

The problem is that all affiliates in your program aren’t active. Some may be dormant, whereas others may leave the program somewhere down the road.

Hence, you should actively onboard affiliates to keep your affiliate program up and running. If you feel like you have an overwhelming number of active affiliates, you should reach out to applicants and thank them for wanting to join your program.

Communicate that you have stopped inducting affiliates for the time being and will cater to their request as soon as you resume onboarding.

It helps you build healthy relationships with the candidates and maintain a good reputation in your respective industry.

Affiliate Performance Review

Affiliates are representatives of your brand. How your affiliates promote your offerings and engage the intended audience has a profound impact on your reputation in the industry.

Moreover, your affiliates’ efforts contribute to your revenue-generating capability. Hence, you should consider tracking their performance.

Affiliate performance review serves two purposes. First, it helps you to identify high-performing partners in your affiliate program. You can help them access useful resources and tools, which boosts their performance even further and enables them to drive more traffic for you.

You can strategize with your high-performing affiliates, enabling them to overcome the challenges they encounter and operate at their maximum efficiency.

Second, you can detect affiliates who are not performing up to your expectations and help them do better.

Affiliate programs perform well when the concerned stakeholders work in close coordination. Your role as an onboarding brand is to be a guide to the affiliates joining your program.

They are your ambassadors. Ideally, you should help them promote your solutions to the right audience. After all, it helps you fuel your sales funnel with more quality leads.

Affiliate Training

One of the reasons affiliates underperform is the lack of training. It happens when aspiring entrepreneurs start their journey and pick affiliate marketing as a business model.

They often struggle to drive traffic due to their lack of experience and the inability to promote the products or services to the right audience.

They have just started their entrepreneurial journey and don’t know how affiliate marketing works. In this case, it is the responsibility of onboarding brands to train their affiliates and show them how to promote their solutions to the right people.

Not everyone joining an affiliate program is a veteran marketer. So, you can’t have the same expectations from them all.

You should pay close attention to prospects who are new to the world of affiliate marketing. As a matter of fact, even seasoned marketers require training to promote your products or services the right way.

Therefore, conducting affiliate training should be one of the most important tasks on your to-do list. With well-designed training, you can help your affiliates identify relevant sources to drive traction and deploy useful tactics to perform as per your expectations.

Conflict Resolution

You may encounter multiple issues when running an affiliate program. Disagreements between brands and their respective affiliates are common occurrences, especially when it comes to payouts.

It makes conflict resolution one of the most important ongoing tasks when managing an affiliate program.

Your affiliates often reach out to you when they face any issues as part of your affiliate program. However, you shouldn’t solely rely on them to do so. Instead, actively reach out to your affiliates from time to time and inquire about their concerns.

Even if they don’t report any problems, you can ask them for their suggestions to help you make your program better. 

It makes your affiliate program stand out among other alternatives and enables you to maintain lasting relationships with people onboard.

Final Words

Running a successful affiliate program requires effective maintenance. You need to perform a series of tasks to ensure that you maintain healthy relationships with your affiliates and drive the desired results from your initiative.

We have discussed the most important tasks that you must consider. However, efficient affiliate program maintenance isn’t limited to the action items we talked about.

The tasks we mentioned will help you get started. You can explore other important ones to consider as you go.

Featured image by 1981 Digital on Unsplash

The post 6 Maintenance Tasks to Conduct for Your Affiliate Program appeared first on noupe.

I’ll set out my stall and let you know I am still an AI skeptic. Heck, I still wrap “AI” in quotes a lot of the time I talk about it. I am, however, skeptical of the present, rather than the future. I wouldn’t say I’m positive or even excited about where AI is going, but there’s an inevitability that in development circles, it will be further engrained in our work.

We joke in the industry that the suggestions that AI gives us are more often than not, terrible, but that will only improve in time. A good basis for that theory is how fast generative AI has improved with image and video generation. Sure, generated images still have that “shrink-wrapped” look about them, and generated images of people have extra… um… limbs, but consider how much generated AI images have improved, even in the last 12 months.

There’s also the case that VC money is seemingly exclusively being invested in AI, industry-wide. Pair that with a continuously turbulent tech recruitment situation, with endless major layoffs and even a skeptic like myself can see the writing on the wall with how our jobs as developers are going to be affected.

The biggest risk factor I can foresee is that if your sole responsibility is to write code, your job is almost certainly at risk. I don’t think this is an imminent risk in a lot of cases, but as generative AI improves its code output — just like it has for images and video — it’s only a matter of time before it becomes a redundancy risk for actual human developers.

Do I think this is right? Absolutely not. Do I think it’s time to panic? Not yet, but I do see a lot of value in evolving your skillset beyond writing code. I especially see the value in improving your soft skills.

What are soft skills?

A good way to think of soft skills is that they are life skills. Soft skills include:

• communicating with others,
• organizing yourself and others,
• making decisions, and
• adapting to difficult situations.

I believe so much in soft skills that I call them core skills and for the rest of this article, I’ll refer to them as core skills, to underline their importance.

The path to becoming a truly great developer is down to more than just coding. It comes down to how you approach everything else, like communication, giving and receiving feedback, finding a pragmatic solution, planning — and even thinking like a web developer.

I’ve been working with CSS for over 15 years at this point and a lot has changed in its capabilities. What hasn’t changed though, is the core skills — often called “soft skills” — that are required to push you to the next level. I’ve spent a large chunk of those 15 years as a consultant, helping organizations — both global corporations and small startups — write better CSS. In almost every single case, an improvement of the organization’s core skills was the overarching difference.

The main reason for this is a lot of the time, the organizations I worked with coded themselves into a corner. They’d done that because they just plowed through — Jira ticket after Jira ticket — rather than step back and question, “is our approach actually working?” By focusing on their team’s core skills, we were often — and very quickly — able to identify problem areas and come up with pragmatic solutions that were almost never development solutions. These solutions were instead:

• Improving communication and collaboration between design and development teams
• Reducing design “hand-off” and instead, making the web-based output the source of truth
• Moving slowly and methodically to move fast
• Putting a sharp focus on planning and collaboration between developers and designers, way in advance of production work being started
• Changing the mindset of “plow on” to taking a step back, thoroughly evaluating the problem, and then developing a collaborative and by proxy, much simpler solution

Will improving my core skills actually help?

One thing AI cannot do — and (hopefully) never will be able to do — is be human. Core skills — especially communication skills — are very difficult for AI to recreate well because the way we communicate is uniquely human.

I’ve been doing this job a long time and something that’s certainly propelled my career is the fact I’ve always been versatile. Having a multifaceted skillset — like in my case, learning CSS and HTML to improve my design work — will only benefit you. It opens up other opportunities for you too, which is especially important with the way the tech industry currently is.

If you’re wondering how to get started on improving your core skills, I’ve got you. I produced a course called Complete CSS this year but it’s a slight rug-pull because it’s actually a core skills course that uses CSS as a context. You get to learn some iron-clad CSS skills alongside those core skills too, as a bonus. It’s definitely worth checking out if you are interested in developing your core skills, especially so if you receive a training budget from your employer.

Wrapping up

The main message I want to get across is developing your core skills is as important — if not more important — than keeping up to date with the latest CSS or JavaScript thing. It might be uncomfortable for you to do that, but trust me, being able to stand yourself out over AI is only going to be a good thing, and improving your core skills is a sure-fire way to do exactly that.

---

The Importance of Investing in Soft Skills in the Age of AI originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Advanced UX goes beyond Nielsen’s principles, focusing on cognitive load, workflow continuity, and customization to empower expert users. These pro-level heuristics enhance efficiency and resilience in high-performance environments.

In 2024, Artificial Intelligence (AI) hit the limelight with major advancements. The problem with reaching common knowledge and so much public attention so quickly is that the term becomes ambiguous. While we all have an approximation of what it means to “use AI” in something, it’s not widely understood what infrastructure having AI in your project, product, or feature entails.

So, let’s break down the concepts that make AI tick. How is data stored and correlated, and how are the relationships built in order for an algorithm to learn how to interpret that data? As with most data-oriented architectures, it all starts with a database.

Data As Coordinates

Creating intelligence, whether artificial or natural, works in a very similar way. We store chunks of information, and we then connect them. Multiple visualization tools and metaphors show this in a 3-dimensional space with dots connected by lines on a graph. Those connections and their intersection are what make up for intelligence. For example, we put together “chocolate is sweet and nice” and “drinking hot milk makes you warm”, and we make “hot chocolate”.

We, as human beings, don’t worry too much about making sure the connections land at the right point. Our brain just works that way, declaratively. However, for building AI, we need to be more explicit. So think of it as a map. In order for a plane to leave CountryA and arrive at CountryB it requires a precise system: we have coordinates, we have 2 axis in our maps, and they can be represented as a vector: [28.3772, 81.5707].

For our intelligence, we need a more complex system; 2 dimensions will not suffice; we need thousands. That’s what vector databases are. Our intelligence can now correlate terms based on the distance and/or angle between them, create cross-references, and establish patterns in which every term occurs.

A specialized database that stores and manages data as high-dimensional vectors. It enables efficient similarity searches and semantic matching.

Querying Per Approximation

As stated in the last session, matching the search terms (your prompt) to the data is the exercise of semantic matching (it establishes the pattern in which keywords in your prompt are used within its own data), and the similarity search, the distance (angular or linear) between each entry. That’s actually a roughly accurate representation. What a similarity search does is define each of the numbers in a vector (that’s thousands of coordinates long), a point in this weird multi-dimensional space. Finally, to establish similarity between each of these points, the distance and/or angles between them are measured.

This is one of the reasons why AI isn’t deterministic — we also aren’t — for the same prompt, the search may produce different outputs based on how the scores are defined at that moment. If you’re building an AI system, there are algorithms you can use to establish how your data will be evaluated.

This can produce more precise and accurate results depending on the type of data. The main algorithms used are 3, and Each one of them performs better for a certain kind of data, so understanding the shape of the data and how each of these concepts will correlate is important to choosing the correct one. In a very hand-wavy way, here’s the rule-of-thumb to offer you a clue for each:

• Cosine Similarity
  Measures angle between vectors. So if the magnitude (the actual number) is less important. It’s great for text/semantic similarity
• Dot Product
  Captures linear correlation and alignment. It’s great for establishing relationships between multiple points/features.
• Euclidean Distance
  Calculates straight-line distance. It’s good for dense numerical spaces since it highlights the spatial distance.

INFO

When working with non-structured data (like text entries: your tweets, a book, multiple recipes, your product’s documentation), cosine similarity is the way to go.

Now that we understand how the data bulk is stored and the relationships are built, we can start talking about how the intelligence works — let the training begin!

Language Models

A language model is a system trained to understand, predict, and finally generate human-like text by learning statistical patterns and relationships between words and phrases in large text datasets. For such a system, language is represented as probabilistic sequences.

In that way, a language model is immediately capable of efficient completion (hence the quote stating that 90% of the code in Google is written by AI — auto-completion), translation, and conversation. Those tasks are the low-hanging fruits of AI because they depend on estimating the likelihood of word combinations and improve by reaffirming and adjusting the patterns based on usage feedback (rebalancing the similarity scores).

As of now, we understand what a language model is, and we can start classifying them as large and small.

Large Language Models (LLMs)

As the name says, use large-scale datasets &mdash with billions of parameters, like up to 70 billion. This allows them to be diverse and capable of creating human-like text across different knowledge domains.
Think of them as big generalists. This makes them not only versatile but extremely powerful. And as a consequence, training them demands a lot of computational work.

Small Language Models (SLMs)

With a smaller dataset, with numbers ranging from 100 million to 3 billion parameters. They take significantly less computational effort, which makes them less versatile and better suited for specific tasks with more defined constraints. SLMs can also be deployed more efficiently and have a faster inference when processing user input.

Fine-Tunning

Fine-tuning an LLM consists of adjusting the model’s weights through additional specialized training on a specific (high-quality) dataset. Basically, adapting a pre-trained model to perform better in a particular domain or task.

As training iterates through the heuristics within the model, it enables a more nuanced understanding. This leads to more accurate and context-specific outputs without creating a custom language model for each task. On each training iteration, developers will tune the learning rate, weights, and batch-size while providing a dataset tailored for that particular knowledge area. Of course, each iteration depends also on appropriately benchmarking the output performance of the model.

As mentioned above, fine-tuning is particularly useful for applying a determined task with a niche knowledge area, for example, creating summaries of nutritional scientific articles, correlating symptoms with a subset of possible conditions, etc.

Fine-tuning is not something that can be done frequently or fast, requiring numerous iterations, and it isn’t intended for factual information, especially if dependent on current events or streamed information.

Enhancing Context With Information

Most conversations we have are directly dependent on context; with AI, it isn’t so much different. While there are definitely use cases that don’t entirely depend on current events (translations, summarization, data analysis, etc.), many others do. However, it isn’t quite feasible yet to have LLMs (or even SLMs) being trained on a daily basis.

For this, a new technique can help: Retrieve-Augmented Generation (RAG). It consists of injecting a smaller dataset into the LLMs in order to provide it with more specific (and/or current) information. With a RAG, the LLM isn’t better trained; it still has all the generalistic training it had before — but now, before it generates the output, it receives an ingest of new information to be used.

INFO

RAG enhances the LLM’s context, providing it with a more comprehensive understanding of the topic.

For an RAG to work well, data must be prepared/formatted in a way that the LLM can properly digest it. Setting it up is a multi-step process:

1. Retrieval
   Query external data (such as web pages, knowledge bases, and databases).
2. Pre-Processing
   Information undergoes pre-processing, including tokenization, stemming, and removal of stop words.
3. Grounded Generation
   The pre-processed retrieved information is then seamlessly incorporated into the pre-trained LLM.

RAG first retrieves relevant information from a database using a query generated by the LLM. Integrating an RAG to an LLM enhances its context, providing it with a more comprehensive understanding of the topic. This augmented context enables the LLM to generate more precise, informative, and engaging responses.

Since it provides access to fresh information via easy-to-update database records, this approach is mostly for data-driven responses. Because this data is context-focused, it also provides more accuracy to facts. Think of a RAG as a tool to turn your LLM from a generalist into a specialist.

Enhancing an LLM context through RAG is particularly useful for chatbots, assistants, agents, or other usages where the output quality is directly connected to domain knowledge. But, while RAG is the strategy to collect and “inject” data into the language model’s context, this data requires input, and that is why it also requires meaning embedded.

Embedding

To make data digestible by the LLM, we need to capture each entry’s semantic meaning so the language model can form the patterns and establish the relationships. This process is called embedding, and it works by creating a static vector representation of the data. Different language models have different levels of precision embedding. For example, you can have embeddings from 384 dimensions all the way to 3072.

In other words, in comparison to our cartesian coordinates in a map (e.g., [28.3772, 81.5707]) with only two dimensions, an embedded entry for an LLM has from 384 to 3072 dimensions.

Let’s Build

I hope this helped you better understand what those terms mean and the processes which encompass the term “AI”. This merely scratches the surface of complexity, though. We still need to talk about AI Agents and how all these approaches intertwine to create richer experiences. Perhaps we can do that in a later article — let me know in the comments if you’d like that!

Meanwhile, let me know your thoughts and what you build with this!

Further Reading on SmashingMag

• “Using AI For Neurodiversity And Building Inclusive Tools,” Pratik Joglekar
• “How To Design Effective Conversational AI Experiences: A Comprehensive Guide,” Yinjian Huang
• “When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces,” Maximillian Piras
• “AI’s Transformative Impact On Web Design: Supercharging Productivity Across The Industry,” Paul Boag

Product Hunt, once a hub for diverse and innovative products, has become oversaturated with repetitive AI tools, crowding out other types of creativity and frustrating users. To regain its appeal, the platform needs to balance its focus on AI with better curation and support for a wider range of product categories.