PC和移动端有哪些交互差异？来看这篇全面总结！-四位快资讯

一、动端前言

众所周知，有交异PC 和移动端是篇全当前人机交互的主要互动设备。经过十多年的面总发展，两者已经产生了成熟的和移互差交互范式，前者主要基于键鼠交互，动端后者以触屏交互为主。有交异而为了适应不同设备的篇全交互方式差异，提供更完善的面总用户体验，即便是和移互差相同的功能/组件也会衍生出细节上的差异。

本期将探讨这些隐藏在细微处的动端交互差异，从而更深入了解用户体验中设备/行为/界面的有交异关系。

二、篇全五个小案例

1. 输入框的面总清除按钮

清除按钮（clear button）是用来清除输入框内容的按钮。当输入框中存在内容时，出现在输入框的末端，点击后可清空已输入内容。pc 通过键鼠操作可以快速删除，但基于触屏交互的移动端删除操作较为麻烦。因此清除按钮在移动端中更常见，特别是在登录注册、搜索框等页面。清除按钮可以快速清空内容，提高操作效率，降低输入错误时的负面影响。

虽然在 web 界面中很少使用上述的清除按钮，但"快速清除内容"的需求依然存在。主要出现在多项内容同时清空的场景，例如 b 端筛选中常用的"重置/清除"功能，以及多选框中快速清空选项。

2. Hover 态

光标 hover（悬停）是 PC 端的常用的轻量交互操作，当光标悬停时界面元素会产生状态改变。Hover 可以为用户显示隐藏的信息（展示 tooltips/二级菜单）；或指示按钮状态，提示用户此处可点击触发事件。

但是移动端的光标（手指）不会长期悬停在屏幕上，所以不会有 hover 态。而且指尖轻触即表示"点击" ，因此按钮将直接从"normal"变为"pressed"状态。相比于 pc 少了"hover"作为中间状态，因此在界面设计上移动端按钮需要明确的引导性，以传递"此处可点击"的信息。

对于 hover 的二级菜单，移动端需要多点击一步展开，或者 tab 切换进行快速跳转。

3. 按钮 VS 手势

复杂的手势输入是移动端的优势，但 PC 端需要更多按钮来承载功能。下拉刷新是移动端 feed 流常用的操作，将页面刷新和下滑手势丝滑的结合起来。在 PC 中如要实现内容区域的便捷刷新，则需要添加一个[刷新]按钮。在 banner 轮播中，pc 通常会提供准确的"上/下一页"按钮，而移动端中普遍通过滑动查看上/下一张。类似的案例还有图片放大缩小、视频音量调节。

究其原因，鼠标操作一般都有精确的操作/点击对象，因此通过按钮触发事件更为普遍。手势操作可以基于整体对象进行滑动/拖拽，这是符合用户手势操作心智的交互方式。同时手势操作的准确度低，屏幕空间有限，用手势代替按钮的性价比很高。

4. 长按与右键

右键呼出更多菜单是 PC 端的常用操作，移动端中的对应操作则由单击长按完成。而对于针对对象的编辑菜单，在 pc 端需要选中文本对象后需要点击右键，而移动端中选中文本后会立刻弹出菜单。这由于移动端中没有像"ctrl+c""ctrl+v"一样的快捷操作，快速弹出菜单减少用户操作步骤；而且选中后若再次叠加一个长按行为，很容易误判成单击从而取消选中。