( ! ) Deprecated: strip_tags(): Passing null to parameter #1 ($string) of type string is deprecated in /home/jlahijani/Sites/goodui.org/site/templates/_og.php on line 13 Call Stack #TimeMemoryFunctionLocation 10.0000468280{main}( ).../index.php:0 20.06632257288ProcessWire\Wire->__call( $method = 'execute', $arguments = [0 => TRUE] ).../index.php:55 30.06632257288ProcessWire\WireHooks->runHooks( $object = class ProcessWire\ProcessPageView { }, $method = 'execute', $arguments = [0 => TRUE], $type = ??? ).../Wire.php:484 40.06632257704ProcessWire\Wire->_callMethod( $method = '___execute', $arguments = [0 => TRUE] ).../WireHooks.php:952 50.06632257704ProcessWire\ProcessPageView->___execute( $internal = TRUE ).../Wire.php:416 60.07392298088ProcessWire\ProcessPageView->renderPage( $page = class ProcessWire\Page { public $id = 3148; public $name = 'blueprint-the-social-teaser-signup-page'; public $parent = '/blog/'; public $template = 'post'; public $title = 'Blueprint: The Social Teaser Signup Page'; public $post_tags = '(PageArray) 3149'; public $body_blocks = '(RepeaterMatrixPageArray) 6545'; public $date = 1444775782; public $comments = '(CommentArray) '; public $summary = ''; public $body = ''; public $data = ['title' => 'Blueprint: The Social Teaser Signup Page', 'post_tags' => class ProcessWire\PageArray { ... }, 'body_blocks' => class ProcessWire\RepeaterMatrixPageArray { ... }, 'date' => 1444775782, 'comments' => class ProcessWire\CommentArray { ... }, 'summary' => '', 'body' => ''] }, $request = class ProcessWire\PagesRequest { } ).../ProcessPageView.module:114 70.08722328224ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../ProcessPageView.module:184 80.08722328224ProcessWire\WireHooks->runHooks( $object = class ProcessWire\Page { public $id = 3148; public $name = 'blueprint-the-social-teaser-signup-page'; public $parent = '/blog/'; public $template = 'post'; public $title = 'Blueprint: The Social Teaser Signup Page'; public $post_tags = '(PageArray) 3149'; public $body_blocks = '(RepeaterMatrixPageArray) 6545'; public $date = 1444775782; public $comments = '(CommentArray) '; public $summary = ''; public $body = ''; public $data = ['title' => 'Blueprint: The Social Teaser Signup Page', 'post_tags' => class ProcessWire\PageArray { ... }, 'body_blocks' => class ProcessWire\RepeaterMatrixPageArray { ... }, 'date' => 1444775782, 'comments' => class ProcessWire\CommentArray { ... }, 'summary' => '', 'body' => ''] }, $method = 'render', $arguments = [], $type = ??? ).../Wire.php:484 90.08732330184ProcessWire\Wire->__call( $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:1060 100.08732330184ProcessWire\WireHooks->runHooks( $object = class ProcessWire\PageRender { public $data = ['clearCache' => 1] }, $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }], $type = ??? ).../Wire.php:484 110.08732330600ProcessWire\Wire->_callMethod( $method = '___renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:952 120.08732330600ProcessWire\PageRender->___renderPage( $event = class ProcessWire\HookEvent { public $data = ['object' => class ProcessWire\Page { ... }, 'method' => 'render', 'arguments' => [...], 'return' => NULL, 'replace' => FALSE, 'options' => [...], 'id' => 'Page:100.0:render', 'cancelHooks' => FALSE, 'when' => 'after'] } ).../Wire.php:416 130.08812331152ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../PageRender.module:575 140.08812331152ProcessWire\WireHooks->runHooks( $object = class ProcessWire\TemplateFile { public $data = ['wire' => class ProcessWire\ProcessWire { ... }, 'classLoader' => class ProcessWire\WireClassLoader { ... }, 'hooks' => class ProcessWire\WireHooks { ... }, 'config' => class ProcessWire\Config { ... }, 'notices' => class ProcessWire\Notices { ... }, 'urls' => class ProcessWire\Paths { ... }, 'log' => class ProcessWire\WireLog { ... }, 'sanitizer' => class ProcessWire\Sanitizer { ... }, 'datetime' => class ProcessWire\WireDateTime { ... }, 'files' => class ProcessWire\WireFileTools { ... }, 'mail' => class ProcessWire\WireMailTools { ... }, 'database' => class ProcessWire\WireDatabasePDO { ... }, 'db' => class ProcessWire\DatabaseMysqli { ... }, 'cache' => class ProcessWire\WireCache { ... }, 'modules' => class ProcessWire\Modules { ... }, 'procache' => class ProcessWire\ProCache { ... }, 'fieldtypes' => class ProcessWire\Fieldtypes { ... }, 'fields' => class ProcessWire\Fields { ... }, 'fieldgroups' => class ProcessWire\Fieldgroups { ... }, 'templates' => class ProcessWire\Templates { ... }, 'pages' => class ProcessWire\Pages { ... }, 'permissions' => class ProcessWire\Permissions { ... }, 'roles' => class ProcessWire\Roles { ... }, 'users' => class ProcessWire\Users { ... }, 'user' => class ProcessWire\User { ... }, 'session' => class ProcessWire\Session { ... }, 'input' => class ProcessWire\WireInput { ... }, 'buster' => class ProcessWire\ProCacheBuster { ... }, 'process' => class ProcessWire\ProcessPageView { ... }, 'page' => class ProcessWire\Page { ... }, 'options' => [...]] }, $method = 'render', $arguments = [], $type = ??? ).../Wire.php:484 150.08812332504ProcessWire\Wire->_callMethod( $method = '___render', $arguments = [] ).../WireHooks.php:952 160.08812332504ProcessWire\TemplateFile->___render( ).../Wire.php:413 170.18083014288require( '/home/jlahijani/Sites/goodui.org/site/templates/_main.php ).../TemplateFile.php:340 180.18193040576include( '/home/jlahijani/Sites/goodui.org/site/templates/_og.php ).../_main.php:64 190.18373041312strip_tags( $string = NULL ).../_og.php:13 " />

