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

心得技巧
设计理论:如何设计电子图表
电子商务网站在线零售的定向销售实例
设计参考:突出细节的用户界面设计实例
设计参考:网页小空间大图片的放置
30个很棒的下拉菜单和滑动菜单设计实例
设计参考:新闻风格网站设计实例25个
设计整洁漂亮的网页的4项原则
60个漂亮的有创意的关于我们网页页面设计
更受欢迎,更具创造性的深底色网页设计实例
启发你的设计灵感 12个水平滚动的网站设计
30个新鲜的个性化创意鲜明的网站设计实例
设计参考:超酷的具有设计灵感的商业名片设计实例
25个有灵感的3D界面的FLASH网站设计实例
36个非常棒的捕获灵感的包装设计实例
在马斯洛的需求层次体系上考虑用户体验
WEB手绘箭头经验和技巧
支付宝和财付通的网站首页设计不同之处
设计理论:富冲击力的锯齿形宣传单张
设计师更应该和客户建立良好的关系
网页设计技巧之面包屑设计

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


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

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

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

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

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

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

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

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