很多交互方面的书籍都会拿 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


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



[阅读全文...]

挖上一个精彩
挖客给您推荐更多精彩!
挖下一个精彩

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


挖客说 · · · · · ·

 

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

 

 
合作伙伴:   网易科技   赛迪社区   千龙科技   265上网导航   刷刷   动态网站制作指南   煎蛋   新新web2.0   9Fav就喜欢网   Linux桌面中文网   我爱水煮鱼   乐婴网
  天涯海阁   DigiArt   掘图志   cngadget   17Fav   桑林志   91新鲜网   奇事奇物网   搜酷全球