教你做官网设计的4种方法 官网设计该怎么做?

一个公司的官网可以说是一家公司的门面 , 在用户对公司以及产品没有任何了解时 , 官网是向用户传达信息的重要途径 。 在某种程度上来说 , 官网影响着用户对这家公司及其产品的认知和信任 。 本文从4个方面出发 , 分享了官网设计需要注意的一些问题 , 供大家一同参考和学习 。
官网可以说是企业的门面之一 , 承载了品牌宣传、信息展示、功能输出等等属性 , 是一个大综合产品 , 里面有一些门道值得研究 。
01 官网定位做一个产品 , 首先要从上层确定产品的定位是什么 , 官网也是一样 。 先回答“官网三连问”:
  1. 谁会看官网?为什么会看?
  2. 在什么场景/渠道下看?
  3. 我希望他看完之后怎么样?
根据这些问题答案的不同 , 官网大致可以分为以下几种类型
1. 信息展示型此类官网多用做品牌形象展示 , 是企业信息集中展示的入口 , 多结合品宣、活动推广一起运营 。
所有企业的官网都有企业信息展示型属性 , 力求在用户看到官网后 , 就可以了解到企业的品牌等信息 , 直接促进进一步的沟通交易等延伸场景 。 所以品牌信息在此类官网中可以说是“多多益善 , 形式多样” 。
2. PPT型此类官网一般是b端企业偏多 , 定位官网是“老板的PPT” , 在没有讲解之前是不能准确了解信息详情 , 比如行业资讯、企业发展成果、企业专属称谓等等 。
此类官网一般是和线下推广渠道结合在一起 , 推广人员当面讲解隐藏信息 , 直接推动业务 。
3. 综合型此类官网包含交易模型 , 附属信息展示属性 , PPT属性 , 是企业信息宣传、业务承载的综合体 。 “此官网非彼官网” , 更像是在公司主产品内 , 加入几个单独的信息展示模块 , 附带传统官网能力 。
随着web技术的不断完善 , 更多的公司重新选择B/S结构作为主产品架构 , 进而更多的官网属性和主交易产品被设计在一个入口下 , 综合型官网是目前的主流选择 。
【教你做官网设计的4种方法 官网设计该怎么做?】从企业产品矩阵角度看官网 , 能为官网定位更多的产品属性 , 比如连接业务产品、线索入口、加盟入口等 , 可以说“没有业务的官网都是内耗资源” 。 官网定位是一个前台产品直连用户 , 这决定了官网可以承担增加用户粘性 , 辅助业务交互体验的角色 。
02 信息准备官网定位清晰后 , 就可以准备官网的信息 , 这里面包含两个环节:
1) 信息汇总
2) 信息展示
1. 信息汇总直观印象官网的信息大部分来自企业内部 , 这完全是个误解 。 好的官网是在所属行内有影响力 , 做行业信息输出 。 如果没有那么高的段位 , 至少做到由行业出发 , 结合本企业做个性化调整 。 所以准备官网信息 , 首选需要置身行业 , 整理行业的信息 , 站在“面”得角度看 , 可以提升官网的深度 。
收集企业内部信息的时候 , 需要基于需求出发 , 或者基于需求做信息处理 。 每个部门角色对官网的期待不同 , 也就是需求不同 , 整合需求和信息的对照表 , 结合企业阶段目标 , 做信息有效性和优先级排序处理 , 进而确定官网信息展示优先级 , 以指导后期的版本规划及页面优先级排列 。
2. 信息展示考虑信息展示 , 首先确定官网想给谁看 , 谁会看 。 想给谁看对应着推广渠道 , 不同的渠道受众不同;谁会看对应着用户的划分 , 包含种类、等级、分布等等层面 。 对不同角色要展示的信息以及信息的模块是有很大差别 , 即便是c端产品也不要奢求让所有人能看懂每一个信息 。
第二部分决定信息展示的是场景 , 不同用户在什么时间 , 什么场合 , 什么需求背景下会看官网 , 进而决定了官网的展现形式 , 如pc还是m , 图片还是视频 , 一步展示还是分步展示等 。
很多官网会自成产品矩阵 , 比如延伸活动页面矩阵、嵌套多个前置广告页面 , 开通多个子官网 , 信息属性和产品玩法结合思考 , 同步推进 。
03 产品小套路产品展现层的内容 , 是根据以上的信息分析处理的决定的 , 官网的基本形式已经趋同就不再赘述 , 这里只说一些小套路 。
1) 能动就不要静 , 能用图就不用字
根据对注意点的研究结果 , 显示人对运动物体的注意力强于静止物体 , 对图的注意力强于文字 。 基于这个理论 , 官网里面的重要信息最好采用图片或者动态的方式展示 , 设计用户的注意力的走向 。

推荐阅读