《数码瑰宝:源码》预定已打破1000万,里程碑福利晋级加码!

娱乐 6℃

现在的企业互联网设计行业,即使是网站在校学生 ,也知道用户旅程地图(CJM)、设计师基信息架构、本功商业画布 、修炼价值主张 、企业SWOT分析这些,网站稍微有点经验的设计师基设计师,还会知道Heart 、本功GSM、修炼AARRR 、企业双钻模型、网站福格模型这类更流行的设计师基设计思维模型 。如果把这些称为"屠龙之术"的本功话 ,那么"如何设计一个页面"这样的修炼问题就是"解牛之术" ,其实基础的东西才是我们日常工作中的常态 ,让我们攀上高峰的不是各种技巧 ,而是熟练的基本功 ,从基本功中寻找到设计本来的规律,就像"庖丁解牛"中的说的一样 ,"道也,进乎技"。

企业网站设计师基本功修炼记(图1)

现在,就来聊聊"如何设计一个页面"这样的基本功 ,尤其是在销售导向的场景  ,比如电商卖商品 、互金卖理财贷款这类场景 。

在这类场景中 ,有个最容易被大家忽视的问题就是内容设计,因为大家更关注一些导航、交互框架 、动效、组件等等。其实在这类业务场景中,用户更关注内容,比如产品参数 、型号 、价格,理财收益率和期限等等这些内容。

其实内容设计  ,也是有规律的 ,老D把这个规律归纳为五个要素:目的 、信息 、组织、模式、表现 。每个要素起到的作用 ,如下图所示 ,请旋转手机至适合观看位置。

企业网站设计师基本功修炼记(2)

这图画完了发现 ,好像是直接竖着画插入到文中就可以手机竖屏观看了 ,不过我懒的改了,哈哈 。

从左往右,是业务想通过内容来影响用户,是传递;

从右往左 ,是用户被信息影响的路径,是接收;

对照一下图中红色圆形标注的1-2-3,是不是你的需求方给你提需求的时候 ,经常这个地方都是漏掉的 。一般都是"我要凸显产品的价值点1-2-3,我的文案是blablabla ,要符合我们品牌的调性",至于内容之间的联系是啥 ,怎么组织起来,是不是都是没有的。

看完了上图 ,你就能够明白,为什么那么多产品和运营策略 ,停留在PPT上是那么的逻辑清晰、激动人心 ,但是真的落实到页面上摆到用户面前,发现用户根本看不懂。因为内容的传递是一个整体的链条,哪个环节断了都不行 。

企业网站设计师基本功修炼记(图3)

除了文字、图片等可见的内容以外,另外一些品牌 、情感的内容也是这样的道理 ,比如你总会听到"功能是都有了,但是就是感觉差了点"这类让你不明所以的评论。其实不是评论者故意找茬,而是他的确是这么认为的,只是不能非常准确的表达出来。

类似高级感 、专属感 、科技感等等,这些整体的感觉不是虚无缥缈的,一定是可以通过专业的方法达到的,因为用户都是通过眼睛看到的东西 ,再加工组合 ,最后得出一个判断,这是人类的认知原理。只要你懂得用户本身的认知习惯,有一定的信息素材,通过合理的组织和引导 ,就可以达到影响用户态度的目的。比如 ,大多数人对动效都有偏爱,如果你在演讲PPT上或者是产品界面上加了动效以后 ,用户一开始就会认为"哇 ,好厉害,好专业" ,这也是一些设计外行但是又有话语权的人(比如甲方  、领导 ,以及甲方领导)总喜欢说要做的酷炫一些。

企业网站设计师基本功修炼记(图4)

用户被吸引,注意到一个页面或是一个海报 ,一定会唤起模式识别 ,用过去的经验去理解新看到的东西,跟按钮相像的东西就会认为是可以点击的,跟输入框看起来类似的东西就认为是可以点击输入的 。

通过模式识别先把内容简化成几块以后,然后再分步去理解加工消化,最后形成自己的判断 。

企业网站设计师基本功修炼记(图5)

然而 ,非常不幸的是 ,很多时候用户形成的判断和我们想给用户传递的是不一样的 。比如我们做品牌设计的时候,是不是套路都是这样的:用户和业务的诉求  ,通常通过一些调研得出一些品牌关键词,然后通过视觉化的方式表达出来 。但是做完了如果再用方案去做一个验证,用户能不能仅仅通过看到的东西就能够get到你想传达的东西,很多时候是不能的,这也就是很多设计过程看似很有逻辑 ,推理了很多,结果最后一看方案 ,根本不是那么回事 。