大数跨境

2014年电商网站设计时尚趋势

2014年电商网站设计时尚趋势 俄区通
2014-02-12
2
导读:随着越来越多的网络零售商致力于提升移动端的客户服务体验,2014年有望迎来众多网站的重新设计。
随着网络零售商日益重视移动客户服务,2014年将迎来网站重新设计的高峰。预计更新后的网站将借鉴娱乐、新闻门户及移动应用的流行趋势。
Magento、Shopify 或 WooCommerce 等电商平台显著影响网店设计,可能使迎合最新潮流的重设计流程变得复杂。
然而,秉持“不坏不动”策略的商家在2014年将不得不升级,因为移动流量占比持续攀升。预测显示,今年移动互联网使用量将超桌面端,移动电商规模或占整体网零售额的30%。鉴于业务向移动端发展,网站也将遵循其他重要网页设计趋势。
1. 响应式设计
2014年,推动电商设计的主要力量是移动性,但桌面用户不会被抛弃。作为已确立的趋势,响应式设计将继续普及,帮助零售商根据设备提供优质客服。
基于 CSS Flexbox 实现。
作为自适应设计的子集,基于 CSS Flexible Box Layout Module(弹性盒子布局模块)的网站值得关注。W3C 标准确保了良好的跨浏览器兼容性,支持 Chrome 31、Firefox 25、IE 10、Safari 7、Opera 18、iOS Safari 7、Android Browser 2.1、Blackberry Browser 10 和 IE Mobile 10 等。
不熟悉该模块的读者可参考:css-tricks.com 的《A Complete Guide to Flexbox》、Mozilla 开发者网络的《Using CSS Flexible Boxes》及菲利普·沃尔顿的《Solved by Flexbox》。
2. 对触摸屏友好的界面
聚焦移动设计将在2014年催生更友好的触摸屏界面,因多数智能设备用户通过指尖或触控笔交互。
首先,内容滑块数量将减少。虽其能在小屏展示大量信息,但“下一步”按钮过小给手机用户带来不便。
其次,更大的按钮和导航链接即将到来,旨在让顾客浏览网站导航树和跳转链接更轻松。
3. 扁平化设计
Windows 8、iOS 7 及众多流行网站体现了扁平化设计。该风格避免阴影,强调鲜艳色彩和创意字体。
目前该趋势优势明显:简化UI更易实现响应式适配;图形元素文件体积小,加快加载速度,成为此类网站的显著特征。
允许搜索分享亚马逊商品的 Canopy 网站,是在线商店应用扁平化设计的佳例。
Canopy 网站。
4. 单页展示更多内容
2014年,设计师将通过至少两种方式在单页添加更多内容。
快速预览功能将更受欢迎,允许顾客在不离开分类页的情况下获取商品额外信息,这对移动客户尤为便捷,无需加载新页面即可了解详情。
同时,页面将变长,甚至采用类似 Pinterest 的“无限滚动”模式。
5. 有趣的字体
近年来网络排版技术蓬勃发展,2014年这一趋势不会放缓。
更多网站将使用定制专属字体以传达品牌风格。访问 Free People、Design by Humans、Afends 或 Yellow Bird Project 等电商网站,可了解此类排版的应用效果。
Сайт Free People.
6. 令人惊叹的大型图形
尽管移动互联网普及,大型图形元素仍与屏幕尺寸密切相关。通过开发投入,设计师能提供匹配设备屏幕的大尺寸图形。
在触摸屏界面开发中,包含商品链接的大图形元素颇受欢迎,这也是该趋势持续发展的原因。例如 Born、Hagger 和 Tommy Bahama 等网站。
7. 视频及类似的信息密集型内容
去年移动视频观看量几乎翻倍,表明消费者不排斥在平板或手机上观看视频。
视频为零售商提供了推广实用内容和商品详情的极佳渠道。越来越多零售商将内容营销纳入流程,在商品描述中加入视频及其他丰富内容形式。
翻译:列昂尼德·佩莱尼齐纳
Источник: practicalecommerce.com
【声明】内容源于网络
0
0
俄区通
俄区消息站
内容 822
粉丝 0
俄区通 俄区消息站
总阅读182
粉丝0
内容822