( ! ) 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.0000466152{main}( ).../index.php:0 21.86662255824ProcessWire\Wire->__call( $method = 'execute', $arguments = [0 => TRUE] ).../index.php:55 31.86662255824ProcessWire\WireHooks->runHooks( $object = class ProcessWire\ProcessPageView { }, $method = 'execute', $arguments = [0 => TRUE], $type = ??? ).../Wire.php:484 41.86672256240ProcessWire\Wire->_callMethod( $method = '___execute', $arguments = [0 => TRUE] ).../WireHooks.php:952 51.86672256240ProcessWire\ProcessPageView->___execute( $internal = TRUE ).../Wire.php:416 61.87902296800ProcessWire\ProcessPageView->renderPage( $page = class ProcessWire\Page { public $id = 3223; public $name = '4-checkout-ui-changes-for-a-highly-significant-1-sales-on-menufy-com'; public $parent = '/blog/'; public $template = 'post'; public $title = '4 Checkout UI Changes For A Highly Significant +1% Sales On Menufy.com'; public $post_tags = '(PageArray) 3157'; public $body_blocks = '(RepeaterMatrixPageArray) 6683'; public $date = 1540918414; public $comments = '(CommentArray) '; public $summary = ''; public $body = ''; public $data = ['title' => '4 Checkout UI Changes For A Highly Significant +1% Sales On Menufy.com', 'post_tags' => class ProcessWire\PageArray { ... }, 'body_blocks' => class ProcessWire\RepeaterMatrixPageArray { ... }, 'date' => 1540918414, 'comments' => class ProcessWire\CommentArray { ... }, 'summary' => '', 'body' => ''] }, $request = class ProcessWire\PagesRequest { } ).../ProcessPageView.module:114 71.90312326936ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../ProcessPageView.module:184 81.90312326936ProcessWire\WireHooks->runHooks( $object = class ProcessWire\Page { public $id = 3223; public $name = '4-checkout-ui-changes-for-a-highly-significant-1-sales-on-menufy-com'; public $parent = '/blog/'; public $template = 'post'; public $title = '4 Checkout UI Changes For A Highly Significant +1% Sales On Menufy.com'; public $post_tags = '(PageArray) 3157'; public $body_blocks = '(RepeaterMatrixPageArray) 6683'; public $date = 1540918414; public $comments = '(CommentArray) '; public $summary = ''; public $body = ''; public $data = ['title' => '4 Checkout UI Changes For A Highly Significant +1% Sales On Menufy.com', 'post_tags' => class ProcessWire\PageArray { ... }, 'body_blocks' => class ProcessWire\RepeaterMatrixPageArray { ... }, 'date' => 1540918414, 'comments' => class ProcessWire\CommentArray { ... }, 'summary' => '', 'body' => ''] }, $method = 'render', $arguments = [], $type = ??? ).../Wire.php:484 91.90332328896ProcessWire\Wire->__call( $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:1060 101.90332328896ProcessWire\WireHooks->runHooks( $object = class ProcessWire\PageRender { public $data = ['clearCache' => 1] }, $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }], $type = ??? ).../Wire.php:484 111.90332329312ProcessWire\Wire->_callMethod( $method = '___renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:952 121.90332329312ProcessWire\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 131.90472329872ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../PageRender.module:575 141.90472329872ProcessWire\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 151.90482331224ProcessWire\Wire->_callMethod( $method = '___render', $arguments = [] ).../WireHooks.php:952 161.90482331224ProcessWire\TemplateFile->___render( ).../Wire.php:413 172.03572874144require( '/home/jlahijani/Sites/goodui.org/site/templates/_main.php ).../TemplateFile.php:340 182.03732900432include( '/home/jlahijani/Sites/goodui.org/site/templates/_og.php ).../_main.php:64 192.03992901168strip_tags( $string = NULL ).../_og.php:13 " />

4 Checkout UI Changes For A Highly Significant +1% Sales On Menufy.com

Menufy.com, a restaurant order & delivery service, ran a multiple change A/B test on their checkout page (with our help). I really like this experiment because it's effect is rather small and yet tightly defined in terms of its statistical significance. Sometimes when we make UI improvements we might feel that our work will have a great impact, and this test brings us down a little closer to reality. Here are the changes which were tested and in return inspired our evidence-based patterns.

The Test
The A/B test results showing a solid 1% increase to sales (measured by thank you page visits)

The 4 Changes

Here are the 4 things that were changed (interpreted by me).

UI Details
The A variation

UI Details
The B variation with the 4 changes
  1. Clearer Label
    "Add Tip" was used as a label instead of the more ambiguous "Other Info".

  2. Cash Option As Default - Fastforward Pattern #87
    The cash tip option was added as a default. This is a key change as it might have empowered customers to feel like their decision to tip was given back to them - by being postponed to the time of delivery. Whereas the control might have suggested that a tip was more mandatory and committal.

  3. Custom Amount Alignment & Better Grouping
    The custom tip amount field was aligned onto the same line with the other fixed tip amounts. Text ("or") was also added to clarify that this was an alternative input.

  4. Special Instructions Text Area Was Repositioned
    The text area was shifted downwards and separated from the tip option as other information.

Share Your Thoughts

Are there any other UI changes you would test? Please share your thoughts as a comment.



Comments