{"id":4516,"date":"2009-10-28T17:11:20","date_gmt":"2009-10-29T00:11:20","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=4516"},"modified":"2015-02-25T19:57:50","modified_gmt":"2015-02-26T02:57:50","slug":"75-how-not-to-design-a-checkout","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/video-screencasts\/75-how-not-to-design-a-checkout\/","title":{"rendered":"#75: How Not To Design a Checkout"},"content":{"rendered":"

You’ll have to forgive me here folks, this isn’t a very constructive screencast. I was frustrated at the crappy checkout process for a software product I was trying, so I thought I’d screencast it as a lesson to us all on how not to design a checkout. It was confusing, frustrating, error-prone, and make me feel unsafe about even going through with the transaction. If you are designing a site to sell something online, nothing is more important to your success than the checkout process and it deserves to be made as simple and pleasurable as possible.<\/p>\n","protected":false},"excerpt":{"rendered":"

You’ll have to forgive me here folks, this isn’t a very constructive screencast. I was frustrated at the crappy checkout process for a software product I was trying, so I thought I’d screencast it as a lesson to us all on how not to design a checkout. It was confusing, frustrating, error-prone, and make me […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":6474,"url":"https:\/\/css-tricks.com\/video-screencasts-5\/","url_meta":{"origin":4516,"position":0},"title":"Video Screencasts","date":"May 28, 2010","format":false,"excerpt":"#80: Regarding Wheel Invention Running time: 19:09 Sometimes \"reinventing the wheel\" is the right way to go. You get control and all the learning that goes into it. Sometimes it is a waste of time and an existing solution will save you time, money, frustration, and it may do a\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18712,"url":"https:\/\/css-tricks.com\/lodge\/v10\/141-restrict-content-pro-setup-and-settings\/","url_meta":{"origin":4516,"position":1},"title":"#141: Restrict Content Pro Setup and Settings","date":"October 2, 2012","format":false,"excerpt":"In this screencast we take a little break from battling Vanilla Forums styling to work on setting up Restrict Content Pro (RCP), our WordPress plugin for managing subscribers to The Lodge, the private access area (that you are literally inside of right now!). The first step is creating the membership\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":177144,"url":"https:\/\/css-tricks.com\/video-screencasts\/screencast-134-tour-site-progress-built-jekyll-grunt-sass-svg-system\/","url_meta":{"origin":4516,"position":2},"title":"#134: A Tour of a Site In-Progress Built with Jekyll, Grunt, Sass, an SVG System, and More","date":"August 1, 2014","format":false,"excerpt":"Warning: this is a meandering, intermediate level screencast in which we look at the code that powers a build process for a site. We don't write any code. A \"build process\" is all the stuff that happens between the code you write and code that goes out to a live\u2026","rel":"","context":"With 50 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":157918,"url":"https:\/\/css-tricks.com\/video-screencasts\/130-first-moments-grunt\/","url_meta":{"origin":4516,"position":3},"title":"#130: First Moments with Grunt","date":"December 10, 2013","format":false,"excerpt":"There are all these tasks that we need to do as front end developers. Concatenate and compress our files. Run our preprocessors. Optimize images. Run tests. The list goes on and on. Using different tools for all of them is getting increasingly difficult. Running them manually makes it worse, and\u2026","rel":"","context":"With 63 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1686,"url":"https:\/\/css-tricks.com\/video-screencasts\/45-using-foxycart-for-ecommerce\/","url_meta":{"origin":4516,"position":4},"title":"#45: Using FoxyCart for eCommerce","date":"January 15, 2009","format":false,"excerpt":"FoxyCart is my new favorite eCommerce system. It is extremely easy to get started with. You have full design control over all aspects of it (cart, checkout, receipts). It has the features you need (downloadables, security, saved accounts, subscriptions). Best of all, it's not a bloated CMS. You can build\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3157,"url":"https:\/\/css-tricks.com\/video-screencasts-2\/","url_meta":{"origin":4516,"position":5},"title":"Video Screencasts","date":"July 29, 2009","format":false,"excerpt":"#20: Introduction to jQuery Running time: 18:12 The popular javascript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4516"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=4516"}],"version-history":[{"count":5,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4516\/revisions"}],"predecessor-version":[{"id":155761,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/4516\/revisions\/155761"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=4516"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=4516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}