• 2010-07-04

    网上银行操作演示比较 - [交互设计]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://june-gao.blogbus.com/logs/68143085.html

    也来说说网上银行的操作演示。大部分的网上银行都选择了制作操作演示,视频,或者图片+动画。就来说说几个不错的地方。

    1. 渣打银行
    http://www.standardchartered.com.cn/zh/index.html (左上角,“登录”下面的“在线演示”)
    * 使用灰色蒙版,突出了操作的重点。(加载有点慢)
    * 操作视频会自动往下播放,比如放完了“立即注册”,自动播放下一个“重置密码”。

    2. 支付宝
    http://abc.alipay.com/index.html
    * 有文字(流程描述)、有动画、有视频。有视频的页面在菜单上有个图标进行区别。
    操作演示目录
    * 也使用了蒙版突出操作重点,而且全程都展现了整个操作页面。
    操作演示页面
    * 在操作演示的结尾能引导用户到达功能页面。比如上图是个创建新用户的教学,最后一不上注册页面的链接;还比如“卡通”的教学页面也是。
    操作演示页面

    3. 美洲银行(Bank of America
    http://infocenter.bankofamerica.com/ic2/online-banking/view-balances-account-activity/
    操作演示有三个板块,功能的介绍和帮助非常丰富。
    * Learn(演示)—— 播放的进度条很有特色,鼠标放上去会显示每个段落的概要 。
    银行操作演示
    * Video(介绍和其他相关内容)—— 比如这里关于iPhone上的应用的(不过video就这么几个,好几个菜单里都是一样的)
    银行操作演示
    * Q&A —— 我个人比较喜欢这种FAQ的形式,而不是类似目录、书签那样同一个页面跳来跳去的那种。
    银行操作演示


    历史上的今天:


    收藏到:Del.icio.us