Articles

Exciting New Tools for Designers, January 2023

,

It’s the start of a new year, and product designers are already launching thousands of new apps, tools, and resources.

In January’s edition of our monthly roundup of the most exciting new downloads for designers and developers, there’s everything from full-blown applications to helpful little side projects. Enjoy!

Observable

Observable lets you explore, analyze, and explain data as a team to uncover insights, and make better decisions. Build fresh data visualizations with drag-and-drop components or JavaScript.

Blocs

Blocs is a no-code website builder based on Bootstrap 5. It has a whole heap of templates, so all you need to do is pick one, customize it, and add your content.

blogstatic

blogstatic is a fantastic no-code blogging platform with a minimal UI that lets you focus on nothing but your content. There’s built-in SEO, plus themes and hosting is included.

Lessmail

Lessmail is an excellent way to clean out your inbox for the new year. Unsubscribe from unwanted newsletters, delete old messages and focus on the mail you want.

Ultimate Side Projects Playbook

Is 2023 the year you’ll launch a web-conquering side project? Give yourself the best chance with the free Ultimate Side Projects Playbook to guide you through the process.

Ashore

Get your web designs, prototypes, and other creative work sign-off fast using Ashore. Upload your files, share them with stakeholders, and track when your designs are approved.

Frase

Frase is an AI tool for researching, writing, and optimizing content with high-quality SEO keywords. Write anything from content briefs to blog posts in a fraction of the usual time.

Uiverse

Uiverse is a collection of UI elements designed by the community that you can use on your site for free or even submit your own designs for others to use.

Rive

Rive is an excellent app for building fast, small, interactive animations and motion graphics for the web. Animations built-in Rive can run on the web or in native apps.

Vuestic UI

Vuestic UI is an excellent UI framework for Vue. All aspects are fully customizable, and Vuestic UI seamlessly integrates with other component libraries for even more options.

Localfonts.xyz

Localfonts.xyz is a simple way to browse the fonts installed on your local machine in your browser. It’s a fast solution for choosing fonts for your designs.

PixelBin

PixelBin is a tool for optimizing and delivering images. It uses AI to transform your assets and allows you to use larger, higher-quality images without bloated load times.

EarlyBird

EarlyBird is a no-code landing page generator perfect for teams launching an early-stage website. You can get your product online fast and start validating it with real users.

RippleUI

RippleUI is a toolkit for UI design that improves on the Tailwind approach by simplifying classes to reduce the amount of code you need. In addition, it includes components and utility classes to speed up your web development.

No Code AI Model Builder

If you want to build your own AI models but you don’t know how to code, you can use No-Code AI Model Builder to generate AI models in minutes.

Templatify

Save hours creating social media templates with Templatify, a collection of 201 templates for Twitter and Instagram. There are dark and light versions, and a full video tutorial shows you how to customize them.

Detangle

Detangle beats small print by using the power of AI to generate human-readable summaries of legal documents so you can understand what you’re signing.

Mesher

CSS Hero’s Mesher creates incredible multicolor gradients that can be customized and exported to CSS for use in your projects.

OldestSearch.com

OldestSearch.com is a fascinating look at the web that was. Enter any search term, and it will return the oldest matching links available on Google Search.

Detect GPT

Detect GPT is a helpful Chrome extension that scans the content of web pages and determines if the content has been auto-generated by AI. It’s very handy for checking the validity of blog posts.

Source

The post Exciting New Tools for Designers, January 2023 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

20 Best AI Writing Apps

,

Artificial intelligence is the latest buzzword in the tech world. It’s everywhere and has been for a while, but AI-powered writing software is a relatively new concept.

AI Writing Software uses artificial intelligence to write articles, blog posts, and other content in your voice. The goal is to provide a tool that will save you time and energy so you can focus on different aspects of your business or life.

To help you get started, we’ve compiled a list of 20 AI writing software you can use to create content for your website, blog, or social media accounts.

1. Copy.ai 

Copy.ai uses Natural Language Processing (NLP) to produce high-quality content for your business, ebooks, blog posts, articles, product descriptions, social media content, and more. It can also be used to rewrite existing content so that you can use it on your website, blog, or social media pages.

Since it uses artificial intelligence to mimic human writing patterns and styles, the copy will be more natural and easier to read than the typical machine-generated text we’re used to seeing.

Copy.ai differs from traditional content creation tools because it doesn’t just offer suggestions on improving your current content; it generates new text based on what it thinks would be most relevant for the topic or audience.

Key Features: 

  • Pre-built Templates – Copy.ai has a ton of pre-built templates for different kinds of content. For example, you can see below that it has options for blogs, social media content, video, case studies, and more:

  • Different tones and variations – Get access to tones like friendly, persuasive, professional, luxury, witty, bold, and more to align the content with your writing style. It also creates multiple variations based on your input – you can pick the one you like or make more.

    To illustrate this, here’s a screenshot of the results we got while trying to write the introduction for this article using Copy AI. 

  • Writing and Brainstorming tools – You also get tons of writing tools, brainstorming tools, and personal tools. Writing tools include essay intro, cliffhanger generator, adjective accelerator, passive to active voice, verb booster, and the like. Brainstorming tools have a name generator, startup ideas, viral ideas, and more – while Personal tools include birthday cards, clubhouse bios, cover letters, love letters, and shower thoughts.

    You can save your content and then return to it later if you wish. Plus, the software’s user interface is easy to navigate, and the program is simple. 

Luciano Viterale, Co-founder of Ticker Nerd, also shares his experience with Copy.ai, 

“I’ve been experimenting with AI copywriting tools since GPT-3 was released. I have explored many of the popular tools. However, my favorite tool by far is Copy AI. They have an outstanding blogging outline feature; the UX is clean and easy to navigate, and the pricing is reasonable.

Copy AI also generated the name of my startup, “Ticker Nerd,” which is an investing newsletter that was recently acquired.”

That said, Viterale suggests that the blog outlines can be repetitive. He says, “one thing I don’t particularly like is that blog outlines include the same point repeatedly but articulated slightly differently, essentially adding no value.” 

Pros: 

  • Copy.ai produces content at least 80% as good as a human writer (and often better). The system continually learns, which means the more you use it, the better it gets. 
  • It has an extensive library of templates available for different requirements. 
  • It supports over 25 languages, including English, French, Spanish, Portuguese, German, Italian, Dutch, Russian, and more. 

Cons: 

  • Not suitable for long-form content. 
  • The content can get a bit repetitive after a while.  
  • The free plan lets you create only 2000 words per month. 

Pricing: 

It starts from $39 per month (if you pay yearly) for up to 40k words per month, unlimited copywriting tools, priority email support, Blog Wizard tool, support for 25+ languages, and five user seats. 

2. Jasper 

Jasper.ai is an AI copywriting tool that uses a combination of artificial intelligence (AI) and natural language processing (NLP) to create content based on user input. 

It helps you generate original content for your blogs, social media, websites, and more. Jasper also knows 10% of what’s on the internet and continues to learn more daily.

Just like Copy.ai, Jasper’s user interface is easy to use and navigate around. With its specific template for blog posts, articles, ebooks, and more, it’s also one of the few AI writing software suitable for long-form content. 

