《简单法则》中曾经提到过一个如何简单的方法,SHE:缩小——>隐藏——>附加,然后把剩下的元素有组织的排列在一起。而简约就意味着用最简洁的方式获得最大的效果。
首先,写这篇文章的一个重要性的冲动诱因在于我这个刚入行的移动互联网产品设计新手在查找资料的时候被太多的前辈恐吓了很久,我最终决定站出来反击一下。
我们看到无数的移动互联网前辈们说,移动互联网产品设计相对于Web设计而言实在太多限制了,太难搞了。你看,屏幕就那么点大小,当Web端主流分辨率停留在1024*768的时候手机上主流的分辨率确还是240*320(注意我是说主流,别说iphone4的640*960);我们可以在Web上使用鼠标+键盘来顺畅的浏览而在手机上只有键盘(触屏目前还是灰主流吧);当Web设计已经花哨到泛滥的时候手机上还是个梦想…..好吧,够了,够了,实在是够了
可是事实是这样吗?我不认为!我认为在手机上的设计要比在Web上的设计相对更简单。
更小的屏幕意味着你只需要考虑更少的内容设计;更单一的交互意味着你只需要思考更简单的信息设计和更单线程的流程设计;更限制性的硬件意味着你不再需要考虑哪些花里胡哨的“假动作”,你只需要关注是否能更快速的帮助用户解决需求就足够了…..
一般而言,在手机上的产品设计分为2类,从Web端移植功能到手机端、全部由手机端开始设计。这2类设计实际上都适用以下要说的原则。
一、拥抱约束,习惯在局限下设计
这是一句正确的废话,每个人都知道真正的自由并不在于完全自由,真正的自由在于完全自由与限制性之间的平衡。而这点在手机产品设计上表现的尤为突出。在手机端做设计首先必须要具备的思想就是阉割,当然,这点在Web端的设计上我曾经也认为是最重要的。
《简单法则》里提到一个方法,SHE:缩小(Sherink)——>隐藏(Hide)——>附加(Embody),然后把这些被简单过的元素有组织的放在一起。
以从Web移植产品到手机端为例,①把Web已有的功能模块全部列出来,排序;②尽可能的砍,把可以减少的功能尽可能的减少;③隐藏,把不可减少,但是并非十分必要的功能隐藏起来;④考虑手机端用户需求与Web端用户需求的差异,然后附加一些手机端特有的需求与功能进去;⑤有序的组织上述元素。
这样的做法既做到了简单,同时也避免失去了固有的价值感。这样一顿阉割之后你会发现,其实在手机端这样的环境下去实现这些功能是很简单的了,因为有太多不必要的东西都不需要了。其实,就是用最核心的功能去满足相对局限的条件,在做手机产品设计之前,最需要做的工作就是最小化和剔除不必要的工作。想好不做什么,然后再去做!
妥善的组织能使复杂的系统显得比较简单。比如iPod的按钮设计就经历了一个这样的过程,在最开始的时候iPod的按钮设计成了滚轮式的,在第三代的时候iPod将转盘外围的4个按钮抽出来放在了转盘的上面,变成了一排小按钮,这显然让iPod的交互变得复杂而混乱了,于是在第四代的时候我们发现所有的按钮重回转轮之上,并且完全一体了。这是一个典型的从一开始简单到变得复杂又简单到不能再简单的案例。
(图片来源:腾讯科技)
二、智者知止
过度设计这事这几年在Web产品上时有发生,仿佛产品设计师们觉得如果某个页面他们不“加工”一下就显得不专业,但是往往是越加工越不专业。 每一个设计都有它的核心诉求点(中心思想)和所有传达的信息,凡是引起用户感到迷惑和无关主题的信息都是需要避免的。哦对,这个东西有个专业术语,叫做“噪点”。
在手机端的设计上需要时刻跟“万一……,索性还是加上去吧”的思想做斗争。不为20%的用户需求买单,不因为20%的用户而丢失80%甚至更多的用户。最好的产品体验,我个人认为是用最简洁的方式,最优雅的满足用户的需求。