前一段时间有次在支付宝给余额宝打钱时,遇到这么一个郁闷的事情,首先银行卡不能直接往余额宝里面直接打钱,先打到支付宝余额里面,才能冲到余额宝里面,当我从支付宝默认页面进入充值到余额的界面时,发现和之前往余额宝打钱进了同一个界面,好生郁闷,后来往返数次之后发现了奥妙:这个页面包含一个Tab界面设计(如图1):
我没有发现这其中的"玄机",把那两个大Tab按钮当成普通宣传图片了。自己真的老了?
正好最近为了改进产品,又开始才产品设计方面充电,首先有本叫《设计心理学》的书给我一个信念:产品设计产生混淆,找不见东西这不是我这个用户的错。
今天第二次阅读《用户体验要素》这本书,看到界面设计这部分时,又记起这个问题,书中关于界面交互元素介绍后,关于这方面创新有这么几句总结:一些技术提供了一套同样的基本元素,但是不要强迫设计师必须按这种方式来用,在界面如果响应动作方面,需要一些更强的灵活性。不过这些灵活性给界面设计过程增加了更多的选择,这也使得界面似乎很难被正确的使用。
具体到这个界面的设计,它其实对Tab选择按钮的显示做了现在比较流行的视觉放大设计,不过表现层视觉设计应该服从框架层的界面设计,这个Tab界面,Tab按钮和Tab内容栏发生了分离,我想这可能是Tab界面设计被混淆的最主要的原因,其次Tab按钮本身的显示和一般的Tab按钮显示反馈有很大不同,这个Tab的显示比较接近那种在输入上和radio或checkbox起相同作用的button的显示,圈里画了个勾,这种状态选择button也算是这几年才开始流行一种交互元素设计,不但创新而且嫁接了。于是乎出来一个交互设计的异形.
做了一个学习产品设计的Coder, 文章发在这个地方,无意对阿里的设计同仁有任何冒犯,我想UCDChina这样一个出了好几个火花集的地方应该传递bug的效果更好,千鸟有句话大概意思是:有人提毛病说明是关注。