交互设计:支付宝即时到账交易确认付款页面的交互设计

因为昨天被支付宝强行关闭了“余额支付”，所以一笔钱没有完成付款，刚刚来公司的时候，登录web去付款，体验了一下新设计的“即时到账交易付款确认页面”，我觉得在交互设计上，存在几个问题，找茬一把。

在上图片前，还是要说，这一次的支付宝改版是不错的，最大的优点是更加的专注和简洁。好了。恭维的说完，就开始找茬：

看上图，上面的1，2，3 各自区域，是我眼睛注释的顺序，我先看到1，觉得没有我需要确认的信息，然后看2，也没有看到我需要的信息，然后看到了3，发现25写的很大，而我最需要的，付款给who的信息在最下面，而且字体很小。

我个人觉得在这个地方信息布局有以下几个问题：

• 确认付款信息，最重要确认的是什么？应该是 付给谁，多少钱，这两个信息是最重要的，但是却没有在重要的位置展示。我的建议是，将“收款方”用大号字体写在1号区域，然后还需要包括付款金额。然后是付款时间和理由。后者可以用相对较小的字体。
• 在确认信息中间，有一个“黄色”的隔断行，设计的初衷是“提醒”，但是这个提醒恰恰形成了视觉上的隔断效果。导致整个确认信息被隔成两个部分，这样对于有效的传递确认信息是不利的，建议这个部分的提醒放到其他位置，比如整体确认信息的右侧等。
• 另外，在文案上，也存在不少的瑕疵，比如：
  • 1号区域的，“付款－ Yy”部分，实际上应该是“付款理由：”Yy是我填入的内容部分，但是看上去很怪怪的，这个字段的说明没有说明清楚。
  • 3号区域的，”对方信息“，我觉得更加合适的是“收款方姓名” 和“收款方支付宝帐户” 分开。而不是对方信息。这个地方更加直接的传递会有利于用户的判断。

没有完美的产品，小步快跑是最好的办法了…加油伙计们…