All you have to do is enter the title, your intended audience, tone of voice, and language options, along with the main point of your copy, and voila – Jasper can churn out a high-quality piece of content for you within seconds.

(Jasper Interface) 

Key Features: 

  • 50+ AI templates – Jasper.ai offers a variety of AI templates, including Blog Posts, Summary, Conclusion, Q&A, Ads, Videos, Social Media, Rewriter, Marketing Frameworks, Articles, and more. Each template has several use cases – for example, a blog has Blog Titles, Content Briefs, and Outlines.

Headline Generator

  • Boss Mode lets you write long-form content such as blog posts, stories, and books. It also allows you to organize your content into projects and find help with priority chat support, Grammarly integration, and plagiarism checks. You can also choose from 25 languages, including English, French, German, Italian, Spanish, Polish, and more.
  • SurferSEO Integration – If you have a Boss Mode plan, you can add SurferSEO to your Jasper account. This integration will enable you to find the best keywords, build a content strategy, create blog outlines, and more.

Content production using Surfer SEO Integration

Pros: 

  • No technical assistance is required.
  • Simple, easy-to-use interface.
  • Provides plagiarism-free content every time.
  • It helps you build a content strategy based on high-ranking topics and keywords.
  • Ready-to-use templates cover most of the use cases that a writer or marketer will need.
  • Excellent customer support is provided through live training sessions, live Q&A sessions, blogs, Facebook community, help docs, and emails.

Cons: 

  • Plagiarism-free content doesn’t always mean unique content.
  • Customer support options via chat or email are limited.

Pricing: 

It starts with $40/mo for 35K words, 50+ AI templates, 20+ languages, up to 5 seats, and chat support.

3. Rytr 

Rytr is a content generation tool that uses AI to generate high-quality, human-sounding content for emails, blogs, YouTube videos, and landing pages. 

It also supports multiple languages and tones and uses copywriting frameworks, including AIDA & PAS. And to ensure that your content is free of plagiarism, it comes with a built-in plagiarism checker.

Like Copy.ai. Rytr is also more suitable for short-form content and copywriting than long-form content. 

Key Features: 

  • 30+ languages – Rytr supports many languages, including English, Finnish, French, German, Greek, Italian, Japanese, Korean and Polish. It also uses a proprietary approach to support languages that are not supported by the limitations of GPT3.

Language Support

  • Use Cases: Rytr offers 40+ use cases, including Blog Section Writing, Blog Ideas & Outline, Brand Name, Business Idea Pitches, Call-to-action, Cover letters, Emails, and more.

    Each use case has a short description of what it’s about below it. Select the use case to write about, give a little context about what you want to write, and then select how many variants you want the AI to write for you (max is 3). 

You can also choose a creativity level by selecting one of 6 options, including Default, Non, Low, Medium, High, or Max.

Generating Blog Ideas & Outlines

  • Tone – You can add a personal touch to your content by choosing from over 18 tones, including Formal, Convincing, Inspirational, and more.

Writing in a formal tone.

Pros: 

  • Simple user interface.
  • Fast live chat support.
  • Using the magic command, you can produce content for poems, letters, and more.
  • Comes with an in-built tool for plagiarism checks.
  • Provides multiple resources for guidance.

Cons: 

  • Tone options are limited.
  • You will receive a small number of credits per month.

Pricing: 

It starts at $9/month for 100K characters per month. There is also a free plan with a 10K characters limit.

4. Writesonic 

Writesonic is a content-creation platform that uses generative artificial intelligence models to write SEO-optimized long-form blogs and articles. 

It has 65+ use cases or templates, including Article Writer 3.0, Landing Pages, Tweets, Quora Answers, Facebook Ads, and more.

You can easily create desired content by picking a suitable use case, typing a topic, and adding a paragraph of your own words. You can also set the language and quality level before generating it.

Generating Pros and Cons

Key Features: 

  • 24 Languages: You can produce content in 24 languages, including English, Dutch, French, German, Italian, Russian, Czech, Danish, Greek, Hungarian, and more. They’re also continually adding more language options.

Languages

  • Unconventional Use Cases: It’s got a more comprehensive range of templates, including Sentence Expander, Text Summary, Conclusion Writer, YouTube Outlines, LinkedIn Ad Descriptions, Analogy Maker, Question Generator, Song Lyrics, Definition, and more.
  • SEMrush and WordPress Integrations: Writesonic integrates with SEMrush, Zapier, and WordPress.org. SEMrush helps you optimize your content for search engines, and WordPress.org lets you publish your blog directly from Writesonic. Zapier integration enables you to automate your content from Writesonic.

SEMrush Integration

Pros: 

  • Easy to use.
  • The User Interface gives you step-by-step instructions and tips for how to use the tool more efficiently.
  • There are many unique use cases, including a hook generator, pros and cons generator, and landing page creator.
  • Free trial available.

Cons: 

  • Like other tools on this list, the copy may not always be accurate. 

Pricing: 

It starts at $10/month for 12K words, 70+ AI templates, a Landing page generator, a browser extension, Zapier integration, and more.

5. Grammarly Business 

Like most other tools on this list, Grammarly Business isn’t an AI-based content writer per se—it’s more like an AI-based writing assistant. Specifically, it checks your documents for grammar, spelling, plagiarism, and style mistakes.

Grammarly Business also provides feedback on your writing style so that you can improve as a writer over time. 

You can use Grammarly Business to:

  • Get suggestions to improve your writing style, including word choice and sentence structure.
  • Identify common grammatical mistakes and fix them in one click.
  • Improve your email response time by checking emails before they’re sent out.

It’s also ideal for larger teams of writers who need to access the same Grammarly accounts, enabling multiple users to edit documents simultaneously.

One of the best parts about this tool is that it integrates with every online writing space, including Google Docs. This allows you to write and edit simultaneously without waiting for one draft to be finished before making changes to the next.

Key Features: 

  • Custom Brand Tone: You can create multiple tone profiles to suit your needs and assign them to different Teams. You’ll also get real-time feedback on your tone and can adjust it while writing. Your tone can be anything from Joyful, Excited, Loving, and Surprised to Curious, Formal, and Cautionary.

Brand Tone Feedback

  • Grammar Checker: Grammarly gives you feedback on everything that can be improved in your writing – from typos to sentence structure. It also checks for grammar mistakes, spelling errors, and incorrect punctuation.
  • Style Guide: Grammarly Style Guide enables you to establish a uniform tone and style across all your teams. You can set a library of words, terms, and phrases that your teams should adhere to.

    You can also prevent them from using complex acronyms or jargon. Lastly, you can get feedback on how the performance has increased with the Style Guide.

Style Guide Analytics

Pros: 

  • Real-time feedback on errors and tone usage.
  • Grammarly gives instant, easy-to-understand feedback and lets you fix mistakes with just one click.
  • You can always add new words to the dictionary.

Cons: 

  • It flags passive voice as an error.
  • Grammarly is good at catching mistakes, but sometimes it corrects things unnecessarily.

Pricing: 

It starts at $15/month for one member, real-time feedback, style guide, snippets, brand tones, admin controls, and more.

