编者注:本文最初由 Web Marketing Today 发表。Practical Ecommerce 于 2012 年收购了 Web Marketing Today。2016 年,我们将两个网站合并,以 Practical Ecommerce 作为继承者。
网页设计趋势并非一成不变,而是不断变化。以下是你预计将在 2016 年看到的六种新趋势。
1. 旋转横幅的消亡
在过去几年里,许多网站利用旋转横幅在主页上提供图像、动态效果和內容,同时避免在用户首次浏览时因信息过多而造成负担。然而,越来越明显的是,人们往往注意不到这些横幅,因此会跳过其中的内容。
研究表明,由于在线广告的饱和,大多数用户中出现了一种被称为“横幅盲区”的现象。预计这些横幅将被全屏背景或视频所取代,后者侧重于为访问者提供整体背景信息,而非试图传达具体信息。
预计旋转横幅将被全屏背景或视频取代。
2. 融合移动端与桌面端的设计模式
许多公司在过去一年中推出了响应式网站,以确保用户在台式机、平板电脑和移动设备上获得一致的体验。如果 2015 年是移动增长之年,那么 2016 年将是把通常见于移动设备的元素与桌面设计相融合的年份。
这种趋势已经在像Squarespace这样的DIY网页设计平台上初现端倪,其通过采用传统上仅用于移动端的导航方式——即“汉堡”菜单(该图标由三条水平线组成)来实现。如果你的目标是将用户引导至少数几个页面,而其余所有页面均为次要页面,那么这种技术会非常有用。
Squarespace 在桌面版和移动版中都使用了移动端导航。
然而,这也存在风险,因为研究表明,部分用户并不将汉堡包图标识别为菜单按钮。你可以通过添加“Menu”(菜单)一词来解决这个问题,使图标的用途更加显而易见。
3. 长滚动页面
“首屏以上”(above-the-fold)这一术语源自报业,指无需打开报纸即可看到的内容。
这一概念多年来一直主导着网页设计,但随着响应式网页设计的兴起,许多人正忽视这一谨慎做法,转而采用需要滚动的网站设计。
Mac Pro 网站采用了长滚动设计。一个动画箭头指示还有更多内容可供查看。
由于涌现出无数专为单页使用而设计的 WordPress 主题,长滚动网站变得尤为流行。不幸的是,我们目前还不能完全放弃这一概念。
虽然网站访客会滚动以查看更多内容,但他们需要一个令人信服的理由去这样做。这意味着要使用设计元素或叙事技巧来表明首屏以下还有更多信息可用。
(值得注意的是,Nielsen Norman Group的一项研究显示,视口上方(above the fold)的元素比视口下方(just below the fold)的元素多被观看102%。)
4. 动画与微交互
随着许多网站减少使用 Flash,设计师开始寻求继续实践动画效果的方法。
CSS 不断演进,使得许多原本仅支持 Flash 的动画在 CSS3 中实现了跨浏览器兼容。这些小型动画为设计师在网站中加入更多“微交互”铺平了道路。
微交互是指由网站访客发起的小动作,它会触发某种动画或动态效果,从而向用户提供反馈。微交互的例子包括:注册表单通过颜色变化来指示密码强度,或者点击“更多”一词时展开一段文本。
此注册表单使用微交互来指示密码强度。
许多网站已添加此类元素,以帮助用户与网站互动并获得对其操作更清晰的反馈。如今实现动画和交互变得更加容易,预计会有更多设计师开始探索将动画和交互融入网站的方法。
5. 模板化设计
一个负面趋势是,由于低成本模板的普及,许多网站除了颜色和图形不同外,外观惊人地相似。
例如,拥有大型“英雄”图像(即醒目地放置在网页上的大幅横幅图像)以及位于该图像下方的三个较小功能模块,已成为许多网站的标配,以至于这些模式开始失去其效果。
模板化设计主题已失去其有效性。
为了在视觉上脱颖而出,许多网站采用了全屏英雄图片或视频背景,但这很容易导致用户将某个网站与其他采用相同技术的网站混淆。
因此,在设计你的网站时,应避免陷入反复套用类似模式的陷阱。
6. 更深入的内容聚焦
企业正寻找方法将高质量内容推向前台,以提升用户参与度。
公司不仅开发更多的文字供用户阅读,还专注于用户主动搜索的内容,例如展示如何最佳使用其产品的“解释性”视频。其他形式的内容还包括白皮书、案例研究、信息图表、研究报告,以及在下方示例中的食谱。
最终目标是为用户提供他们正在寻找的信息,从而提升品牌忠诚度和好感度。这也意味着网站设计需要进行调整,通过使用更大的字体或创建允许用户请求内容的落地页,来提供更好的阅读体验。

