传说中的“灰常 6+1”June 12, 2008

百淘培训 是新人入职以后参加的培训项目之一。但在公司混了那么久,由于工作的缘故一直没有时间去「洗脑」。好不容易有了空余的时间,终于有时间去见识下。

早上时间没有计划好,刚进门就被扔了 10 元 rmb 给大家作冷饮费--因为迟到。为了照顾本人的「杰出贡献」,本人被安排在了女生组(再次感谢伟大的党,伟大的班主任,伟大的祖国,我的早饭钱不是白牺牲的)。

咳咳,下面介绍下组织情况。组员总共七人,只有我是男性(不要羡慕)。于是本人名正言顺的成为了这组的头,顺便兼了班级 CTO 这职(别误会,只是负责拍照而已)。

http://files.gracecode.com/2009_11_05/272765b47a0f.jpg

组名就是本文的题目,「灰常 6+1」。图中那个最帅的就是本人 -- 当然我没有那么好的画工,在这里感谢 咏沙 同学。

不过,那几个「灰机」、太阳、还有花和自行车是本人的杰作。可以非常谦虚的认为,本人的出色艺术功底为这幅画增色不少。

小组的口号叫「我是笨鸟要先飞」,引申一下就是「早起的鸟儿有虫吃」,根据逻辑再引申一下就是「早起的虫虫被鸟吃」。

三天的百淘,明天就得去户外扩展 -- 天知道我这组那么多的女生会发生什么事情(我还是比较期待女生的尖叫声的)。

小马 晚上和我玩笑的说,最好不要告诉 某人 你明天去哪里 -- 如果哪位读者发现本博自本篇发表以后超过一个星期未更新,请速拨打警察叔叔电话。

经典的 ATM 交互范例June 11, 2008

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

http://files.gracecode.com/2009_11_05/717835b1d2e7.jpg

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

http://files.gracecode.com/2009_11_05/252025b1d2e7.jpg

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

http://files.gracecode.com/2009_11_05/966615b1d2e6.jpg

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

http://files.gracecode.com/2009_11_05/789195b1d2e8.jpg

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

http://files.gracecode.com/2009_11_05/860845b1d2ea.jpg

这是改版前后的布局,按钮被明显的放大并且被拉伸;重新布局的按钮明显减少了行数,从而看起来整体的布局更加清晰。

http://files.gracecode.com/2009_11_05/654195b1d2e8.jpg

这是 ATM 硬件外观前后对比,操作键盘被放大、吐钞口放到了显示器的下面(这应该是为了用户方便和安全)、存钱口和插卡口以及回执单出口都放在了右边 -- 这似乎都是用户输入操作。

全文在这里 ,懒得翻译了,希望本人的解释没有误人子弟。

目前的 Vim 配置以及常用的插件June 7, 2008

http://files.gracecode.com/2009_11_05/280385ac85db.jpg

首先说明下,我的配置文件并不是适合每个人。这是个合集包,除了本人的 vimrc 配置文件以外,还包含了本人经常使用的一些插件,比如 NERDTreeCalendar 等等。

安装的方法很简单,解压缩以后将 vim 文件夹放置到 $HOME/.vim 或者 $VIM/vimfiles 中即可。废话不多说,在这里 打包下载

Yahoo 统计