6. Peppertype.ai 

Peppertype.ai is another AI-based content generation tool that claims to create content ten times faster, boost Google ranking, and optimize conversions.

It’s a simple but valuable tool for writers who need help getting started on their next article, email, or blog post.

Some of its use cases include a product review generator, Amazon product descriptions, personal bio, email subject lines, cold emails, paragraph writing, Google Ad copy, Meta descriptions, blog outlines, blog conclusion, and more.

Key Features: 

  • Projects: You can organize your content under Projects, which will group similar types of content so that you have an easier time finding and repurposing the content.

Projects

  • Output personalization: You can like or dislike the output so that the AI behind it can learn your preferences and improve its performance.

Personalizing output

Pros: 

  • If you invite your friends to use Peppertype.ai, join our community, write them a review, and schedule a training call, they’ll reward you with more word credits.
  • You can create teams, projects, and workspaces.
  • You can filter out unwanted results with annotations.

Cons: 

  • One seat is expensive, and the price increases with each added seat.

Pricing: 

It starts at $35/month for one user, 50K words, 40+ use cases, unlimited projects, customer support, and more.

7. Anyword 

Anyword is a copywriting AI that creates content tailored for your customers and target audiences. 

It has a unique feature – the predictive performance score to predict how well your copy will perform and engage with your audience. This helps you write optimized texts that boost your conversions.

It has 11 major use cases, including a social post generator, Instagram caption generator, sentence rewriter, AI writer tool, meta description generator, Ad copy, landing page, blog, and more. 

Generating Facebook Post

Although it can create blog post titles and outlines, it’s better suited for writing short-form content like ad copy, product descriptions, and headlines. When writing a blog post, it can generate the title, outline, and introduction before creating body paragraphs.

Key Features: 

  • Predictive Performance Score: This score is given to your copy based on its potential to perform well with your target audience. This can help you immediately improve your copy.

Predictive Performance Score

  • Website Triggered Messages: This feature helps you create and deploy multiple copy variations on your website and apply the best one automatically.

Pros: 

  • It offers a predictive performance score to optimize your copy beforehand.
  • It also offers a free social post generator. No sign-up is required.
  • It automatically creates and runs multiple copy variations to determine the best one.
  • A Freemium plan is available.

Cons: 

  • Limited use cases.
  • A bit expensive for the credits and the number of use cases it offers.

Pricing: 

It costs $24/month for 20K words and one seat.

8. Scalenut 

Scalenut uses Natural Language Processing (NLP) to produce content that ranks higher on search results. It also gives insights into statistics such as word count, grade level, H tags, readability, and the number of images you should use in your content piece. 

Aside from that, it offers a variety of use cases, including SEO Hub, AI Copywriter, Talent Network, Chrome Extension, Cruise Mode, and more. With these features, you can create content for blog ideas, product descriptions, website copies, blog intros, and more.

Key Features: 

  • Integrations: You can integrate Scalenut with SEMrush for keyword research, cluster boost, and Copyscape to check plagiarism.

App integrations

  • Cruise Mode: Cruise Mode helps you create blog content in 5 minutes. You just need to provide your blog post’s title, outline, and main points to get your intended content. You’ll also get a real-time quality score that helps you improve your search ranking.

Pros: 

  • It offers a quality score.
  • Affordable plans with a 7-day free trial.
  • 24*7 chat & email support.

Cons: 

  • Limited use cases and features.
  • Content quality is not consistent for all businesses.

Pricing: 

It starts at $12/month for 100K AI words, 5 SEO reports, 24*7 chat and email support, and more.

9. Frase.io 

Frase.io is an all-in-one AI writing tool that helps you, research competitors, develop content briefs, and produce and optimize content.

First, you’ll analyze your search competitors using Frase so you can see what your competition is writing about. Next, you can focus on Then, your overall outline or dig deeper by focusing on individual headlines, external links, statistics, etc. 

Next, use Frase’s AI writer to finish your draft. You can choose from dozens of use cases to generate content, including product descriptions, blog introductions, and more. You can even automatically expand on what you’re currently writing or rewrite what you’ve already written. 

Finally, you can optimize your draft using recommended keywords and readability scores. Again, Frase provides real-time feedback as you fill in the gaps. 

Key Features: 

  • AI Writing Tools: They include an AI content generator, introduction generator, outline generator, paraphrasing tool, paragraph rewriter, blog title generator, meta description generator, product description generator, slogan generator, summary generator, sentence rewriter, and more. 

Blog introduction generator

  • Content Analytics: It fetches data from Google Search Console to provide insights into organic growth, content decay, and keyword opportunities.

Frase Content Analytics

  • Integrations: It integrates with Google Docs, Google Search Console, and WordPress. It also offers a Chrome extension.

Frase Integrations

Pros: 

  • You can add multiple pages in a single doc.
  • It offers content analytics, allowing you to see which articles are getting the most traction and which ones are not.
  • It enables you to do competitors’ research.

Cons: 

  • Limited word credits in each plan.
  • Max 3 seats available.

Pricing: 

It starts at $14.99/month for one user, 20K AI characters, and four articles (write/optimize) per month. There’s also a 5-day free trial for $1. 

10. Surfer SEO 

Surfer SEO is an SEO tool and AI writing assistance that uses Natural Language Processing (NLP) and machine learning (ML) to help you manage and improve your content strategy.

Rather than creating the body of your copy, it helps you create outlines and optimize the content you write based on that outline. 

It helps you to evaluate your content and find places to improve it using its content score metric, competitor research, SERP analyzer, and keyword recommendations. It also offers a content planner that you can share with your team. 

Key Features: 

  • Outline Builder for Content Editor: The tool generates headlines and paragraphs based on your competitors’ postings. You can use that content as is or edit it by copy-pasting it into the editor. Content paragraphs are available in English, German, French, Polish, Swedish, and Dutch.

Outline Builder Content Builder

  • SEO Audit Tool: This tool performs step-by-step optimization on your website to improve your Google search results. When you pick an URL to audit, it provides suggestions such as missing backlinks, internal links, word count, and important keywords to use.

Terms to use

  • Content Planner: You can start with your content planner by keyword or domain. Based on your keywords, it comes up with clusters that you can use to create your content topics.

    However, there is a learning curve involved. You will need to understand topic clusters, search intent, and keyword difficulty, among other metrics.

Content Planner

Pros: 

  • Easy to use interface.
  • They offer a 7-day money-back guarantee – if you don’t find it helpful, you get your money back.
  • It identifies keyword stuffing and prevents you from doing so.

Cons: 

  • Each plan offers a limited number of pages that you can audit.

Pricing:

It starts at $49/month for one website tracking and ten articles/month.

11. Copysmith 

Copysmith markets itself as an AI content creation solution for teams. 

This AI writer is best suited for bulk and short-form content copy like product descriptions, blog templates, social media content, advertising content, and more.

Key Features: 

  • Use cases: It includes product descriptions, content enhancement, ads & social media, blog templates, and brainstorming. With Product descriptions, you can generate descriptions for eCommerce Products, Instagram, Amazon, eBay, Etsy, and Flipkart. Blog templates include blog titles, blog ideas, outlines, intro, Kickstarter, and more.

