由于设计师们使用一系列相似的用户界面设计模式、雇佣卡片和卡片式布局,甚至使用相似方式获取新的邮件用户,2016年营销型网站也许会开始看起来越来越相似。
通常网络设计上的变化是由网站使用上的变化导致的。今年,移动网站的使用将带动几乎这个名单上的所有趋势。设计模式将给购物者提供相似和方便的购物经验。卡片布局在智能手机上和在大屏幕上的效果一样好,并且即使是动态内容也可以通过设备来改善体验。营销型网站的建设会有如下的5个趋势。
1. 常见的用户界面设计模式
在软件开发中以及通过外延营销型网站设计和开发,一个设计模式可以再次用于解决某个常见的问题。正如如何制作一个易于在智能手机上使用的导航菜单一样,用户界面设计模式,更具体地来说,是应对常见用户界面挑战的可能的对策。
在过去的几年里,某种意义上来说,网站设计者们已经固定在一些广泛使用的设计模式上。对于在智能手机上或者依托于类似Bootstrap或是Foundation这类的CSS框架的响应式设计上展现,情况尤其如此。
设计模式的连续性的这种趋势对于营销型网站设计也会产生两种可能的影响。
首先,网站会看起来非常相似。网页设计在主题上将会有多种变化,而不是截然不同的布局。
其次,购物者也许会发现营销型网站间的相似性会使得使用和操作更加简单。遵循这些模式也许会有助于创造更好的购物体验,特别是在移动设备上。
作为这个趋势的一个案例,在智能手机上查看上图的营销型网站:Chuck Levin’s,一家线上的音乐商店;Collared Greens,一家服装店;以及Di Bruno Bros,一家美食店。注意每个网站会有一个“汉堡”菜单,特点是在界面顶端有三个水平线。每个网站在放大镜图标之后的页眉有搜索,并且每个网站在页眉有一个购物车图标。并且所有三个网站会显示一个特色商品的图示。
在今年,有望更加频繁地看到常见用户界面设计模式。
2. 卡片及卡片式布局
在网站设计术语中,一个“卡片”压缩了图像、文本以及与单个话题相关的其他资源。卡片是以一种既养眼又易于使用的方式来组织不同话题的一种方式。卡片布局也非常适合响应式设计。
实际上,卡片是上述描述的一种设计模式。这个特定的模式也仅仅是刚刚开始升温,如果2016年你将会而且也能够使营销型网站设计变得更加普遍。
作为背景,卡片和卡片式布局出现于几个不同的设计指导方针里,但是他们作为一个包含在在谷歌材料设计(因此也在安卓)里的组件也许已经帮助推动了这个设计模式的普及。
可以找到很多这样的电子商务的例子。在Lord & Taylor网上,卡片被应用于特色类别或产品。
同样地,Rejuvenation 以大型产品形象为特色,使用卡片式布局来组织它的主页。
还有最后一个例子,Belk在各种各样的超值商品上使用卡片。
3.弹出式和干扰式推销
所谓的弹出式广告也许是最令人讨厌的在线推广形式之一。20世纪90年代第一批弹窗开启了带有广告甚至整个网站在内的新的浏览器窗口。许多弹窗都是欺骗性的。顾客通常很讨厌这些广告。弹窗拦截服务变得越来越常见,而且不久以后网络浏览器也会拦截这些骚扰广告。
有趣地是,这种类型的干扰式推销在网站设计中正卷土重来。在其目前的形式里,弹窗是一个模式,通常为了换取加入一个邮件列表或者遵循这个网站的各种社交媒体的配置文件而提供折扣。
动力是电子邮件营销是在线卖家可获取的最有力的工具之一。市场营销者获悉,如果他们能够得到更多的电子邮件用户,他们可以得到更多销售额。因此,好像他们用尽一切办法来吸引用户。
在今年,这些弹窗会变得很常见以至于三分之一的国家零售联盟的顶级零售商会使用它们。你访问网站的时候也许弹窗不会每次都出现。在某些情况下,你将得采取一些类似于卷动的行动来展示这个模式。
4. 大型摄影和视频
“一张图顶一千个词”,并且一个视频也许顶几百万字。在今年营销型网站会以大图和越来越多的视频为特点。而且,如何让这些丰富的材料被用来在所有平台上提高网站性能,设计师和开发商对此持乐观态度。观察营销型网站上的大图的案例,你不需要看得太远。打开Best Made网站,你会看到一张视野开阔的生活照。
5.动态视图
许多(如果不是大多数的话)在线商店会展示动态的产品或者产品列表,意味着它们被展示在服务器上并且被输送到用户浏览器上。当顾客改变一个选项或过滤器,浏览器会联系服务器然后获取一个新的动态界面。
注意这个在今年会发生改变,因为更多的网站开始使用基于JavaScript 和Ajax的动态视图。要想查看一个令人信服的例子,访问JadoPado网站并搜索一些东西。注意有了每一个新的按键,页面上展示的产品会产生动态的变化。