产品设计三原则,包括一致性原则、“更多”原则和图形化原则,根据原则设计,可以给用户留下好的第一印象。本文对这三个原则展开了分析,一起来看一下吧。
用户打开你的产品,就像相亲,第一印象几乎占了90%,你可以狡辩说我内涵丰富啊,现在长得是磕碜些,后面有钱我会整容的。
抱歉,用户很忙也很渣,真没空了解你。
所以,给产品打造一幅干净整洁的面目,是你能不能脱单的首要条件。
以下产品设计三原则不限于ToB SaaS类产品,也是我个人努力遵守的,酌情参考。
- 一致性原则
- “更多”原则
- 图形化语言
一、一致性原则
1)对齐
曾和某研发总配合过,问他对设计有什么要求,说我就先看一个,页面元素是不是对齐了。
果然其后每次评审,他首先看的就是你页面内文本是不是对齐了,按钮是不是对齐了,图标是不是对齐了。
有些同学讲,对不对齐,这也不是我的事啊,我把功能想好了、摆好了,自有UI同学优化,自有前端同学实现,我何苦脱裤子放屁呢。
其实别人看你的设计是不是对齐,本质上看的是你的职业化程度,你连对齐都没摆好,那其他的地方肯定有问题,自然要挑挑刺。我和你关系好帮你提醒下,不对眼是吧,你怎么摆我们怎么做,原型在这,这锅你背定了。
多花点时间、少搞点内部矛盾,别给用户们呈上“依托答辩”了。
2)统一
设计要有全局连贯性思维:同样的命名原则、同样的布局效果、同样的操作体验。
用户打开你的产品,在页面A这个叫查询、在页面B这个叫查找,页面C关闭按钮在左边,页面D关闭操作是一个图标。
操作你的产品处处都是惊喜,像新手开车,拐个弯就得歇次火。
有些同学讲,这系统太复杂了,也不是我一个人的事啊,我的模块对齐了做好了,其他人怎么样我管不了。
反正我自己门口的雪是扫干净了。
没错,反正用户看雪太厚不愿意来了,大家一起扛着扫帚饿死。
规范的使用就是一致性原则的体现。
一个是个人积累,一个靠公司积累。
你是独狼型的呢,做好一套规范,自己也方便,公司大了,多人协作、就有专门的UED管理,划定门前三包制,全体人员都规范,谁也不要扯皮,按规范来。
二、“更多”原则
一致性原则算是基本功,“更多”原则更考察你的功力。
初版产品并不难,保障基本能力俱全、功能流畅可用,但遇到复杂设计,要多考虑“更多”原则。
“更多”原则不是让你做更多,恰恰相反,是要做得更少。
需要你在做任何“更多”时,都要谨慎思考!
我们前面说过用户的特点,又渣又没有耐心。
想想你自己吧,今晚想充会电了,打开一本书,密密麻麻的公式、图表,实力劝退,受惊了受惊了,赶紧合上去刷会某音放松下。
基于此,如非必要,任何锦上添花的功能、配置、开关都要尽量隐藏,用“更多”“高级”“其他”等来扩展。
当用户使用你的产品已经养成固定操作习惯,就千万不要挖坑了。否则每次更新,客户就得学习一遍,长此以往,培养成了受害者心理,“总有刁民想害朕”。
有些同学说了,我们好不容易设计的新功能,就是要提升用户效率,给用户带来更佳的效果。
对,“有些同学”你说得没错,但是前提就是你这个“爆品”功能,首先不能打扰用户已有的操作习惯。你可以用推荐,提示等方式,告知新功能的优势所在,吸引愿意尝试的用户动手。
最糟糕的事情就是没有认知,心态是居高临下,把用户当傻帽,“我不要你觉得,我要我觉得”,用户付费了,用户用脚投票。
所以应用“更多”原则,深层次的逻辑是,对你设计的功能,你要把握客户最核心的诉求。
“增之一分则太长,减之一分则太短。着粉则太白,施朱则太赤。”
在恰到好处和画蛇添足之间,就是你能力的体现。
有些同学说,我们是一个ToB SaaS软件,客户需求来了,非常合理且有价值,减不了!
面对琳琅满目甚至左右矛盾的客户需求,工期压力又紧,老板脑袋拍的震天响,老子哪里有空考虑什么更多哎,不如一股脑堆在页面上,大家一起来用吧。看上去显得我们产品还特别的专业!
说的没错,“有些同学”已经在客户的毒打中长进了。
N多产品都是这样,表面上衣着亮丽,裤裆里全是破洞、在高速增长和产品理念之间摇摆,
最终的结果嘛,在理想和恰饭之间,基本都选择了后者,可以理解。
希望你做任何优化前,多看看、多问问,多想想。
“少做点开关”吧。
至此一阵愧疚、这么多年来,也向用过我设计产品的用户说声抱歉,你们辛苦了!
三、图形化语言
最后谈一个大家喜闻乐见的原则,应用图形化语言设计产品。
什么时候用图形化设计?
先考虑2个方面:
1)使用图形化能提高认知
用图标、插图、图表、图形化设计能减少用户认知障碍,一目了然,值得做。
但设计要精准,不要让客户产生困惑:看上去像××,用起来又是××。
2)使用图形化能提高效率
用图形化设计方案,能有效提升原有某设计使用效率,且为业界通识,值得做。
比如复杂功能的向导、复杂流程的编辑器等。不采用图形化方式,是落后生产力的体现,那就别凑合、必须做。
在产品中如下模块增加图形化设计,可以集中体现“一致性”原则,如菜单和工具栏、按钮和图标、提示信息等。
也给用户一个精致有序、细节到位的感觉。
在产品中如下模块增加图形化设计,可以有力践行“更多”原则,化繁为简,如监控、报表、SOP流程、应用管理、任务向导、编辑器等。
从大量用户反馈中提炼和沉淀,以图形化语言呈现产品核心逻辑,可以打造你产品独特的调性。
换句话讲,当你带着你产品给客户演示时,最自得的部分,应该就出在这里。
“有些同学”们走到这一步,塑造精品,好好打磨,段位自然又升高了不少。
最后的最后,2B SaaS软件中,相较2C产品,有哪些值得学习的地方?
非引战,我觉得目前的大部分2B SaaS软件,除基本满足用户诉求外,还无法做到从产品设计本身来操控用户心智,引导至有利于厂商利益的层面上来。
我们常说的“贪嗔痴”,在大部分2B SaaS软件中,反而是极力避免的事情:就希望客户按部就班不越雷池一步。我随便瞎举几个例子:
- 吸引用户UGC,释放内容生产力
- 用户黏性与等级
- 场景化的产品方案,下沉到客户场景组织产品运行模式
- 功能、应用的个性化叠加推介
- ……
仍须努力,大家一起践行啊。