Product Description

  • Campaign Builder: It includes several AI templates to help you generate SEO-optimized product descriptions, Facebook posts, and Google ads in just a few seconds. 
  • Integrations: Copysmith integrates with Frase to use SEO data, Google Ads to publish campaigns, Microsoft Word to produce content, and WooCommerce for products.

Pros: 

  • It’s easy to use and generates SEO-optimized content.
  • It comes with an in-built plagiarism checker.
  • Provides good training material for new users.

Cons: 

  • Not suitable for long-form content. 

Pricing:  

It starts at $19/month for 75 credits, up to 40K words, and up to 20 plagiarism checks.

12. ClosersCopy  

ClosersCopy is an AI writing robot that provides various templates for producing marketing materials, including website content, sales copy, email marketing campaigns, and social media posts. This tool doesn’t require any special skills or training to create engaging text.

Key Features: 

  • Use cases: It includes Facebook & Google Ads, email subject lines, landing pages, sales copies, social media content, and more.
  • LongForm editor: You can create blog posts, articles, sales copies, and email marketing copies.
  • Drag-and-drop builders: The drag-and-drop content builder makes your tasks more manageable by allowing you to drag and drop elements on your copy. The only thing you need to do is provide some context at the time of configuring this builder.

Pros: 

  • Its user interface is easy to use and navigate.
  • You can easily create content with their drag-and-drop builder.
  • The video tutorials provide in-depth, step-by-step instructions for each process.
  • Tone analysis helps you understand the emotions in your writing.

Cons: 

  • No free plan or trial period is available.
  • More expensive than most other AI tools.

Pricing:  

It starts at $49.99/month for two seats, 300 AI runs, 50 SEO Audits, an SEO planner, Email support, and more.

13. LongShot AI

LongShot AI is another writing tool that can help you write SEO-friendly content. It comes with over 30 use cases and a plagiarism checker to ensure your content is original. 

While most of its use cases are for short-form content, you can use templates like the content expander, write more, or bullets to text generator to assist you with your long-form piece. 

Key Features: 

  • Use Cases: It includes content rephrasing, FAQ generator, headline generator, blog ideas generator, meta description generator, text extender, blog insights creator, headline intro generator, product description generator, FAB copywriting framework generator, content readability improver, sales email generator, video description generator, and more.

Headline Generator

  • Integrations: It integrates with WordPress to enable you to export AI-generated copies directly to WordPress. Its integration with SEMrush will help you write SEO-friendly content. Apart from these, LongShot AI will also provide integration with Hubspot and Grammarly soon.

LongShot X SEMrush

  • LongShot AI Community: The LongShot AI Community is a group of researchers and developers working on open artificial intelligence problems. Anyone can join and contribute to the research.

Pros: 

  • The free forever plan offers ten credits daily.
  • Community is a big help for new users.
  • It gives you multiple ways to know more about the product, including blog posts, help videos, customer support, and announcements.

Cons: 

  • Aside from the free plan, it’s costly, especially considering the limited number of use cases and credits.
  • Doesn’t have use cases for social media content.
  • Supports only eight languages.

Pricing: 

It starts at $49/month for 1000 monthly credits, one user, basic integrations, and more.

14. INK Editor

Inky is a suite of content marketing tools that include AI-powered tools: AI Writer, SEO Optimizer, Copy Assistant, and Content Planner. These features can be used individually or collectively, and the price will be adjusted accordingly.

The AI Writer offers unlimited credits and helps you write long-form and short-form content. In addition, you can re-edit the generated copy with a single click as often as you want. The tool also offers WordPress plugin integration and open-source export API.

In addition, you get access to use cases like product descriptions, social media copies, sales copies, blogs, essays, emails, microcopies, product ideas, and more.

AI Writing Tools

Key Features: 

  • SEO Optimizer: INK’s SEO Optimizer is a natural language optimization tool that can improve your SEO score and increase engagement by providing recommendations on keywords, titles, alt text, and the like. Enter a keyword or phrase, and the INK SEO Optimizer will do the rest.

SEO Optimization Score

  • Content Planner: The INK Content Planner helps you group keywords and analyze search intent. You can also import your keywords and download your clusters for further analysis.
  • Copy Assistant: A built-in grammar checker automatically checks your grammar and spelling. It also checks words, tone, and sentence fragments.

Pros: 

  • Easy to use.
  • You can use it as an all-in-one content marketing tool. 
  • Offers unlimited AI text writing even on a free plan.
  • Offers keyword clusters to optimize your SEO strategy.

Cons: 

  • The paid plan is relatively costly for one seat.

Pricing: 

It starts at $50/month for one seat, INK Copy Assistant PRO, INK AI Writer PRO, INK SEO Optimizer PRO, and INK Content Planner PRO with 1,000 Keywords.

15. Articoolo

Articoolo is an AI content generator developed by a group of mathematicians, computer scientists, content writers, and marketing specialists. Thanks to NLP and AI technology, the tool drafts articles in a way that mimics the human brain.

Key Features: 

  • Use Cases: It includes Text Writer, Article Rewriter, Article Summarizer, and Image Scraper. Based on your keyword, Articoolo will also fetch images from royalty-free websites.
  • WordPress Plugin: This will help you export your copies directly to WordPress so you can post faster.
  • Plagiarism Checker: All you have to do is enter your text into the program, and it will scan for instances of plagiarism.

Pros: 

  • It has pay-per-use plans.

Cons: 

  • There’s no official website.
  • Customer support is missing the mark.
  • Not much information about the tool online.

Pricing: 

It starts at $19/month for a ten-article fixed package.

16. NeuralText

NeuralText is a writing tool that offers users keyword reports and cluster credits. It also has an API for developers looking to integrate its services into other programs.

Some of its most prominent use cases include a paragraph generator, content outline, and product description – making it a short-form content-centric tool. 

The best part is that it not only creates content but also creates content briefs and optimizes the content based on keywords and SERP analysis.

Key Features: 

  • AI Writing Assistant: This tool will help you produce text in any format. It also provides text recommendations while you write.

AI Writing Assistant

  • Content Optimization: NeuralText can help make your content more search engine-friendly and improve its score in Google’s search results. It analyzes your word choice and sentence structure to ensure your content is easy to scan and relevant to your topic.

Content Score

  • Content research analysis: It makes content research and studies more accessible, allowing you to see real-time data across SERPs. It also has a Google Docs-style editor, making managing your data points and keeping track of your research effortless.

Content research analysis

Pros: 

  • Free plan available.
  • Offers keyword clusters.
  • You can group content into different projects.

Cons: 

  • The community is not active.
  • A bit on the expensive side. 

Pricing: 

It starts at $49/month for one user, unlimited AI text generation, 50 content analyses, and 50 keyword reports.

17. AI Writer

AI Writer helps you create unique, SEO-friendly content that you can publish directly to WordPress. In addition, it offers features like research & write, text rewording, verifiable citations, and source summarizer.

