童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

那些让客户轻松掏钱买单的支付表单,都是怎么设计出来的?

10月22日 发如雪投稿
  支付表单就像是数字化的收银台,验证用户的信息并授权在线支付,最后完成支付。支付表单的设计好坏严重影响着用户的支付体验,一份流畅的支付表单极为重要。
  “购物车里70的商品最后都不会被买下来,而这其中28的商品是因为结账过程耗时太久而被顾客放弃的。”
  企业希望人们花钱。
  这意味着为某样东西付费应该是整个用户体验中最简单的部分。否则,企业会因为糟糕的支付系统损失数十亿美元。
  一次成功的支付体验需要有一个清晰的路径引导用户顺利付款。毕竟,支付表单就像是商店或餐馆中实体销售的最后一步。
  因此,支付表单的流畅高效就显得尤为重要:不需要排队等待,不能有任何障碍和错误。
  设计支付表单曾是一项繁琐的任务,尤其是对初创公司和小型企业来说。
  但现在的工具能让用户在几分钟内就制作出一份功能强大、设计美观的支付表单你都不需要会编辑代码。而且,你也不用为交易额外付费。
  首先什么是支付表单?支付表单就像是数字化的收银台,它验证用户的信息并授权在线支付,最后确保你能收到付款。
  一份一体化的支付表单能做什么?一体化的支付表单能做到很多事情。首先,你可以用它销售产品或服务。你还可以对这些销售加以复杂的计算,比如加上税金和运费或减去优惠折扣等。
  你也可以为你的产品提供有用的描述,如添加图片、数量、颜色和尺寸选项等。
  支付表单有多种类型。
  你可以为单个或多个产品创建订单,也可以用订单收取固定金额的付款。你也可以用订阅服务的方式,不断重现这些支付行为。
  使用JotForm卡片模板制作的订阅单的示例
  支付表单也可以用于收集捐款。
  捐款单卡片式表单布局
  一、如何设计更智能的支付表单?
  我总结了我所工作的在线账单制作公司JotForm的420万用户的支付表单设计案例,得出了以下5条有用建议。
  1。设计简单
  大量研究结论表示,复杂的视觉设计通常是没有吸引力的。并且,在心理上我们也更偏好空白较多的页面。
  支付表单的长度也很重要。例如,JotForm的经典表单在一个页面上显示所有的选项和付款部分。这种设计尤其适合用户制作较短的表单。
  JotForm经典表单
  但是当细节内容很多的时候,在一张页面上显示过多信息会让人应接不暇。
  所以我们又设计了JotForm卡片格式来替换经典表单。它的布局是每页只显示一个问题:除了问题和命令之外,页面上没有其他任何内容。
  用户填完表单就可以顺利进入付款页面。
  这两种类型的表单适用于不同的情况。无论你选择哪种类型的表单,你都应该留出足够的空白区域,不要添加不必要的内容。
  2。提供多种付款方式
  你有没有经历过在餐厅吃完饭才知道它只接受现金的情况?你不得不出门寻找最近的自动取款机取钱,或者你只能找朋友借钱。太让人扫兴了!人类一直在追求轻松和便利,特别是在决定是否购买某样东西的时候。
  而选择无论我们是否需要它的存在在我们的潜意识里是很重要的。人类非常重视自主抉择的能力,这就是我们要优先考虑灵活性的原因。
  同样,在为客户提供可选的订单付款方式时也是如此。
  大多数在线表单制作软件都能提供多种支付的集成。
  每一个付钱的人都应该能够自由地从多种支付方式中选择。要在支付表单上实现这一点真的不难。
  3。减少障碍
  支付表单有点像障碍训练。每一个需要越过的障碍都会减慢用户的速度,让他们逐渐失去完成的兴趣。有一些障碍是可以避免的,比如任意格式规则或密码要求。有些障碍是不容易避免的,比如拼写错误。
  JotForm的卡片表单在尝试减少这些意外的障碍。例如,它可以自动修正用户输入错误的电子邮件地址,像把johngnail。com修正为johngmail。com。
  当出现一般性错误时比如漏掉了字词或错误的输入它会向用户发送抖动提示。
  另一个可以避免的障碍是语意不明的表达。不要让用户去“破译”你的语言,你要确保你的表达是清晰明确、易于理解的。
  用户到达最后一张付款页面的速度越快,他们就越有可能完成付款。
  更少的障碍更快完成的表单;更快完成的表单更多的转化。双赢!
  4。询问较少信息
  选填字段是转化率的敌人。BaymardInstitute分析了账单,发现结账过程太长是用户放弃购买的最重要原因之一。平均每份账单包含了15处要选填的字段。
  而且,大约50的网站会让顾客把相同的信息填两遍,这样绝对会消耗他们的注意力和购买热情。
  一种有效的做法是,在选填信息的部分使用易于理解的词块来组织你的问题。
  5。安全优先
  我们希望掏出钱包付款的时候是安全的。因此,聪明的企业会竭尽全力让客户从走进大门的那一刻起就感到放心。支付表单也不例外。当用户需要输入信用卡详细信息等敏感信息时,他们对任何看似可疑的信息都非常警惕:
  最近的一项研究显示,出于安全问题,17的消费者在付款前就离开了。
  清晰、高效且专业的支付表单能让用户更放心。相反,任何看起来像是DIY的东西都会产生反面效果。
  所以,从一开始设计支付表单就要格外小心微小的错误或者不一致就会引起用户的警惕并退出付款。我们要让用户放心。
  在表单上使用SSL来帮助保护数据也是很有效的。访客如果知道所有互动都是加密的,他们会感到非常放心。
  二、设计一份支付表单
  如果你对用JotForm设计支付表单很感兴趣,你可以选择一种我们的模板来使用,或者从头开始设计一份新的表单。我们提供两种表单布局:
  (1)经典表单:
  经典表单提供更传统的布局方式,所有的问题都显示在同一页面上。
  (2)卡片式表单:
  卡片式表单提供类似网站的购物体验,用户在每一页只用回答一个问题,就可以顺畅地进行购买流程。
  添加到购物车、地址、银行卡信息和产品等步骤分别显示在单独的卡片上。消费者可以直接查看和编辑购物车。
  这是它的外观:
  (1)消费者选择他们要的商品。
  产品列表和我的购物车按钮
  (2)消费者可以根据需要删除或增添商品,然后继续下一步。
  编辑购物车
  你可以通过加入品牌logo、选择背景颜色和图片来配合品牌形象,轻松定制你的表单。
  三、如何添加一体化支付表单
  第一步:添加字段并选择你的支付接口。
  第二步:使用链接按钮导入支付集成凭据,或直接输入。
  第三步:添加产品图像和详细信息,如数量、颜色、尺寸。
  第四步:计算优惠券、税金和运费。
  你可以使用一体化购买订单来检查创建通用支付字段的详细信息和选项是否正确。(这样做不需要任何凭据,因为它并不会创建真实的交易)
  你还可以查看Sofort一体化指南的案例,以了解整个付款流程。
  第五步:编辑个性化感谢信息自动回复邮件。
  这样就完成了!现在,你可以使用智能嵌入功能,把支付表单添加到网站、博客或社交媒体上,轻松地完成产品的出售。
  
  原作者:DilemAknerAkk
