网站制作专家!做网站首选宁波甬派科技
如何制作网站的博客

付款按钮设计的糟糕现状

  我在金融领域做设计做了很长一段时间。这不是我要做的事情,只是发生了一些事情。我的第一份金融工作是为first USA制作横幅广告。这不是一件令人向往的事情,但偶尔我们也会得到一份有趣的工作。我的确得到了为Austin Powers VISA卡制作横幅广告的机会。

  我找不到广告来证明,但是这里是卡片设计的其中一张图片。疯狂:这是90年代的。经过这次艰难的实验,我还在其他金融机构工作过:CapitalOne,,MBNA,美国银行和其他一些机构。我迷失了方向,不过谢天谢地我做过不止这一种类型的工作。

  在过去的几年里,我一直在做品牌方面的工作,电子商务是亚马逊这个新时代品牌生存的重要组成部分。试着跟上潮流,有许多办法来筹集资金。信用卡是最标准的,但自从我开始写这篇文章之后,PayPal,VISA Checkout,AMEX Express Checkout,Amazon Pay,Apple Pay,Bitcoin,Etherium,Litecoin,Venmo,Alipay,Android Pay等还有六种新方式都相继出台。他们都有同样的目标:获得用户的资金来换取商品或服务。每个都有好处和缺点,大多数都是由付款方规定而设计的糟糕的用户界面按钮。

  如果你以支付方的要求来设计一个结账屏幕,则会出现和左侧类似的情况。看起来并不统一,每个付款选项都在竞相争宠,包括(绿色的)“立即购买”按钮。那么用户如何决定哪个是最适合他们的呢?

  旧标准。所有信用卡都有所谓的“银行标志”。这些是你在现实生活中最喜欢的商业大门上的贴纸上看到的。这些宝贝已经转变成电子商务的小按钮,而且由于旧信用卡公司对这个新世界的发展速度反应过于迟钝,他们从来没有真正对这些标记的数字授权任何规则。你会看到网络上的各种各样的东西,并且通常是程式化的版本。我相信这会扼杀掉VISA, Mastercard, American Express and Discover的品牌,但是他们已经错失了这场游戏。

  以下是亚马逊,Zappos,乐天,SimplifyCommerce和Apple等的一些例子。每个品牌都有基本特征,但风格,形状和大小都不同。设计团队根据自己的需要对这些设计进行了定制。

  我早期是PayPal的忠实粉丝。他们是第一个广泛使用数字支付选项的平台,然后它们发展缓慢而变得过时。

  PayPal的按钮设计的太糟糕—没有办法。目前有三种不同的官方PayPal按钮。

  好消息是,PayPal似乎最终选择更新他们的无响应按钮。问题是这个最近的版本有许多的限制,尤为突出的是按钮下的宣传语。这不是你能(轻易)关闭的。如果,基于一个很大的假设,PayPal可以改进这种近期的响应式按钮工具,并给予设计师更高的灵活性,那么也许在将来,我们会使用它。

  VISA已经花了一大笔钱来推销他们的数码产品,而且试验并不糟糕,但实际上并没有比Paypal好。它仍然会把你带出商店外然后又诱惑你回来。VISA Checkout更严重的的问题是用户界面按钮是由从来没有做过检验流程的人所设计的。

  品牌和知名度是最重要的元素 - 其他一切都浮云。这个双按钮形状不容易与页面上的其他元素对齐,也很大。当你用其他按钮垂直堆叠时,最终会出现奇怪的垂直间距。别尝试去使用这个了。

  我的猜测是,VISA向一家大型机构支付了一大笔钱,来设计这个可笑的按钮。他们现在投资的人知道他们投入了多少,所以留了下来。也就是说,直到新的首席设计官进来,并用新潮的想法改变了行政人员的观点。

  经营平板电脑的苹果公司并不是使用数字支付的首个平台。但是,他们再次回归,做了一项了不起的工作,瞄准了其所有竞争者所丢失的商机。Apple Pay(两个单词)按钮是完全响应,并有三种简单的风格。标志清晰小巧。苹果有两大优势。首先,iPhone的普及率是巨大的,有一群经济实力雄厚的使用者。第二,苹果支付的用户体验很友好。你单击Apple Pay,弹出付款表,并用指纹确认。完成。不用离开网站,不用分心,只是需要支付然后享受就行了。

  Masterpass与VISACheckout非常相似,都挺糟糕的。你的第一个想法是,UI guidelines是PDF而不是代码工具。再次,我认为一个大的机构出售他们,现在他们被难住了。这不像VISA那么丑,但也不美。至少是一个标准的形状。

  我们在用户界面上进行的尝试又半途而废了。AMEX甚至不会在你没有帐户的情况下看到他们的用户界面指南。尽管多次尝试,我也无法确保是不是如此。你可以试试看更多→ 这里。该按钮是一种具有人造阴影和无响应特征的奇葩。一个按钮,里面还有一个按钮和一个街道标志?这是用户界面版本的开始吗?

  亚马逊正在电子商务世界并不断发展。在所有在线销售中,有43%的用户正在筹集科学资金。Amazon Pay的外观和感觉正在不断的改善,文档已经过时了。奇怪的是,这些新的设计不是响应式的。好像看起来他们希望拥有VISA和masterpass这样的大品牌一样如此丑的按钮。渐变的会火,对吗?

  Google倾向于做正确的事情,AndroidPay也没有什么不同。他们制作了一整套符合材料设计理念的按钮。当然,这些都是响应性的。您可以点击此处查看文档。

  这些糟糕的设计是由设计师制造的,他们被品牌要求给误导了,而忽略了最终用户的体验。优先考虑的事项有很多矛盾之处,投资与糟糕的设计,限制了设计师试图建立一个让用户满意的付款体验。

  比特币和其他新的付款方式一直在上线。我不能预测哪些会吸引人,哪些不会。用户将确定他们想要什么,而我们会处理好。

  在你进入一个黑暗的角落,为这些按钮在你美观的设计中不起作用而哭泣前,深吸一口气。您不必使用品牌方提供的内容。所有这些(甚至苹果)都会提供给你一些灵活性,关于这些按钮将如何出现。如果你需要一些容器,它们看起来一样,试试看。

  请记住,在上线之前,你需要得到所有发行人的批准:他们将审查您的设计,但不要害怕去尝试标准以外的东西。相信你的直觉,并设计出适合用户的作品。

  请牢记,我们花费大量的现金使这些东西富有成效。我不是建议你完全忽略品牌:在优秀的设计中,权衡两者是一贯的关键。

  两个例子。首先是阿迪达斯,他们有自定义的PayPal和Apple Pay按钮。这些不是发行人所要求的,但他们恭敬地修改了按钮来匹配他们的用户界面,这一切看起来都很棒。另一个图像是我正在开展的项目,我们修改了PayPal和Visa Checkout以匹配Apple Pay按钮的形状。这样做是为了在这些“标记”之间创建一致性并尽量减少混乱。此设计也得到平台发行人的批准(但还未成型),不过可以做到。

  网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

  随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

  每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

  今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...

  你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

  下篇现在才更新,最后一篇我们聊聊容错性设计方法的应用关键。 1、用户使用场景模拟 用户使用场景模拟是传统的用例分析方法,可以分析用户可能会用到的功能以及产品使用流程,...

  登录框对于互联网APP设计而言是必不可少的一环,其作用相当于产品的门面,今天就跟大家详解登录框设计的三标准七大要素,希望大家可以发帖讨论,提供更多的登录框设计思路。...

  刻板印象有好有坏。在合适的场景、时间、项目中,去最大化它的积极作用,尽量避免它的消极作用,才能真正的平衡设计、工作,甚至生活。 一直在看奇葩说,听到很多次的一个词叫...

  大家都说后台产品难做、要求高,这是有原因的。而且这个原因会超出我们的认知,一起来看看吧。 什么是后台产品 后台产品也被我们称为后台管理系统、内部管理系统。简单而言,...

  互联网产品应该做到让用户在短时间内就可以获取到他们期望的信息,找到他们想要使用的功能。 UI设计的最终目的就是为了更好的展示产品的内容,让用户可以更好的接受。与传统媒...

付款按钮设计的糟糕现状
本文章网址:

宁波甬派网络专注于企业网站建设、网站制作、高端网站设计,做网站首选宁波甬派!

版权申明:本站部分文章来自互联网,如有侵权,请联系小编微信285559800,我们收到后立即删除 谢谢!
上一篇:美国加州VPS主机推荐
下一篇:魅族干货!如何从视觉设计师的角度做竞品分析