Blueprint: The Social Teaser Signup Page

We recently optimized massagebook.com's signup funnel and wanted to share one UI pattern that we ended up with as a result: The Social Teaser Signup Page. As we optimized for more signups (shallow starts and deeper completions), we found our new signup landing page to have 16% More Signup Starts. Here are both screens from the top of the funnel and the reasons why we think variation B did better:

The Two Signup Landing Pages That We Tested

Changes

1. Benefit Based Headlines

Considering that these were business people signing up to list their massage companies, we first reinforced the headline with a key benefit - that of receiving more customers (GoodUI #24).

2. One Column Layouts

We placed the critical form in the center of the page using a single column layout, instead of having the form sit on the sidelines. (GoodUI #1).

3. Attention Grabs

Additional attention was directed to the first form field using a simple arrow. (GoodUI #56).

4. Fewer Form Fields

The Confirm Your Password field was removed, because it is disrespectful to humanity while making people feel stupid and generating unnecessary friction. (GoodUI #13).

5. Benefit Buttons

The main call to action repeated the key benefit of gaining more customers, while reaffirming that an account will in fact be created. (GoodUI #18).

6. Social Proof

Just below the main signup button, sample profiles were displayed of users who have already signed up. Social proof was also applied indirectly with wording such as "join thousands of your peers". (GoodUI #4).

These Changes Resulted In +16% Signup Starts

We measured how many people landed on both signup pages (A & B) and which of those people moved one step forward onto the next page. For the improved variation B, +16% more people started the signup process.


Download The Social Teaser Signup Page Blueprint (Free PDF)

Read The Complete Story In Datastories Issue #18

Inside, we share with you the full details to learn from, including: additional screens that were redesigned, the testing strategy used (Implement Now, Measure Later), our reflections on the process, and transparent data.




Comments