Key Features: 

  • AI-Writer Content Kit: AI Writer uses artificial intelligence to analyze keyword difficulty and ranking opportunities based on the field you enter. It chooses up to 250 keywords and generates one article per keyword, which can be directly published to WordPress.
  • (Sub)Topic Discoverer: It checks to see what other writers have written about and then uses that information to create new topics for you.
  • Verifiable Citations: When it produces content for you, it also provides a list of citations so that you can check the accuracy of the information.

Pros: 

  • It offers a free trial for seven days.
  • One of the few AI writing tools to offer verifiable citations so you can confirm the accuracy of the content.

Cons: 

  • Not enough resources in the knowledge base for new users.
  • Fewer use cases.
  • Does not offer a free version.

Pricing: 

It starts at $29/month for one user and up to 40 articles.

18. Wordtune

Wordtune makes your previously written content clearer, more compelling, and more authentic by bringing out the best.

Although this tool doesn’t write content from scratch, it makes your content look more professional. It also integrates with Microsoft Word, so you can edit your work while you write your content.

It provides tools to: 

  • Rewrite your content 
  • Make your content casual 
  • Make your content formal 
  • Shorten your sentences to make them crisp 
  • Expand your sentences to give more detail 

Key Features: 

  • Paragraph Rewriter: Wordtune can rewrite your paragraphs entirely at once, one sentence at a time, and one word at a time. See below for an example.

Paragraph Rewriter

  • Tone: You can alter how your content appears by making it more informal or formal. Here’s an example: 

Casual Tone

Pros: 

  • You can make the text longer or shorter.
  • It offers a casual and formal tone.
  • Simple and easy-to-use interface. 

Cons: 

  • It doesn’t offer any other benefits besides rewriting.

Pricing: 

It starts at $9.99/month for unlimited rewrites. 

19. ProWritingAid

Rather than a full-fledged artificial intelligence writer, ProWritingAid is a grammar checker and style editor that’s available online. It helps prevent spelling errors, suggests impactful words, and corrects grammar and punctuation.

It supports general English, British English, US English, Australian English, and Canadian English.

Key Features: 

  • Document type: You can choose from 35+ document types for your content. They include general academic abstract, academic essays, admission letters, book reviews, business books, and more.
  • Reports: ProWritingAid provides three types of reports: real-time reports, summary reports, and style reports.

    Real-time reports show errors and corrections as you write. Summary reports provide an overview of all reports. It contains a spelling score, grammar score, and style score. On the other hand, Style reports identify problems in writing style and readability.

Summary report

Pros: 

  • It offers 20+ reports to track your progress as you improve your writing.
  • There are no limits on the number of words you can use with premium plans.
  • Notifies of style changes and suggests corrections if needed.

Cons: 

  • Only available through the web browser. 

Pricing: 

It starts at $20 per month or $120 per year (if you pay yearly). 

20. Article Forge

Once you provide ArticleForge.com with a keyword, article length, and other custom information, the program creates a 1500+ word article in seconds.

Your content will be checked for plagiarism and uniqueness before being delivered.

Key Features: 

  • Media-rich content: It can automatically find and insert relevant images, videos, titles, and links in your articles. To make it more relevant, ArticleForge also uses LSI keywords.

Creating an article

  • SEO Automation: It integrates with WordPress to automate your scheduling and posting of articles.

WordPress Integration

  • Interlinking: It can automatically turn URLs into links within your article. You can choose how often to do this for every keyword or just the first occurrence.
  • Languages: It can generate content in English, French, German, Dutch, Portuguese, Spanish, and Italian.

Pros: 

  • Produces SEO-optimized content.
  • Can schedule posts on WordPress automatically.
  • Plagiarism-free content.
  • Automatic keyword linking.

Cons: 

  • The content can be repetitive.
  • You need to check the accuracy of the content before publishing.

Pricing: 

It starts at $13/month for 25K words and the rest of the features.

Frequently asked questions about AI writing software.

1. What is AI Writing Software?

AI writing software is an artificial intelligence program used to write text. It can generate content for websites, blogs, and other fields. The content created by AI writers is often indistinguishable from human-created content. Still, sometimes it has a slightly robotic feel or may include words or phrases that seem out of place in the context of the writing.

2. How does AI Writing Software work?

The software uses an algorithm to mimic the creative process of human writers. It first creates a base text that modifies by adding words and phrases specific to your content. This ensures that you get high-quality original content every time you use it.

3. Who can use AI Writing Software?

Anyone who needs to create texts for their business or website can benefit from using this software. It’s also an excellent option for freelance writers and content marketers facing writer’s block. As it’s easy and fast, even beginners can start using it immediately and see great results within minutes!

4. Can I use AI writers for everything I write?

No — AI writers are best suited for shorter pieces like headlines or product descriptions because they don’t have much time to learn about your company’s brand voice or personality. 

While there are tools to churn out long-form content, you still need the human touch for longer and more research-intensive pieces like blog posts or sales copy. AI algorithms still can’t pick up on nuances like a human can.

5. What are some of the benefits of using AI Writing Software?

There are many benefits to using AI writing software. The most obvious benefit is that you no longer need to spend time creating content yourself. The software will do it for you! 

Another benefit is that AI writing software allows you to create content in any niche or topic you desire. You can even target multiple niches at once! This makes it possible to scale your business quickly and easily by leveraging the power of automation while still keeping your hands on the work itself.

6. How much does it cost?

The pricing depends on the type of service you want to use. Some companies offer free trials or even freemium versions with limited credits so that you can test their services before making a purchase decision. Some companies offer lifetime discounts for repeat customers, so keep an eye out for those offers when making your choice!

7. What’s the difference between AI-powered and human-written content?

While humans are still required for high-quality content creation, AI makes scaling up your content marketing efforts easier. By automating much of the writing process – from keyword research to formatting – AI can help you create more content at a lower cost per article. In addition, this frees your team members to focus on other tasks that require their expertise (like outreach) or simply spend more time enjoying their lives!

8. What is the best AI Writer?

The best AI writer depends on what you want it to do and how much you want to spend. If you’re going to write books or articles, many different programs can help you with this task. Our top pick for long-form would be Jasper. 

On the other hand, if you only need help with short-form content such as blog posts or press releases, there may not be any need for an AI writer because these documents don’t require as much work or effort from the user. In that case, you might want to use tools like Copy.ai, Rytr, and more. 

9. Can I use AI Writing Software to replace my human writers?

No, AI writing software isn’t meant to replace human writers. It’s designed to work alongside them, helping them create more engaging and relevant content for their audiences. You’ll still need human writers who can add style and personality to your content.

Over to You! 

Do you find writing to be an exhausting activity? If yes, you would want to try one of the AI Writing Software tools we suggested above. These are some of the best AI writing tools specially developed to boost creativity, motivation, and productivity.

There’s room for experimentation with AI-generated content as long as you can recognize where specific tools are lacking and how to incorporate that into your work. Ultimately, the future of AI writing assistant software will mean ever-more versatile tools for writers, so don’t be shy about testing the waters.

 

Featured image by pch.vector on Freepik.

Source

The post 20 Best AI Writing Apps first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

How To Make Your Designs Scannable (And Why You Should)

,

Jakob Nielsen’s How Users Read on the Web is 25 years old this week, and one glance at an eye-tracking study will tell you its key observations are still relevant today.

