当前位置:首页 >> 热点

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

娱乐

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


{dede:include filename="menu.htm"/}