编辑导语:作为设计师，我们也需要不断提升自己，顺应时代的设计潮流。在这篇文章中，作者分享了他以实践经验观察到的主流交互设计要点。感兴趣的朋友来一起学习吧。

大家好。去年我花了半年时间写了《从用户体验分析》系列，获得了很好的关注，也受到了很多读者朋友的鼓励。非常感谢您的支持。

2022年，我观察了一些很棒的作品。作为设计师，我们也需要不断提升自己，顺应时代的设计潮流。

世界正在迅速变化。愿你保持初心，让纷繁复杂的世界如画卷般在眼前展开。

随着移动互联网的发展，原有的PC互联网连接商业支付、购买商品、浏览信息流等能力。已经转移到了移动端，而PC互联网更侧重于其他领域的优势:

更大的屏幕能够包含更多的信息，并获得更深度的沉浸感受，如观影、浏览网页等。通过鼠标、键盘、触控板、手绘板的连接，提供了更多的交互方式，能够执行更加繁杂的工作任务，如表格编辑、程序开发、视频制作、文档书写、图像制图、3D制图等。得益于显卡、CPU、存储、U插槽、显示器等的扩展性，在大型游戏、大型3D渲染、复杂制图上相较于手机端依然有一定优势。从场景（办公场景、娱乐场景）来看，PC端移动性较差，但同时基于该特点，PC端能够更加专注当前任务。模块化、多人协同、多端协同的发展正不断地提升用户的使用体验。

以下是我目前观察到的主流交互设计点，分享给大家。它们是:

无缝体验交互更加高效更加智能化、降低门槛、降低门槛、降低门槛更加模块化更加简洁、甄别关键任务3D动效、大图、带来更深的沉浸感协同合作的兴起一、无缝体验

典型的案例就是苹果的Mac系统和Ios系统越来越相似，都采用了卡片式和模块化，整个交互规范和视觉体验一致，实现多终端合一。

同时信息可以自由流动:比如在同一个苹果账号下，在Mac和IOS中复制的信息可以同步粘贴。备忘录、日历、提醒事项和录音中的信息可以循环使用，并且可以在任何Mac上登录Apple帐户后进行同步。

在国内，哔哩哔哩的网页和App的体验逐渐趋同，框架设计更加卡片式化、扁平化。

在信息流中，手机上暂停的视频在网页上继续播放，实现无缝切换。

淘宝之家:从过去繁杂的信息流导航到现在更加简洁的个性化推荐卡。整体体验与淘宝手机一致。

第二，互动更高效。总结:精简无关信息，关注最重要的核心任务，减少用户跳转，沉浸式流程设计。

1. 登录方式更加高效

很多网页接入腾讯和阿里的生态，支持扫码关注微信官方账号/手机验证码完成注册。免去了编辑个人信息、输入邮箱、密码等复杂的交互过程。

2.减少页面跳转流量体验设计是近年来非常流行的一个词，指的是优化用户体验，让用户沉浸其中，高效完成目标。

这就要求产品的交互习惯符合用户的使用习惯，交互过程符合用户的预期。过于频繁的弹出中断和页面跳转的等待时间会影响用户的流量。

举个例子，比如对书的审批，不需要跳转到审批明细。点击卡片，左侧会弹出详情页弹出窗口。用户可以在同一页面浏览信息，无需跳转到新页面查看，方便用户完成批量审批任务。

再比如:阿里云，开通服务时不需要跳转，而是在侧面弹出订单弹窗，方便用户操作。

3.交互组件的可用性迭代不再局限于大的弹出窗口。如上所述，频繁的弹窗提醒也会影响用户的流量。当用户删除表单和画布中的内容时，如果使用全屏秒提醒弹出，会感觉创作过程被打断。

钉钉:对于卡片画布产品，删除时不局限于大弹窗，而是靠近按钮的小弹窗，使鼠标滑动路径更短，操作更容易；并且在不太打扰用户的前提下，完成目标操作。

第三，更智能，降低门槛，降低门槛，降低门槛的复杂度。守恒定律是拉里・特斯勒在1986年提出的，也被称为泰斯勒定律。任何系统都有其固有的复杂性，无法简化，只能调整平衡。我们要考虑的是如何更好的处理，让用户简单高效的使用。”

在许多中后台系统中，有许多形式多样的配置项。能否简化这些配置项，让平台更简单、更智能？

很多时候答案是否定的，过分追求简单化往往弄巧成拙。函数逻辑易于解释和理解，是一种较好的解决方案。当你试图简化和降低复杂度的时候，你可能会被埋没在别的地方。

解决方案之一是把复杂性转移到系统上，苹果的黑盒理论与之沟通。即用户不需要了解系统或功能背后的实现逻辑，只需要关注呈现给用户的交互界面。

如今智能数据处理不断发展，我们也看到了智能在PC端领域的应用。

1. 剪映

与老的视频剪辑软件相比，剪辑更简单，并提供各种在线特效模板，以降低任务的复杂性。与传统的PR和AE软件相比，将预置文件存储在本地或手动编辑要简单得多。

用户不需要了解实现背后的技术原理，也不需要掌握太多的特效制作和配色技巧，就可以完成视频剪辑和配色。

2.钉钉应该是基于画布推荐组件功能:构建流程时，用户不需要从左侧组件区拖拽组件，而是点击连接线中间添加组件。

如果可以，其实可以更进一步，即根据后台数据分析，创建目标流程需要的组件，并主动向用户推荐相关组件，降低用户创建的门槛。