Simply put, users don’t read a web page; they scan it for individual words and sentences.

A typical pattern shown in eye-tracking reports is that users will rapidly scan a page, scrolling down to do so. Then either hit the back button and pump your bounce rate, or scroll to the top and re-engage with the content.

Even when content, volume, and quality tick all the user’s boxes, and they choose to stay on your site, they still don’t read; they scan; a slightly deeper scan, but still a scan.

As a result, it’s vital to design websites to be easily scannable, both in a split-second scan to decide if your page is worth the reader’s time and on a second or third pass.

Clarify the Page’s Purpose Immediately

Every page should have a primary goal. The majority of the time, that goal is embodied in a CTA (Call to Action).

The good news is, if your SEO (Search Engine Optimisation) has gone to plan, your goal (i.e., to sell something) and your user’s goal (i.e., to buy something) will align. By clarifying the page’s purpose, you can show the user that your goals align.

You can be experimental if you’re an established company and the user knows what to expect. But if you’re new to the market or have a lower profile, you need to conform to established design patterns. This means that a SaaS should look like a SaaS, a store should look like a store, and a blog should look like a blog.

Including your CTA above the fold — which in the context of the web, means the user doesn’t have to interact to see it. Doing so makes it easier for the user to progress and clearly tells the user what you are offering.

The landing page for next month’s Webflow Conf 2022 clarifies the page’s content, with a clear CTA above the fold.

Employ a Visual Hierarchy

The Von Restorff effect states that the more something stands out, the more likely we are to notice and remember it.

Visual hierarchies are excellent for guiding a user through content. HTML has the h1–h7 heading levels — although, in reality, only h1–h4 are much use — which gives you several levels of heading that can be scanned by different readers scanning at different rates.

For example, we know that subheadings have little impact if a user diligently reads the page from top to bottom, but they are excellent for catching the eye of skim readers.

Amnesty uses very a very simple hierarchy, the only change for its subheading being increased weight. But it is enough to catch the user’s eye.

You can also create visual hierarchies with other forms of contrast; weight and color are often employed in addition to size. For accessibility and inclusive design, it’s wise to combine visual indicators when creating a hierarchy; for example, headings are usually larger, bolder, and colored.

Use Negative Space

Imagine a person standing in a crowd. Let’s say they’re wearing a red and white striped jumper and a red and white bobble hat — pretty distinctive. But if there are hundreds of other characters around them, they might be hard to spot.

Now imagine the same person dressed the same, standing on their own. How long will it take you to spot them? Even without the stripy outfit, it’s not much of a challenge.

Elements in isolation are not only easier to spot, but they pull the eye because the negative space (sometimes referred to as white space) around them creates contrast.

When using negative space, the key is to give elements enough room to breathe and attract the eye without giving them so much room that they are disassociated from the rest of your content.

Across its site, Moheim uses negative space to highlight UI elements while grouping associated content.

Use F Patterns

Users scan a page using either an F-pattern or a Z-pattern.

Because users scan your page in predictable ways, we can employ layouts that cater to this tendency.

Designers have been aware of F and Z patterns for some time, and because they’ve been used for so long, they may be self-fulfilling, with users being trained to scan a page in this fashion. However, both patterns are similar to how eyes travel from line to line in horizontal writing systems.

Whatever the cause, by placing key content along these paths, you increase the chance of capturing a user’s attention.

Kamil Barczentewicz uses a beautiful, natural layout that also conforms to a classic F pattern.

Include Images with Faces

Images are a great way of conveying brand values and making a site engaging. But when it comes to catching the eye of a user scanning your design, the best images include faces.

For example, a testimonial with an image of the customer will catch the eye more than a text-only testimonial.

The Awwwards Conference uses an animated computer with a face to capture attention. And large images of speakers making eye contact.

This is almost certainly due to social conditioning; we see a face, and we engage with it to see if it is a threat or not. Most of us naturally look to expressions of emotion to understand situations, and the distinction between a real-life person and an image hasn’t made its way into our mental programming yet.

You don’t need to use photos. Illustrations are fine. The key is to ensure there is a face in the image. That’s why illustrations of characters perform so well.

Copy Print Design

Print design is centuries older than the web, and many print applications, from newspapers to advertising, developed design elements to catch the eye of readers scanning the design.

Subheadings, lists, blockquotes, and pull quotes all catch the eye. Introductory paragraphs in a larger size or even italics draw users into the text. Shorter paragraphs encourage users to keep reading.

Horizontal rules used to delineate sections of text act as a break on eyes traveling over content with momentum. They are a good way of catching a scan-reader who is losing interest.

You can use a horizontal rule or break up your layout with bands of color that divide content sections.

Omono uses horizontal bands to highlight different sections of content.

Mass, Not Weight

We often discuss design elements as having weight; font-weight is the thickness of strokes.

But it is more helpful to think of design elements as having mass; mass creates gravity, pulling a user’s eye towards them.

The trick is to design elements with enough mass to attract the user‘s eye when scanning at speed without forcing the user to change how they engage with your content.

 

Featured image via Pexels.

Source

The post How To Make Your Designs Scannable (And Why You Should) first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

What Customer-First Web Design Looks Like

,

The purpose of a website is to reach new customers and keep current ones engaged. Therefore, customer-first should be at the top of your list for design features. After all, without your clients, your business won’t grow or succeed.

Customer-first has been a buzzword for a few years now. In a nutshell, it’s easy to imagine what customer-first design means. The needs of consumers come before anything else. However, the concept isn’t quite as simple in practice. A lot of nuances enter the equation.

Just what does it mean to have a customer-first web design? What are the must-haves to reach users on their level and keep their attention for the long haul?

Embracing quality customer experiences has driven loyalty for as long as anyone can remember. However, we now live in a time of uncertainty, and when people leave companies on a dime if they’re dissatisfied with any aspect. So you must hit the high notes on every song – your website is your purest online persona and must engage users and keep them entertained.

Whether you embrace causes that matter to your customers and share information on them or tweak your design to meet accessibility guidelines, many factors come into play with a customer-centric design.

In a recent report, researchers found that about 88% of company leaders feel customer engagement impacts revenue. You can’t control every variable, but you can ensure your website hits all the strong points for a customer-first web design that grabs them and keeps them on your page.

Here are our favorite tips to create a customer-first approach. You may already be doing some of these things. Pick and choose what makes the most sense for your business model. Even small changes can have a big impact.

1. Know Your Customers

Before creating a website centered around your customers’ needs, you must know who they are. What are the demographics of your typical clients? Survey them and find out what their needs and expectations are. How can you best help them?

You may also want to survey them about your website. What’s missing that might help them? Is there anything they love? What do they hate? The more you know, the better your design can match their expectations. Create buyer personas based on their preferences.

At the same time, buyers will sometimes say one thing but actually feel another way. No one is quite sure why people do this when being surveyed. One way around that issue is to do some A/B testing to see how they actually feel about various changes. Do they respond the way you thought? What other adjustments need to be made?

2. Find the Right Color Palette

