很多交互方面的书籍都会拿 ATM 作为案例分析,谁叫银行和钱过不去呢。放下教科书,我们来看看老美的银行的 ATM 是怎么设计的


http://img.waakee.com/sp.wks?url=http://pic.yupoo.com/feelinglucky/717835b1d2e7/medium.jpg


插入银行卡以后出现输入密码界面,按钮很大而且“看起来”非常容易点击也非常适合屏幕操作。


http://img.waakee.com/sp.wks?url=http://pic.yupoo.com/feelinglucky/252025b1d2e7/medium.jpg


这是原文中新老两个界面的对比,看得出设计者花了很多的功夫。对比老的界面,元素视觉方面更加的精简,显得层次分明;重新排列的按钮将相似的功能放在一起,更容易操作。


http://img.waakee.com/sp.wks?url=http://pic.yupoo.com/feelinglucky/966615b1d2e6/medium.jpg


这是取款确认界面,看得出左边的是取款流程并按钮的形式突出,用户随时可以退到某个步骤操作。在这里令人眼前一亮的是打印回执的 checkbox,它并没有像国内的银行那样等到现金吐出来了以后,再问你是否需要打印回执。


http://img.waakee.com/sp.wks?url=http://pic.yupoo.com/feelinglucky/789195b1d2e8/medium.jpg


再看下细节方面,上面是文中改版前后的两个按钮对比。改变最大的地方本人认为就是按钮的样式更加清晰,这非常容易理解谁喜欢取款的时候看花哨的海报呢?


http://img.waakee.com/sp.wks?url=http://pic.yupoo.com/feelinglucky/860845b1d2ea/medium.jpg


这是改版前后的布局,按钮被明显的放大并且被拉伸;重新布局的



[更多查看原文]

点评 Trackback 收藏它 拍它!
挖上一个精彩
挖客给您推荐更多精彩!
挖下一个精彩

这些挖友臭味相投 · · · · · ·


挖友说 · · · · · ·

 

匿名评论
(尊重网上道德,承担一切因您的行为而直接或间接导致的法律责任)

 

 
合作伙伴:   网易科技   赛迪社区   刷刷   煎蛋   动态网站制作指南   265上网导航   新新web2.0   9Fav就喜欢网   Linux桌面中文网   DigiArt   我爱水煮鱼   奇趣发现   IB资讯
  天涯海阁   乐婴网   cngadget   有意思吧   软件一千零一页  DiggLife  设计|生活|发现新鲜   掘客巴士  17Fav  掘图志   桑林志   91新鲜网   精灵的天下