1,信息组织架构 |Information Architecture
良好的信息组织架构使你的官网清晰明了,用户打开网站后,能够快速形成明确的逻辑关系(当然是你希望的逻辑关系),另一方面,使你的用户快速找到感兴趣的内容。一般情况下,企业想展示的内容和用户想看的内容,总是存在或多或少的矛盾。
2,独特的销售主张|Unique Selling Proposition
USP是企业销售上的一个主张,它可以是一种解决问题的方式、一种超越对手的产品服务、一种个性化的产品理念等等。它是把你与你的同行区分开来的一个决定因素,强调品牌的独特性,告诉大家你的品牌是独一无二的。一个完整的企业官网USP至少包括三个部分:
主标题,用一句话阐述你的USP,要求简单直接并尽量让人容易记住,通常在页面第一屏的上部或者中间,用大字体突出,使得用户一进网站就能明确看到,并产生共鸣。
强化声明是用来强化主标题的表现力的,好让这个USP看起来更有说服力。一般可以从正面阐述企业做出的一些直接的、正面的,用来支撑USP的描述,比如研发和产品优势等。也可以从侧面来印证,例如产品所获得的认证以及荣誉等等。
结论,再次强调一下自己的USP,一般可以位于页面结束部分,强化整个页面对USP的表达张力,再次提醒客户你的核心优势,避免中间过多的阐述让他忘记我们的USP。
3,适合的配色 |Color Scheme
主题配色是一个包括多个协调颜色的集合。官网的主题配色会形成对企业品牌的视觉认知,而且需要与企业的整体市场宣传形象保持统一。主题配色不强调出挑,强调协调,与页面元素的协调,与企业Logo的协调。
值得注意的一个趋势是越来越多的企业官网不再使用“old color”,而是选择一些富有现代感、设计感的“new color”。
例如同为蓝色,就有着众多的不同变化。
4,引导页 |Landing Page
引导页/登录页是指用户通过搜索、点击广告、分享渠道等方式进入网站后的第一个展示页面,这个页面可能是主页、产品类型页、产品详情页、关于我们等等,取决与产品的性质以及网站推广的策略。一般Landing Page会有明确的目的,比如:引导用户继续深入访问。引导用户直接购买产品或者服务。获取用户提供个人信息或者是注册。让用户分享或者评论。
例如当用户收到朋友分享的这样一个带三维体验的产品页时,与页面三维元素的互动行为可以引导用户操作,并增加停留时间。
5,面包屑导航 | Breadcrumb
面包屑作为用户寻找路径的一种辅助手段,能方便他们定位和导航。面包屑可以减少的用户返回上一级页面的所需的操作次数。具有临时性,动态性,占用屏幕空间小,干扰性小的优点。
6,大片级产品描述 |Big Images & Short Videos & 3D
企业官网除了介绍企业,传递品牌理念之外,介绍主要产品是其主要目的。因此,页面上产品自身的表达力,显得尤其重要。在产品描述上,可以使用下面几种方式:
大图(Big Image),以苹果为代表。高清、精致的产品图
产品3D展示
短视频
以简短的视频、动画方式介绍产品的特性、卖点。视频不宜过长,切记不要一进入网站就自动播放。
7,用户行为召唤 |Call To Action
用户行为召唤是页面完成转换的主要目的和手段,在用户浏览你的官网之后,你会希望用户去做一些动作,比如注册、申请产品、试用产品、打电话等等。从视觉设计角度值得注意的是Call-to-action的按钮设计,比如留白、动态效果、视觉突出等等。
从内容逻辑角度,Call-To-Action应该要安排在合适的位置,上下文要有内容和逻辑的关联,比如下面用户体验了文物模型后,还想看看其他行业的模型展示。
8,卡片式设计 | Card-based Design
卡片式设计实际上是一种信息的重新排版方式,把成组的信息放置在不同形状,不同大小的卡片中显示。不仅在视觉上能给用户以清晰、条理的体验,而且给用户清楚的认知,什么样的信息在什么地方,从而大幅度地提高用户的阅读效率。
但是,太多的卡片也会给用户造成困扰,甚至形成对“信息密集度“的恐惧感。使得用户逃离你的网站。另外,卡片式设计更需要考虑对移动设备的友好性。
9,页脚导航 | Repeat Navigation In The Footer
页脚的导航是很容易被忽略的部分,但是合理的页脚导航有助于整个网站阅读逻辑的畅通,减少用户跳出率,引导用户访问更多。随着主导航越来越趋于精简,页脚导航的作用也越来越多。
对页脚内容的连接和信息进行分类组织会给人感觉比较好。比如把联系方式、友情链接、服务、社交网站和一些你流量最大的内容分成几列(或几行)。给每个部分起一个标题,这样方便查看。
10,客户证言 | Customer Testimonials
一般采用客户评论、客户反馈等方式来表达,这是一种说服力非常强的表现手段。
需要注意的是,之前流行的加客户头像的做法已经不再流行了。而且,用名人证言也需要仔细筛选。
另一种国内更常见的做法是客户墙,如果你的企业服务过行业内的典型客户,对其他客户将是一个重要的示范效应。
11,响应式设计 | Responsive Design
Responsiv Design让你的企业官网“一次设计,普遍适用”。一方面,不论用户使用手机设备,平板设备,桌面设备,访问你的官网,都能得到大体一致的视觉体验和操作体验。另一方便,代码的维护、网站内容的维护更新也简单许多。
值得注意的是,除了页面的Layout布局样式,内容的适应性也十分重要。例如若干年前流行的Flash互动,在mobile上得不到很好的支持。如果你的官网内容有3D内容,更需要注意。
近年来,随着移动设备数目超过PC,之前所提的“兼容移动”已经进化成“移动优先”。