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

心得技巧
50个充满活力的色彩在网页设计中运用实例
WEBJX收集的适合设计师参考的100个设计类网站
网页设计中常遇到的10个小问题
用户体验:购物网站的购物流程简化设计
用户体验设计实例:豆瓣UI设计改进
24个对表单对象进行个性化定制的技术
视觉设计:创意布局需要非常注意易用性问题
用户体验设计研究:中文网页文本框设计
设计经验分享:设计美好的瞬间
网页设计理论:漂亮而不空洞的极简网站设计
用户体验:网站注册中的密码保护设计细节
有感GOOGLE的登陆设计让人感到崩溃
设计师需要的IDEO以人为中心的设计工具包
用户体验研究:携程酒店订房中的日期选择
网上零售平台的站内搜索的自动提示功能
B2C网站搜索结果是列表视图还是栅格视图?
网站可用性设计:让页面等待不再漫长
设计参考:巴西设计师的图标设计作品
B2C网站设计体验:购物车中的胡萝卜
电子商务网站注册表单的可用性贴士

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


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

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

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

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

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

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

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

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