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

心得技巧
干净的组织有序的网页内容布局的8种技术
网页设计实例:超级下拉导航菜单
用户体验设计:找到可用性测试参与者
设计参考:互联网创业的战略能力
导航设计:选中状态应该高亮还是灰调
互联网语音交互技术产品特点
电子商务B2C网站注册登录的必要性
中国用户体验交互设计师何去何从?
用户体验设计实例:交互设计表格
交互设计:用户体验的时间尺度
版面设计中的一图多用设计技巧
月薪3000以下的网页设计师生存现状
购物网站的Banner广告条设计方法和技巧
用户体验设计优化:内容可访问性
游戏分段加载用户体验设计更有利于推广
产品设计师的提升:产品需求角色分析
设计经验:设计师的10条小贴士
设计师参考:十个简单好用的设计技巧
设计网页总结的10个小技巧
设计经验:如何利用色轮选择颜色搭配

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


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

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

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

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

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

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

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

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