( ! ) 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.0000466104{main}( ).../index.php:0 20.07152253816ProcessWire\Wire->__call( $method = 'execute', $arguments = [0 => TRUE] ).../index.php:55 30.07152253816ProcessWire\WireHooks->runHooks( $object = class ProcessWire\ProcessPageView { }, $method = 'execute', $arguments = [0 => TRUE], $type = ??? ).../Wire.php:484 40.07152254232ProcessWire\Wire->_callMethod( $method = '___execute', $arguments = [0 => TRUE] ).../WireHooks.php:952 50.07152254232ProcessWire\ProcessPageView->___execute( $internal = TRUE ).../Wire.php:416 60.08122294792ProcessWire\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 70.09902324928ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../ProcessPageView.module:184 80.09902324928ProcessWire\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 90.09912326888ProcessWire\Wire->__call( $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:1060 100.09912326888ProcessWire\WireHooks->runHooks( $object = class ProcessWire\PageRender { public $data = ['clearCache' => 1] }, $method = 'renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }], $type = ??? ).../Wire.php:484 110.09912327304ProcessWire\Wire->_callMethod( $method = '___renderPage', $arguments = [0 => class ProcessWire\HookEvent { public $data = [...] }] ).../WireHooks.php:952 120.09912327304ProcessWire\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.10012327864ProcessWire\Wire->__call( $method = 'render', $arguments = [] ).../PageRender.module:575 140.10012327864ProcessWire\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.10022329216ProcessWire\Wire->_callMethod( $method = '___render', $arguments = [] ).../WireHooks.php:952 160.10022329216ProcessWire\TemplateFile->___render( ).../Wire.php:413 170.20792872136require( '/home/jlahijani/Sites/goodui.org/site/templates/_main.php ).../TemplateFile.php:340 180.20922898424include( '/home/jlahijani/Sites/goodui.org/site/templates/_og.php ).../_main.php:64 190.21152899160strip_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