投诉 评论

图文排版入门指南本文主要跟大家分享一些在设计过程中,图文排版需要注意的一些细节以及一些排版的小技巧图文排版是个老生常谈的话题,每一位设计师都具备一定的图文排版能力。我们工作中几乎天天都在……思考总结:Banner设计思路分享前实习公司是一个生鲜B2B类电商公司,运营需求较多,尤其是APP的banner设计,本篇文章我将自己制作电商类banner常用的方法与之前设计的具有代表性的banner结合做一……优惠券设计:优惠券活动篇优惠券活动的发放方式可以归为三类:手动发放、系统触发、手动领取,本篇文章对其分别作了介绍。优惠券设计前序两篇:整体框架:《优惠券设计:整体框架篇》优惠券模板:……说文解字(三):文字的易读性在设计作品过程中,若要使文字组合达到容易阅读的要求,字体、字号、边界、行长、分栏、栏距、行距这些都需要依据版面来合理设计。前言字体,只要不是特殊装饰性的文字,都不至……设计的边界本文主要分析了设计中的边界问题,设计师可以设计初期便定义好这些边界情况的处理方式,避免后期不断进行琐碎的调整。互联网产品设计,需要页面之间具有良好的逻辑关系,但是由于网络……那些让客户轻松掏钱买单的支付表单,都是怎么设计出来的?支付表单就像是数字化的收银台,验证用户的信息并授权在线支付,最后完成支付。支付表单的设计好坏严重影响着用户的支付体验,一份流畅的支付表单极为重要。“购物车里70的商品最后……品牌和Logo的区别,你真的清楚吗?Logo是品牌落地的一种外在形式,品牌的学问太多了,我在最近的几个项目中都有很深的体会。不管是前期的风格尝试,情绪版,还是后面落地到UI界面中的图标、图案、颜色、动效、插画等等……后台产品经理表格设计的那些事儿后台产品经理在工作中常常会遇到表格,表格的合理设计才能给用户带来更高的获取信息的效率、更快捷的计算。所以本文就总结了一些表格设计的方法。表格长啥样首先,我们先来看看……整个2018年,Dribbble反映出来设计趋势是什么?每个人都在关注趋势,Dribbble是设计师的集散地,那么在2018年,Dribbble反映出来设计趋势是什么?每个人都在关注趋势,Dribbble是设计师的集散地,也是……掌握这些色彩理论,使你的设计体验更好精心设计的配色方案,尤其是一些意想不到的配色,不仅贴合美学上的需求,而且可以对用户产生心理影响,让品牌看起来更加独特,带来更加独特的用户体验。当我们讨论色彩的时候,聊的更……从页面动线设计看拼多多、淘宝和京东的双12主会场今年的双12即将来临,三大主要电商平台:淘宝、京东和拼多多早已开始为活动预热,对比分析其主会场页面动线,背后的设计逻辑是什么呢?电商平台每年重要的大促节点总是会撞在一起,……一套图标设计的基本流程和8个注意事项文章给大家提供的这个基本流程,及时是设计趋势发生变化,也依然适用。遵循这些规则和技巧,能够确保图标从设计到使用都可以更加无缝和顺畅。我们每天都在设计图标,并且保持这样的状……
一份全面的“界面设计论述”是怎样的?设计师专业表达指南形式篇用户体验:表单设计中的注意事项从上瘾模型,看产品设计的那些“套路”弹出窗口:10个代表性问题及其替代方案价值驱动设计如何有意识地平衡美与归属感?百度网盘10。0:服务升级背后的故事AB测试中12个常见的误区(上)支付系统详解:清结算系统如何让按钮设计更迷人如何搭建设计中台,解决B端多产品线的设计困境为何SaaS模式能成主流?玄武门之变真相太子李建成与李元吉当场毙命生命的流转美文摘抄2023年,电竞能否变成像世界杯一样的盛会?难以置信的越野征服崇山峻岭的地形!2019款梅赛德斯奔驰G5表弟造句用表弟造句大全智慧矿山华为合作,2天2板,2天股价大涨40,还能进场吗?精选除夕的作文800字锦集9篇大年初四,迎灶神!看好三一重工的清醒了吗?为什么现在这么多孩子打娘胎出来就胖,问题在妈妈身上梁晓声:童话微波炉使用注意事项

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界