{"id":21838,"date":"2020-04-22T02:58:41","date_gmt":"2020-04-22T02:58:41","guid":{"rendered":"https:\/\/virtuous.org\/raise\/2020\/04\/22\/removing-friction-from-nonprofit-donation-pages-part-2\/"},"modified":"2020-04-22T02:58:41","modified_gmt":"2020-04-22T02:58:41","slug":"removing-friction-from-nonprofit-donation-pages-part-2","status":"publish","type":"post","link":"https:\/\/virtuous.org\/raise\/removing-friction-from-nonprofit-donation-pages-part-2\/","title":{"rendered":"Removing Friction from Nonprofit Donation Pages: Part 2"},"content":{"rendered":"
<\/div>

Removing friction from your nonprofit donation page is top priority as it improves the chances that you\u2019ll raise another donor for your cause. Here\u2019s another kind of friction that you should be on the lookout for as you optimize your pages.<\/h3>\n

As donors work their way through your content, there\u2019s a moment when they know they want to give.<\/p>\n

They\u2019re experiencing an emotional climax.<\/p>\n

They feel connected on many levels to your cause by now, and they trust in your value proposition.<\/p>\n

Unfortunately, even at this powerful moment, the least amount of friction can convince a potential donor to walk away.<\/p>\n

Friction is any kind of discomfort, doubt, or inconvenience that causes a donor to give up on giving a gift.<\/p>\n

In this series on removing friction from nonprofit donation pages, we\u2019re covering the seven types of friction we saw in our research for the State of Nonprofit Donation Pages Benchmark Study<\/a>.<\/p>\n

Today, we\u2019re going to consider field layout friction and how optimizing the field layout on two different cases improved the conversion rates on these nonprofit donation pages.<\/p>\n

Field Layout Friction<\/h2>\n

The layout of the fields on your giving page is more important than you\u2019d think.<\/p>\n

But we found that when the fields of a giving form were arranged in a dense or confusing manner, there was a negative impact on giving.<\/p>\n

Case No. 1<\/h2>\n

For example, in this experiment, the form fields are the same but are laid out differently.<\/p>\n

On the left side, you can see that we stacked the form fields vertically.<\/p>\n

It\u2019s a simple layout, right?<\/p>\n

The only thing the donor has to do is keep going down filling out each field one by one.<\/p>\n

\"\"<\/p>\n

On the right, we changed the layout.<\/p>\n

We took advantage of the horizontal space on the sides of the landing page to place an extra field or two on the side.<\/p>\n

This makes the form look shorter, and you complete the information in groups.<\/p>\n

What did this layout change do?<\/b><\/h3>\n

The change caused a 39% increase in donations!<\/p>\n

\"\"<\/p>\n

That\u2019s right. Simply changing the layout removed friction from the donation page that holding the nonprofit back from 39% more giving revenue.<\/p>\n

But why?<\/p>\n

First of all, the layout on the right makes the form feel shorter.<\/p>\n

This makes you feel like it won\u2019t take very long.<\/p>\n

Visually long giving forms, even if they have the same number of fields, cause friction because you just feel like it\u2019s going to take a while to get through.<\/p>\n

Also, when you\u2019re going down through the form fields, you can\u2019t help but feel like there\u2019s no end to them. It\u2019s just one after another.<\/p>\n

But when form fields lay next to each other, you can see the end of the giving form easily.<\/p>\n

And when you see the light at the end of the tunnel, you feel better about getting there.<\/p>\n

Case No. 2<\/h2>\n

Here\u2019s an example from the research study<\/a> where every form field is on a separate line, and they\u2019re not taking advantage of any horizontal space.<\/p>\n

\"\"<\/p>\n

Now compare the left one to the example on the right.<\/p>\n

Can you feel the difference?<\/p>\n

The first page wastes a lot of space on the sides. It\u2019s narrow and cramped.<\/p>\n

Most importantly, it looks much longer. Visually, it looks like a challenge<\/i>.<\/p>\n

Like climbing a mountain, the field layout on the left just doesn\u2019t look like something the donor wants to do.<\/p>\n

This is friction, and it will cause many potential donors to just walk away from the giving process.<\/p>\n

Now consider the example on the right. The more horizontal form has a leaner flow and feels easier to complete.<\/p>\n

It welcomes you to complete the form as it feels like it will be easier and faster to complete.<\/p>\n

Donors can feel the difference.<\/p>\n

But what about mobile layouts?<\/h2>\n

Good question.<\/p>\n

Mobile layouts automatically restrict the amount of horizontal space available. You have no choice but to use the vertical form field layout on mobile.<\/p>\n

It\u2019s common for up to half of potential donors to visit your donation page on a mobile device.<\/p>\n

For that reason alone, you must optimize all of your donation pages for both desktop, laptop, and mobile screen sizes.<\/p>\n

As we saw in the two cases above, using the same vertical field layout that\u2019s good for mobile on larger screen sizes, which have much more horizontal space, will scare donors away.<\/p>\n

The solution is to design your donation pages for wider screens while using a mobile-responsive platform like RaiseDonors.<\/b><\/h3>\n

This way, you optimize the donation page once (for the wider screen), and then RaiseDonors takes care of your mobile layout automatically.<\/p>\n

Thus, removing friction from your donation page for both desktop and mobile users.<\/p>\n

But you know the best part of a mobile-responsive donation page?<\/p>\n

It also removes friction for you too!<\/p>\n

\"\"<\/p>\n

As a nonprofit leader or fundraiser, your work is extremely important<\/a>.<\/p>\n

The more we can do to remove friction from your job by eliminating tasks RaiseDonors can do for you means that you\u2019ll have more time, energy, and excitement to do the things that only you do.<\/p>\n

Like change the world.<\/p>\n

So if you\u2019re ready to see how RaiseDonors can remove the friction on your donation pages for both you and your donors, please contact us today!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Removing friction from your nonprofit donation page is top priority as it improves the chances that you\u2019ll raise another donor for your cause. Here\u2019s another kind of friction that you […]<\/p>\n","protected":false},"author":118,"featured_media":21843,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[818],"tags":[],"types":[],"ppma_author":[816],"class_list":["post-21838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-donation-page-optimization","author-stephen-boudreauvirtuous-org"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t