四、更模块化随着传统业务向互联网转型越来越普遍，线下业务流程走向线上的需求场景也越来越多。单一系统无法完全满足所有业务场景的需求，因此需要更加灵活、模块化的系统，针对不同的应用场景应用不同的产品架构。

系统中的功能框架和交互组件可以重用，因此更加灵活、模块化和可自配置的系统后台越来越受欢迎。

1. 飞书、钉钉易搭

飞书和钉钉的审批流程、会议系统、工单系统都可以通过模块化组件高效搭建，像搭积木一样无需代码就能实现用户的定制需求。

2.天猫优品阿里针对天猫优品电器店的线下门店设计平台，梳理了16个模块(前台、小家电岛、洗衣机、橱窗、空色调、吧台等)。)线下门店要求的，直接通过线上3D场景进行视觉设计，所见即所得，可以现场模拟灯光效果。按照店家的现场规格，直接在3D/[/k0。非常高效的完成了其他店铺的定制。

5.更简洁，确定重点任务，缩短路径。1.Tik Tok和Tik Tok的Aauto 【【微信】】网页的用户体验遵循了移动应用程序的风格。用户进入网页的核心目的是看短视频消磨时间，所以进入首页就可以看短视频，不需要用户手动选择类别，手机的用户偏好通过用户账号同步到网页，用户体验流畅。

相比于Aauto 【【微信】】网页版，Aauto 【【微信】】延续了常规视频网站的互动模式，将视频内容分为短视频、直播、同城视频、长视频、小剧场等类别，用户可以自主选择观看的内容。虽然内容更加多样，但是路径太长，不够直接。

2. 淘宝、京东首页

再举个例子，新版的淘宝网页端不再像个门户网站导航，而是通过数据分析用户喜好来主动推荐代替用户自己选择。再比如，新版淘宝网站不再像门户网站导航，而是通过数据分析主动推荐用户喜好，而不是用户自己选择。

用户来淘宝，其实并不买东西。大众用户习惯用手机支付，到了网站就不适应了。用户来淘宝的网站更多的目的是浏览，看看有没有自己想要的东西。如果他们喜欢，他们会点击进去看看。

因此，新版淘宝通过个性化推荐，取代了过去繁杂的活动操作页面版块、特价版块、品类版块，让用户在网页上获得更好的“购物”体验。

而JD.COM则在首页做了复杂的流量分配设计，通过不同渠道、不同版块将用户分流到相关专题页面，进而浏览产品。

本质上，用户来淘宝和JD.COM是为了休闲，而淘宝通过数据智能和大数据精准推荐用户喜欢的商品，简化了用户的使用路径，使页面整体更加简洁。

六、微动效、大图、3D元素带来更加深的视觉刺激

网页的官网、首页承担着产品介绍、流量分发、增强品牌印象等的职责。我观察到越来越多产品官网都开始采用3D元素、视频背景、大图元素、微动效来让页面呈现更加具有质感和动感。网页的官网和首页负责产品介绍、流量分配和品牌印象提升。我观察到官网越来越多的产品开始采用3D元素、视频背景、大图元素、微动效果，让页面更有质感，更有动感。

1. 3D元素

它从Web3D技术的发展中应运而生，可以为web Banner带来更强的视觉吸引力，同时强化公司集成AI技术的品牌印象。比如官网、腾讯云、阿里云的首页都有Banner展示。

当鼠标滚轮在横幅上向下滚动时，3D元素会相应变化，文案和元素会有静态和动态之分，对比明显，更容易让用户注意到文案信息。

2. 大图、视频

大疆官网首屏采用了全画幅大图的形式展示热门产品，下方的产品推荐页自动播放宣传视频，提升了页面的视觉冲击力，展示了其科技属性。DJI官网首屏以全画幅大图的形式展示热门产品，下方产品推荐页面自动播放宣传片，增强了页面的视觉冲击力，彰显了其科技属性。

七。在协同合作的流行期，在线办公的需求和频率急剧增加，在线协作兴起。很多办公软件都有多人场景编辑的功能。尤其是复杂的项目，需要团队成员协同工作，合作的功能越来越普及。

比如我们熟悉的figma，已经逐渐取代了传统UI设计软件ps和sketch的头部位置，其中项目协作功能更受欢迎。

只需要发送项目链接邀请成员合作项目，还支持多人标签和语音交流，大大提高了工作效率。

很多办公软件也推出了类似的功能。比如，幕布可以通过设置权限、发送链接或二维码等方式邀请合作者一起编辑文档，为产品的使用提供了更多可能。

八。总结曾鸣在《未来商业第二十讲》中说:“未来互联网世界的两大趋势是数据智能化和网络效应”。

这一点在PC端也得到了证实。

淘宝首页、Tik Tok首页、米乐网页在PC和APP之间进行数据沟通，分析用户行为偏好数据，为用户提供更精准的信息流，同时让页面交互更简单，视觉效果更简洁。以往依靠用户自主选择进行流量分发会越来越弱。

在工具类产品中，使用数据智能可以将用户操作的复杂性转移到系统中，从而降低用户的使用门槛，提升用户体验。

同时工具平台越来越灵活，通过模块化设计可以定制不同用户需求的产品，也可以节省资源建设的成本。

网络效应的部分应用在于，用户在使用工具产品时不再是孤独的个体，而是通过在线协作，用户可以共同协作、交流，更便捷地完成任务。

本文由@为美而设计原创发布。每个人都是产品经理。未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

..淘宝互助群微信二维码2023年最新,淘宝互助群微信二维码2023年最新,淘宝助力微信群2023,专业人士聚集的2023年淘宝618 年中大促2023淘宝618助力群，共同分享经验，相互支持。快来加入我们吧！