编辑导读:一个公司的官网可以说是一家公司的门面,在用户对公司以及产品没有任何了解时,官网是向用户传达信息的重要途径。在某种程度上来说,官网影响着用户对这家公司及其产品的认知和信任。本文从4个方面出发,分享了官网设计需要注意的一些问题,供大家一同参考和学习。

  官网可以说是企业的门面之一,承载了品牌宣传、信息展示、功能输出等等属性,是一个大综合产品,里面有一些门道值得研究。

小技巧-设计思考:如何做好官网设计?

  做一个产品,首先要从上层确定产品的定位是什么,官网也是一样。先回答“官网三连问”:谁会看官网?为什么会看?在什么场景/渠道下看?我希望他看完之后怎么样?

  根据这些问题答案的不同,官网大致可以分为以下几种类型

  此类官网多用做品牌形象展示,是企业信息集中展示的入口,多结合品宣、活动推广一起运营。

  所有企业的官网都有企业信息展示型属性,力求在用户看到官网后,就可以了解到企业的品牌等信息,直接促进进一步的沟通交易等延伸场景。所以品牌信息在此类官网中可以说是“多多益善,形式多样”。

  此类官网一般是b端企业偏多,定位官网是“老板的PPT”,在没有讲解之前是不能准确了解信息详情,比如行业资讯、企业发展成果、企业专属称谓等等。

  此类官网一般是和线下推广渠道结合在一起,推广人员当面讲解隐藏信息,直接推动业务。

  此类官网包含交易模型,附属信息展示属性,PPT属性,是企业信息宣传、业务承载的综合体。“此官网非彼官网”,更像是在公司主产品内,加入几个单独的信息展示模块,附带传统官网能力。

  随着web技术的不断完善,更多的公司重新选择B/S结构作为主产品架构,进而更多的官网属性和主交易产品被设计在一个入口下,综合型官网是目前的主流选择。

  从企业产品矩阵角度看官网,能为官网定位更多的产品属性,比如连接业务产品、线索入口、加盟入口等,可以说“没有业务的官网都是内耗资源”。官网定位是一个前台产品直连用户,这决定了官网可以承担增加用户粘性,辅助业务交互体验的角色。

  官网定位清晰后,就可以准备官网的信息,这里面包含两个环节:

  1) 信息汇总

  2) 信息展示

  直观印象官网的信息大部分来自企业内部,这完全是个误解。好的官网是在所属行内有影响力,做行业信息输出。如果没有那么高的段位,至少做到由行业出发,结合本企业做个性化调整。所以准备官网信息,首选需要置身行业,整理行业的信息,站在“面”得角度看,可以提升官网的深度。

  收集企业内部信息的时候,需要基于需求出发,或者基于需求做信息处理。每个部门角色对官网的期待不同,也就是需求不同,整合需求和信息的对照表,结合企业阶段目标,做信息有效性和优先级排序处理,进而确定官网信息展示优先级,以指导后期的版本规划及页面优先级排列。

  考虑信息展示,首先确定官网想给谁看,谁会看。想给谁看对应着推广渠道,不同的渠道受众不同;谁会看对应着用户的划分,包含种类、等级、分布等等层面。对不同角色要展示的信息以及信息的模块是有很大差别,即便是c端产品也不要奢求让所有人能看懂每一个信息。

  第二部分决定信息展示的是场景,不同用户在什么时间,什么场合,什么需求背景下会看官网,进而决定了官网的展现形式,如pc还是m,图片还是视频,一步展示还是分步展示等。

  很多官网会自成产品矩阵,比如延伸活动页面矩阵、嵌套多个前置广告页面,开通多个子官网,信息属性和产品玩法结合思考,同步推进。

  产品展现层的内容,是根据以上的信息分析处理的决定的,官网的基本形式已经趋同就不再赘述,这里只说一些小套路。

  1) 能动就不要静,能用图就不用字

  根据对注意点的研究结果,显示人对运动物体的注意力强于静止物体,对图的注意力强于文字。基于这个理论,官网里面的重要信息最好采用图片或者动态的方式展示,设计用户的注意力的走向。

  2) 内容有限,交互来凑

  当展示内容有限的时候,可以通过增加交互的方式“骗”用户。

  把功能大致的划分为实际功能和页面功能,实际功能就是真实的数据流转,页面功能是在前端操作但不影响数据的动作。页面的一些交互设置,可以增加用户使用的沉浸感,让用户感觉做了多个操作,实际后台没有数据流转。最常见的就是增加转场动画、设置可以无限点击的“快感小按钮”比如多次点赞等等。

  交互方面,不要有交互的死胡同,能点进去但退不出来的体验非常不好。

  3) 页面间可以来回跳转

  观察很多官网,页面数量其实很少,但给用户的感觉是页面非常多,简单的说就是“在没几个页面间跳来跳去”,这个我们戏称“耍流氓式的产品设计”。页面设置多个互相跳转的入口,但背后相同的跳转逻辑。

  这样的方式可以使用,但注意产品的纵向跳转深度最好不要超过5层,有数据显示5层过后的体验会骤降,页面流失率会成倍增加。

  跳转可以跳级,这也是个小技巧,一步一动和一步多动结合使用。常见的比如交易前需登录的网站,未登录状态下在交易页面点击下单,会弹出登录页面,操作登录后,是跳转首页呢?还是停留在当前交易页面?

  无论什么类型的官网,无论给什么类型用户准备的内容,多一点人看总是好的,让目标用户能在百度搜到官网是基础,所以说官网一定要做搜索引擎优化,也就是SEO。

  直观顺序是先设计官网,上线后再做搜索优化,常规顺序没有问题。更好的方式是在官网设计的过程中,就要有搜索优化的意识,做搜索优化的准备。

  百度的小蜘蛛来抓取信息,收录词条,提升排名的规则非常复杂而且持续更新,不是专业做搜索相关的公司对其大的方向保持了解跟进即可,对一些产品内提升搜索优化的方式要持续积累。这里罗列一些产品产品层面的优化方式:各页面的TDK必须完整;品牌词、核心业务词需要多次展现;图片最好有alt、title属性;不要出现单一url,主要针对前端VUE框架,把连接都封装在一个url里的方式对搜索优化非常不友好;不能存在低质量或空白页面,减少相似页面出现的概率;面包屑尽量完整,最好有单独的site map页面;404、302页面必须存在;网站导航栏位置要主次分明,蜘蛛抓取习惯为从左向右,因此越重要的栏目靠前,关于我们、联系我们等不作为排名的栏目靠后;产品列表页最佳展示8-10条/页;产品详情页最好有产品推荐;内容资讯模块最好有,这部分占权重比较大,每篇内容中出现5-8次关键词为最佳;

  官网在产品经理心中的地位比较复杂,说大可大,说小可小,大到是公司的核心门面产品,小到可能无聊的只是几个静态页面间跳转。

  但可以确定的是,官网是需要随着企业发展,持续调整价值导向、能力加持。

  本文由 @谢宇 原创发布于人人都是产品经理。未经许可,禁止转载

  题图来自Unsplash,基于CC0协议