Different industries trend toward various hues. For example, businesses in the banking industry trend toward blues and occasionally reds. Blue elicits trust from users and has a calming effect. On the other hand, the fashion industry might tap into brighter shades, such as lime green. Think about what colors people expect in your industry, and then find your color palette.

Each hue has its emotional impact. For example, red is a color of power and can elicit excitement in the viewer. Choose your shades accordingly to get the most emotional punch possible.

3. Accept Feedback

One of the best ways to improve your site over time to match the needs and preferences of your audience is by allowing feedback. Add reviews, place a feedback form in your footer, and even send out requests for feedback to your mailing list.

It’s also a good idea to find a mentor who has been successful at running a business. Ask them to look at your site and give you advice. You might also enlist the help of a marketing professional.

4. Stick With the Familiar

Have you heard of Jakob’s Law? The rule of thumb states that people prefer common design patterns they’re most familiar with. So when they see a pattern they know, such as a navigation bar layout, it boosts their mood and improves their memory of the site.

When making edits, don’t make significant changes. Instead, implement minor adjustments over time to give your followers a chance to acclimate to the shift.

5. Cut the Clutter

If you want users to feel wowed by your page and engage, you have to limit their choices. Add in too many options, and they may not know where to go first.

Start by choosing an objective for the page. Cut anything that doesn’t point the user toward the goal. Ideally, you’d have a little info, an image, and a call to action (CTA) button. However, this may vary, depending on where your buyer is in the sales funnel and how much information they need to decide to go from browser to customer.

6. Choose Mobile Friendliness

Recent reports indicate about 90% of people use mobile devices to go online at times. With phones gaining greater capabilities and 5G bringing faster speeds to communities, expect people to use their mobile devices even more frequently for internet browsing.

Making sure your site translates well on smaller screens makes sense for your company and for your customers. Be sure to test everything. Click through all links. Fill in forms. Ensure images and text auto-adjust to the correct size, so people don’t have to scroll endlessly.

7. Make Multiple Landing Pages

Like most businesses, you probably have several buyer personas as you segment your audience. Don’t just create a single home page and expect it to fulfill the purpose of every reader. Instead, create unique pages for each persona to best meet their needs.

Make sure each landing page speaks in the natural language patterns of your specific audience. Think about the unique needs of each group. How do their pain points differ? How can you best meet their needs?

8. Keep Important Info Above the Fold

People are busy. They work, have families, and might visit your site on the 15-minute break they get in the afternoon. Most consumers want the information they need to decide and don’t want to dilly-dally around with other things.

Place the essential headlines and info they need above the fold, so they see it first. Make it as readable as possible by using headings and subheadings. Add in a few bullet points. People also absorb information easier in video format, so add a video highlighting your product’s or service’s main benefits.

You should also place a CTA button above the fold if it makes sense for your overall design. Keep in mind people may have visited and already read some of the information. Some users return just to sign up and want to find the CTA quickly.

Step Into Your Customers’ Shoes

Look at your site through the eyes of your audience. What works well? What needs to be adjusted? Over time, you’ll develop a customer-first web design that speaks to those most likely to buy from you. Then, keep making changes and tweaking your site until it hits the perfect balance for your customers.

 

Featured image via Freepik.

Source

The post What Customer-First Web Design Looks Like first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, July 2022

,

There are a lot of dark, retro vibes trending in website design right now. Although there are still some light projects popping up – including a pastel trend below – a lot of what we are seeing has a quite moody feel.

Here’s what’s trending in design this month.

Pastel Color Palettes

Let’s start with the trend with a lighter feel – pastel color palettes. While much of the web is trending toward dark aesthetics, there’s a segment that’s going in the exact opposite direction. Those sites feature soft, pastel color palettes that serve as a balance to all the super dark websites out there.

One thing about this website design trend is that it jumps out because of the stark contrast with all of the dark color palettes out there.

Each of these designs seems to use a pastel color palette as the basis for a background. A blur effect is paired with the colors to use pastels in a way that has a natural feel without appearing too feminine or light.

Robust uses blue and earth tones for a pastel background that feels modern and strong when paired with the hard-edged headline font.

Atmos uses a light pastel theme that takes you through the clouds with blues, and pinks, and purples. The pastel color scheme works well with the content which is airline-themed and makes you feel like you are flying through the sky. The colors are also soft enough to provide an easy reading experience.

Klezma is another design with the same pastel background with graduated color. The peach tones are fairly neutral and give plenty of room to the content.

Fonts with a Distinct Retro Look

Every one of these websites uses a typeface with a similar look and feel. This retro headline style is trending in a major way.

The best way to use this design element is for short words. This typeface design isn’t meant for a lot of words or when readability is a high priority.

This style is all about creating a specific kind of vibe for your website. The typefaces in this trend have a quite retro look and feel with an almost 1960s or ’70s feel to them. The rest of the design mimics this feel as well with colors and surrounding elements that contribute to the overall look.

A couple of common elements here include the use of all capitals font sets and letterforms that include odd shapes and lines.

Sretks not only uses a retro typeface but bends and twists it a bit too to add to the old-school feel. The background color helps add to the groovy vibe.

Barge 166 uses a retro typeface with the same design feel as the other examples but with a sharper, more serif-style edge. It’s easier to read but still carries a retro look and feel. Use a typeface similar to this if you want to capture that retro font style for a trending look while maintaining as much readability as possible. This option works best for multiple lines of words in a large size.

Picky Joe uses a retro typeface with rounded letters and a bit of a tilt to the characters to create a distinct feel. This is definitely a style that has to be used sparingly but can be a fun option, depending on the content of your website design.

Dark “Product” Sites

Dark mode design is probably the biggest design trend of 2022. Everywhere you look, websites are using dark color palettes and styles. Designers are creating more projects with a dark/light toggle so users can control their experience.

This visual concept is carried over to website designs that feature products as well. This is one of the last places the dark aesthetic had not touched. It’s been a bit of an unwritten rule that product images should be on white or light backgrounds to help make them easy to see and inspect digitally.

This design trend bucks that idea and features products on dark backgrounds – some with so little contrast that you almost have a hard time seeing the products. (Maybe these brands are banking on the idea that you already know them or are selling a lifestyle product.)

HQBC sells bike accessories such as glasses and helmets and the site has a sleek look and feel. You know it is cool from the second you land on it. The question though – is there enough visual information with the dark background to help you make a purchase? This design probably works because it only encourages you to find a physical location to make a purchase rather than buy online.

Doggystyle Shop also banks on the idea of you knowing the shopping experience or brand when you arrive. What the design does do though is put products on white backgrounds after you have clicked through far enough to make a commitment to buy. This helps you see the product well one final time before making a purchase. (The challenge is that it is three to four clicks in for the most part.)

FirstFit uses the design trend in a way that’s similar to the first example. They are showing a product, but not actually trying to convert sales on the website. Other links take you to more product information and content – using a lighter background and color scheme – and the dark background with the product serves mostly as a highly visual landing page that will help entice users to learn more. When it comes to dark mode and products, this seems to be the best option for most website designs.

Conclusion

The state of the world around us and our emotions can play hard into websites and other design projects. Some of the darker elements that are popular now may be a reflection of that or it could be more of a lean into dark mode schemes.

Either way, the web has a pretty dark feel right now.

