--- title: "技术与设计:2017年全球移动电商9大创新趋势" date: 2017-02-23T16:00:00Z modified: 2024-06-18T09:50:44Z permalink: "https://www.tmogroup.com.cn/insights/xhtml5-29946/" type: post status: publish excerpt: "" wpid: 100575 categories: - AI与新技术 - 电商开发 tags: - AI与新技术 - 电商开发 - 移动电商 featured_image: "https://www.tmogroup.com.cn/wp-content/uploads/2024/06/image01-4.jpg" featured_image_alt: 移动电商 timestamp: 2024-06-18T09:50:44Z --- 《2016年中国移动互联网行业发展报告》日前发布，报告称中国移动互联网行业告别野蛮生长，迎来存量掘金时代。此前有专业人士曾预测美国移动电商创新趋势，其中两条即为**由专注用户获取转变为专注用户优化；由专注模式创新转变为技术创新。**在人口红利结束的当下，细分行业与技术创新将是未来移动互联网发展的增长点。 #### **1、更多品牌选择移动端优先设计** 顾名思义，移动端优先设计是首先为移动（或最小屏幕设备）设计的过程，然后处理更大的设备。移动端优先在2016年并不新鲜，并且已经存在了几年了，随着移动电话现在被正式命名为用于浏览网络的主要设备，特别是在英国，更多的公司意识到有一个网站在一个较小的屏幕上有效地提供内容的重要性，并急于赶上这一趋势。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/Mobile-First.jpg) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/Mobile-First.jpg)**** _内容设计适合移动和较小的屏幕设备，然后向更大屏幕的设备工作。_ 除了设计和视觉外，移动优先模型对于品牌真正的价值在于可以获得与客户沟通的核心内容和信息。而大多数情况下智能手机的屏幕比平板电脑和桌面小得多，这限制了用户可以轻松查看的内容量。 这迫使品牌尽可能消除任何不必要的信息或内容，为用户提供额外的视觉效果则需要切换到更大的屏幕设备去体验。 我们的预测：移动端优先不是新概念，但预计在未来一年会有更多网站在更小的屏幕上提供内容，而电商设计的逻辑可能将坚持的从手机端到桌面端，而不是惯常以为的从电脑端到移动端。 ### **2、响应式设计迎来井喷式发展** 你可能在想诸如移动端优先和响应式设计这样的概念已经提出多年，但预计在未来一年能够看到的是更多的品牌，无论大小的品牌，都将建设基于响应的网站。 响应式设计本质上是一种使用CSS自动监测和灵活的布局来构建网站的方法，以创建一个单一的动态网站，重新调整它在不同设备的内容呈现，响应式设计首先与手机端协作。 响应式设计的一个好处在于它允许企业只支付一个站点的建设，有效地提供移动和平板电脑上的内容，一路到笔记本电脑到更大屏幕的桌面。除了成本效益，更多品牌采用响应式设计的原因还在于搜索引擎排名算法的更新。任何未针对移动设备进行优化的网站都会在网上排名上出现重大变化。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/Responsive-1024x467.png) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/Responsive-1024x467.png)**** _响应式设计，内容能够自动重新调整，在不同的设备上显示最好看的界面。_ 除了排名外，有趣的是，用户行为在过去几年也发生变化。互联网用户对移动优化的网站会更有好感，据Experience Dynamics的信息显示，如果没有响应式优化，79％的用户将离开他们正在浏览的网站，并找到下一个。 我们的预测：实施响应式设计的品牌和企业数量将大幅增长，以确保在搜索中实现他们所期望的排名，以及让那些非常重要的客户满意具有用户体验。 #### **3、质感设计进一步发展** 质感设计特征包括卡状布局，响应动画，转换等，于2014年首次在Google的Android设备上推出。 从那时起，质感设计的普及迅速增加。 它已经帮助很多公司建立了自己的品牌标识。 今天，许多网上商店已经在其电商网站上采用了这种设计。质感设计的普及将在2017年继续。这一设计必将对电子商务网站带来巨大的利益。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/material-design.png) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/material-design.png)**** #### **4、从扁平化设计到半扁平化设计** 在过去几年中，扁平设计统治了设计市场，但现在受到质感设计的影响，它的尺寸越来越大。 这种过渡从一些光影开始，使其成为半扁平设计。 扁平设计从简约风格的演变适应新的发展技术。 扁平设计还在，但它已经经历了一些改进。 平滑的阴影增加了深度和复杂性，而不破坏平面设计的感觉。 这是一个新的功能添加到平坦的趋势，并将在2017年继续发展。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/3e284b47810259.58863d0b56c69.jpg) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/3e284b47810259.58863d0b56c69.jpg)**** #### **5、采用更明亮的颜色** 极简主义和野蛮主义的运动在2016年浮出水面，设计师们寻求将更多的个性融入到他们的设计作品中，这些作品仍然适用于那些复杂的美学。 至少在少数情况下，明亮，大胆的颜色成为了自然的答案。它不只是关于明亮，热情的颜色。渐变也以一种大的方式回归，混合和模糊这些丰富的色彩成光谱让人联想到一个中午的天空或飞溅的日落。有一种合成的自然主义，这种明亮的色调和大胆的渐变的出现，在2017年将被大量运用。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/18-web-design-trends-for-2017-Webflow-Blog.png) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/18-web-design-trends-for-2017-Webflow-Blog.png)**** _Instagram图标设计演变_ #### **6、微互动设计将提高数字体验的愉悦性** 在2017年，微互动将越来越多地进入移动应用，随着移动业务的持续增长和移动网络工具的成熟，会产生很多以移动为中心的互动。 例如，触摸和手势相关的JavaScript库现在使您能够创建微妙的动画（如Twitter的移动应用程序上的tweet刷新交互）。移动网络应用程序中的微妙动画也可用于将注意力直接引向交互式元素 ，提供特定于移动的功能等同于在桌面屏幕上使用悬停效果。 微交互将用于提高数字体验的简单性，像调整一个特定的设置或控制一个功能，例如打”喜欢“，或拉下来刷新。 当与简单的手势和微妙的视觉反馈配对，我们几乎没有注意到我们正在执行他们。他们成为我们与我们的产品和服务互动的自然方式的一部分，一种强大的方式与用户一起构建习惯，同时也提供惊喜和愉快。它们可以是您刚刚交互的体验与您喜欢的体验之间的区别。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/web-design-trends-2017-micro-interactions.gif) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/web-design-trends-2017-micro-interactions.gif)**** #### **7、丰富的动画和影片** 随着浏览器和语言变得越来越先进，我们发现越来越多的网站不再使用静态图像，并且寻找新的方式来吸引用户，并且在他们的沟通方式中独树一帜。 故事讲述和个性是越来越多的品牌正在努力捕捉用户的注意力，动画，部分是由于HTML5，CSS和jQuery的发展，开始在这方面发挥更大的作用。 动画，从上面的插图，具有所有不同的形状，大小和样式，并可以用于不同的目的。动画的范围可以从微小的加载设备（其在等待内容加载时招待用户），到用作UX设备的有趣的悬停状态以显示用户悬停在链接上的用户。 它们还可以在更大规模上使用，作为丰富的全屏动画，它可以集成到滚动，导航或用作整个网站的焦点。动画是另一个有用的机制，使品牌能够在自己和用户之间创造有意义的微交互。 [![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/Homer-Hudson-1-1.gif) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/Homer-Hudson-1-1.gif) 毫无疑问，在2017年和未来图像仍然是电商设计中最重要的元素，但是你可能有机会在电商网站看到更多的动画，GIF或电影图。 如果你想给你的客户一个难忘的用户体验，那么，动画和电影可以是伟大的方式做到这一点。 动画和电影图可能会出现在标题中的运动图形演示，背景图片，主页横幅，产品图像等等。因此，要准备好更多的动画和电影图。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/110116-cinemagraph-af04.gif) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/110116-cinemagraph-af04.gif)**** #### **8、配置产品动态化呈现** 我们会看到，在电商网站的产品页常常有一些配置产品，试想一下，如果将其动态化呈现，效果会不会很酷。 ****[![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/inflatable_tents.quechua.com_en_GB_perspective_view.html.png) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/inflatable_tents.quechua.com_en_GB_perspective_view.html.png)、**** [![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/tent.gif) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/tent.gif) #### **9、虚拟现实提升购买者用户体验** VR绝对是2017年的热门话题，尤其是更多的硬件制造商投资技术和生产耳机。看到Oculus，索尼和HTC现在可以购买的一些很好的例子。 虽然这些耳机大多数适合游戏和媒体消费，而不是网络浏览，我们预计看到许多品牌试图在线模仿虚拟现实体验。许多品牌已经为网络创造了更多互动的解决方案，直接涉及到用户。这些经验将行动的中心，从一个第一人称视角观看它，并自由地导航，就像他们实际上在经验本身。 [![移动电商](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/6-web-design-trends-awwwards-image07.gif) ](https://www.tmogroup.com.cn/wp-content/uploads/2017/02/6-web-design-trends-awwwards-image07.gif) 虽然我们期望看到随着时间的推移这些经验的技术发展，许多品牌已经发现聪明的方式利用现有的技术（如谷歌街景和360视频）来创建这些身临其境的体验。由于开发人员已经可以使用多个API进行实验，（Streetview再次成为受欢迎的选项），这些丰富的身临其境的体验对于那些希望构建特殊的东西的人来说变得更加可行。 VR体验也为他们的外观和功能打开了一大堆创意机会。在文体上，这些可能从地球上失去的，异国情景的照片拟真探索，到高度风格化，说明性的太空冒险。使用运动控制技术（例如Leap Motion）也获得了势头，我们很快就会发现自己设计了完全互动的UI，允许用户与这些虚构世界中的手势进行交互。 我们的预测：早期的VR本身，特别是作为消费产品，但我们希望看到许多品牌从技术提供的独特经验中学习。期望看到更多品牌尝试新的和现有的网络技术，创造丰富的体验，把用户放在核心。 #### **总结：** 在任何一个时间，任何创意产业都有100种“趋势”，很难指出每一个，但我们认为上述是2017年及以后更重要的一些核心 。与所有趋势一样，上述几点都是出于好的理由; 因为世界各地的创意和聪明思维者已经彼此学习和借鉴，形成我们今天在网上看到的类似模式。并非所有这些趋势都与您和您的内容相关，但了解行业发生的变化以及您为了开发和进步而能够改进的地方总是有益的。 正如前几年不少模式创新比如团购（Groupon 股票表现不佳）、闪购（Gilt 被 Saks 5th Ave 母公司收购）、会员制（BirchBox 最近裁人）等不是太成功，长久而逐渐意识到通过技术创造价值。探谋网路科技即是一家致力于将最先进的国际化电商架构与中国市场本地化结合的电子商务技术服务公司，在技术和设计的极具前瞻性和敏感性，通过最先进的技术服务为我们的客户创造非凡的价值、效率和竞争优势。