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

心得技巧
设计思考:你是否需要重新设计你的网站
Logo标志设计参考:30个好的Logo设计实例
设计故事:收藏夹里的广告和组合购买
UPA2009统一体验的设计PPT讲义稿
web用户体验设计由细节决定
网页设计节约页面空间的设计方法
用户体验设计:用户注册页面的设计细节
关于网页设计师的职业规划和找工作问题
设计实例分析:搜索SNS视觉设计全过程
用户体验设计之用户研究:用户不傻也不笨
网页加载速度优化实例
设计思想:老板对用户体验细节的关注
2009年颇为流行的最佳网站设计实例
网页设计师参考:网页登录表单设计实例
设计参考:杂志风格网站设计实例
为中国互联网拼搏10年的知识英雄
设计理论:排版设计的技巧和方法
交互设计探讨:设计合理的明确的操作入口
网页设计师帮助:网页设计色彩表
设计欣赏:非常有创意的Flash网站设计实例

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


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

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

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

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

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

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

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

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