Source

The post 3 Essential Design Trends, July 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Perfect CTA Placement: Above-The-Fold Vs. Below-The-Fold

,

As a website designer, your professional life revolves around crucial questions that might help you to deliver better results for your clients.

Which widgets are essential to driving conversions? What kind of checkout page elements do you need to include? Should there be a video or slideshow on that product page?

One of the biggest queries that we face when building landing pages to encourage sales is whether a CTA (call to action) button needs to be above or below the fold. 

Answering the question: “Where should the CTA go?” correctly could make or break your client’s chances of a sale. Unfortunately, this particular concern has been the source of a raging debate for many years now. Everyone has their own opinion about CTAs and where they belong.

Today, we’re going to cover the benefits and issues with placing a CTA above the fold.

Should You Place a CTA Above the Fold? 

Starting with a quick refresher, the term “above the fold” refers to any area of a website seen on a screen when a user arrives on a webpage. The content that appears above and below the fold may differ depending on the device you’re visiting a website with. 

Experts in the design and digital marketing world have frequently claimed that if you want to get the best results with a CTA, you need to place it above the fold. 

This strategy makes a lot of sense. If your CTA is above the fold, then your chances of it being seen are significantly higher. Some customers might not want to scroll to the bottom of a page to find out what they need to do next in their buyer journey. 

Additionally, according to the NN group, the 100 pixels that appeared above the fold were seen 102% more often than the pixels underneath the fold. Eye-tracking technology learned that more often than not, you’ll get more engagement above the fold. 

Just look at this landing page from Lyft, for instance, you immediately see what you need to do next:

It’s not just a single study that has touted the benefits of an above-the-fold CTA, either. 

Another report into the “importance of being seen” found that above-the-fold ads and CTAs had a 73% rate of visibility compared to only 44% for those below the fold. 

So, with stats like that to think about, why would you ever consider using a below-the-fold CTA? 

When to Place a CTA Below the Fold

As with most things in web design, there is an exception to the rule. 

Yes, above the fold, CTAs will be better for you most of the time. However, there are times when you might need to think outside of the box. 

Most people think that placing a CTA below the fold practically guarantees that it won’t be seen. However, if you’re creating a website page or landing page that includes a lot of vital information, your audience will need to scroll. 

For instance, if you’re creating a page where someone can download an app to engage with a business they already know about, it makes sense to speed the journey along with an above-the-fold CTA. However, if you’re trying to convince someone to sign up for your webinar, you might need to tell them what that webinar is all about first. That’s where a below-the-fold CTA comes in handy. 

Customers might not have a lot of time in their busy schedules for scrolling these days. However, they still need the right information before they can make a decision about what to do next with your brand. According to Marketing Experiments, below the fold, CTA buttons can result in a 20% increase in conversions. However, this conversion boost only happens when you’re providing valuable, engaging, and persuasive content.

Check out this example from the Boston Globe, for instance:

The Fold Isn’t Everything in Web Design

The fold is often an essential consideration in web design. 

However, it’s not all you need to think about when you’re deciding where to place sign-up forms and valuable CTA buttons. 

According to the Nielsen Norman group, the content that appears at the top of the page will always influence user experience. However, that doesn’t mean that you need to place your CTA there. What you do need to do is ensure that whatever you have above the fold is promising enough to engage your visitor and make them scroll. 

Put simply, what’s above and below the fold does matter, but your focus should be on taking advantage of customer motivation, rather than worrying exclusively about an imaginary line. 

When deciding where a CTA belongs, you need to think about motivation. 

How motivated is your prospect to click on a button? How desirable is your offering at that time, and how much does your visitor already know about the thing they’re being offered?

If you’re going to need to provide more information before your customer wants to convert, then a below-the-fold CTA makes more sense. 

If you’ve already provided all the information that your customer needs and a prospect is visiting from an advertisement or another page on the website, then above the fold should be exceptional. 

The Truth About Designing for The Fold

The reality for web designers today is that achieving higher conversion rates doesn’t really have that much to do with whether a CTA is above or below the fold.

What’s important is whether your buttons come under the right amount of copy that answers the correct questions for an audience. 

Remember, when visitors come to a website, they’re looking for different things. There are visitors that:

  • Already know your brand and value your offering: These people are often clicking into your landing pages from other marketing campaigns where they’ve learned about the brand or offer. You can give these prospects a CTA immediately so they can continue down the buyer’s funnel as fast as possible. 
  • Are uncertain about your offering and need to know a bit more: These people need some extra information. They might have a concern that needs to be addressed before they’re willing to spend their money. You might not need much copy here, which means that a CTA may still appear above the fold. 
  • Are brand new to your website: These prospects need a reasonable amount of copy. They don’t know what you’re offering or why it’s valuable to them. Because of this, you may need to wait to push them into action until you’ve delivered the right copy. 

In some cases, you may even place multiple CTAs on the same page. Some people will have a general understanding of the technology and what it does. This means that they’ll be happy to click on the button at the top of the fold. 

On the other hand, there could also be visitors arriving on the same page that don’t understand what the benefits of real-time personalization are. This means that you need to elaborate a little on what you have to offer. A simple one-line explanation isn’t enough here.  

Figuring Out Where to Place a CTA

Deciding where to place different elements of a website is a common challenge for web designers. Despite tons of blogs out there, that claim “above the fold” is always the best option for any conversion rate optimization, the truth is a little more complicated. 

The critical thing to remember as a web designer is that a CTA button asks a customer for commitment. Even if the CTA allows someone to download a free demo or sign-up for a newsletter without spending any money, it requires a customer to start a relationship with a brand. 

In a world where customers are less trusting of companies than ever, it doesn’t make sense to push them into a relationship too quickly. Asking for a commitment from a target audience before they’ve had the chance to see what’s “in it for them” is not a good idea. 

Jump in too quickly, and you’re likely to rub people the wrong way. 

Go Out and Master the Fold

The issue for today’s designers isn’t figuring out whether a button needs to be visible from the moment someone arrives on a page. Instead, you need to think about whether visitors are finding the CTA at a time when they’re ready to take action. 

You can only answer the question “where should the CTA go?” after you’ve carefully analyzed the project that you’re working on. 

Remember, above the fold isn’t always the answer. 

 

Featured image via Pexels.

Source

The post Perfect CTA Placement: Above-The-Fold Vs. Below-The-Fold first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: May 16, 2022 – May 22, 2022

,

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!”

Exciting New Tools for Designers, May 2022

HTMLrev – 50 Beautiful HTML Landing Page Templates Library

Cool Hover Effects that Use CSS Text Shadow

Designers’ Pick: Top Color Trends for 2022

:Where() :Is() :Has()? New CSS Selectors that Make your Life Easier

The Era of Rebellious Web Design is Here

Bootstrap 5.2.0 Beta

OptimizeImages Free Bulk Image Optimizer

2022 Craft Beer Branding and Package Design Trends

3D Avatar Library – Hundreds of 3D Avatars for your Designs

Shrink.media – Shrink the Size of your Images for Free

The WHY of Accessibility

Source

The post Popular Design News of the Week: May 16, 2022 – May 22, 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

/par