仅只有未实名的,新媒易不收取任何费用,公益非盈利机构
24小时服务热线: 4000-163-302
请扫码咨询

新闻动态

NEWS CENTER

交互方法差异深刻影响了PC和移动端界面形状,这些规划细节隐藏在日常交互行为中

2023-08-26

复杂的手势输入是移动端的优势,但PC端需求更多按钮来承载功用。下拉改写是移动端feed流常用的操作,将页面改写和下滑手势丝滑的结合起来。在PC中如要完成内容区域的方便改写,则需求添加一个[改写]按钮。在banner轮播中,pc通常会提供精确的“上/下一页”按钮,而移动端中遍及经过滑动查看上/下一张。相似的案例还有图片放大缩小、视频音量调理。


究其原因,鼠标操作一般都有精确的操作/点击目标,因此经过按钮触发事情更为遍及。手势操作可以根据全体目标进行滑动/拖拽,这是契合用户手势操作心智的交互方法。一起手势操作的精确度低,屏幕空间有限,用手势替代按钮的性价比很高。

4. 长按与右键

右键呼出更多菜单是PC端的常用操作,移动端中的对应操作则由单击长按完成。而对于针对目标的编辑菜单,在pc端需求选中文本目标后需求点击右键,而移动端中选中文本后会马上弹出菜单。

这因为移动端中没有像“ctrl+c””ctrl+v”相同的方便操作,快速弹出菜单减少用户操作进程;并且选中后若再次叠加一个长按行为,很容易误判成单击从而撤销选中。



5. 弹窗

PC端信息反馈的样式愈加多样,包括tooltip、toast、message、drawer等。比较移动端有更多非模态弹窗,应用方法更灵敏,用户运用进程流畅。因为屏幕面积小,移动端弹窗面积占比更大,对用户而言打断感触更强,在规划进程中需求慎重。



一起,移动端和pc的弹窗按钮方位也有所区别。现在移动端中强引导按钮遍及在右侧,而win体系中强引导按钮在左边(MacOS则在右侧)。



交互方法差异深刻影响了PC和移动端界面形状,这些规划细节隐藏在日常交互行为中。虽然运用已有组件库时很容易忽略,在多端体系规划进程中仍然需求注意这些差异性细节。

1. 移动端

  • 缺少hover
  • 输入相对不方便
  • 点击精确性低
  • 手势操作方便
  • 长摁呼出菜单

2. PC端

  • hover能完成轻量级的交互
  • 输入方法高效方便
  • 光标点击精确
  • 右键呼出菜单

即使是相同的产品功用也会产生差异化的交互变体,这些变化或许是根据设备约束、程序约束或人机交互行为。在多端产品时,如果忽略了这些交互细节,除了影响产品可用性,还或许违反用户的运用习惯,导致产品体会细节的缺位。


全体来看,交互界面不仅是功用的可视化载体,他还缝合了设备应用和用户行为,是产品运用流程的中枢。往前,界面/交互规划中应该兼容硬件才能,并传递精确的用户输入数据;往后,规划应该向用户传递设备的能供性,将设备才能转换成可感知的界面上的能供性,从而为用户提供完整且细致的产品体会流程。

相关推荐