当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 交互设计:支付宝即时到账交易确认付款页面的交互设计

心得技巧
使用情境是更有效的设计指导方法
中国WEB设计行业:从模仿到创新
工作感悟:IT从业者如何涨薪创业跳槽
设计观点:什么时候时机成熟才能开公司
交互设计的价值和交互设计的方法
网页设计:创建整洁有序的内容布局的8个技巧
交互设计分析:每个功能的设计都要有明确合理的入口
设计思考:关于前端设计和其它岗位的协调
优秀网页设计作品:卓越设计遵循的原则
探讨支付宝导航条制作的实现方法
web设计中网页表单的可用性设计
交互设计理论:如何减轻用户的记忆负担
用户体验设计:三种用户体验的量化方法
用户研究:走进更广阔的用户世界
用户体验研究:访问网站时不应该花时间思考
企业网站内容分析的方法和步骤
用户研究:引导用户的笨办法
在网页中放入百度搜索代码搜索出现乱码解决办法

心得技巧 中的 交互设计:支付宝即时到账交易确认付款页面的交互设计


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 31 ::
收藏到网摘: n/a

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

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

即时到账交易确认信息页面

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

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

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

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