恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互设计之删除动作
0.0°
2017-06-16 原创文章 经验/观点 举报 3484 6 10 0

在人类的活动中,有“得到”必有“放弃”,这是一对互补的行为,不可单一存在。就类比你去4s店买车,同时喜欢多种款式,但是目前资金上只能买一辆,这时候就不得不做一个抉择,这就是生活上的“放弃”。同理,应用程序也是仿人类的行为去运行的,所以在运行机制里面也有一对类似的操作行为,“新增”“删除”,这篇我们分析一下“删除”交互操作。




1.直接彻底删除;

  这种形式适用范围不大,只用于删除一些重要等级极低的内容。目前市面上的产品基本上不会采用这种交互方式,因为很容易误操作,造成不知情的损失,事后用户会以为是程序的数据出问题。


2.直接删除,可撤消;

  • 这种形式相对来说比较新颖,点击删除即可一步完成交互操作,事后提供给用户一个撤消操作的机会。
  • 适用于重要文件、字数较多的档案以及二次制作成本较高或者不可二次制作的文件处理。目前这种交互主要出现在国外的一些大牌应用程序上,如Facebook、Gmail等。
  • 当然这种交互方式在其他产品的删除操作上也适用,但是从 开发成本 与用户的使用频率上来分析,无法得到正比关系,故这种方式很少产品会去采用。
开发成本:用户点击删除之后,事实上数据并未从后台数据库清除,而是把相关资料从前端界面上隐藏,并出现“撤消”按钮,用户可点击“撤消”再次从前端显示刚刚误删除的资料,若用户不操作,系统默认几分钟后再从后台数据库彻底清除。这样一来的,开发这些功能肯定要花费不少的时间。

Image title

3.二次确认删除;

  • 这种形式是目前交互设计上使用率最高的,秉着交互简单、开发成本低的优点,成为交互设计师的首选方案。
  • 对于误碰操作的用户来说,二次确认存在是必须的,没有二次确认会造成不可挽回的损失;而对于有删除需求的用户来说,二次确认会造成阻碍,影响用户交互的效率,严重可能会带给用户负面的情绪;这两种情况的存在是必然的,关键在于如何通过一些方法去平衡它们带来的优点与缺点。
  • 传统二次确认的弹窗形式比较生硬严肃,可以考虑加入游戏元素,把二次确认变得游戏化,增加用户交互的趣味性,降低因为弹窗的阻碍给用户造成的负面情绪。例如:一些简单的交互,滑动验证,九宫格内画图形。趣味性无需太重,不能太复杂,点到为止。(不单是删除交互,其它的二次确认交互也适用此方法)


4.滑动删除;

  这种形式主要应用在iOS平台的程序开发上。适用于内容重复性比较强的列表页面上。想要删除哪一条内容,选中要删除的内容所在的区域,往屏幕左边滑动即可调出“删除”按钮,再点击一下即可删除成功。滑动删除,其实也是二次确认的一种,因为需要两步交互才能操作成功。


5.长按删除;

  这种形式主要应用在Android平台的程序开发上。同上,也适用于内容重复性比较强的列表页面上。想要删除哪一条内容,选中要删除的内容所在的区域,长按数秒后即可弹出“删除”按钮,再点击一下即可删除成功。长按删除,其实也是二次确认的一种,因为需要两步才能完成交互。


6.删除至回收站;

  • 这种形式的概念就像有一个垃圾桶,如果不慎丢错了还可以找回来。目前多是应用在邮件相关的软件上。删除时无需二次确认,直接删除至回收站,用户可在回收站里找回把它还原恢复;需要彻底删除时,需要在回收站里面经过二次确认才能完成交互。
  • 这里额外分享一下MacOS X(苹果电脑系统)的废纸篓,其相当于Windows系统的回收站,废纸篓的原理是在系统中分出一个文件夹来储存用户操作过程中废弃的文件,移入废纸篓的过程中无需用户二次确认,当用户想要清倒废纸篓的文件时,系统这时才需要用户的二次确认。


随着互联网的高速发展,现有的交互方式几年后可能会被淘汰,作为交互设计师要不断的去优化、去创新,每一次带给用户不一样的体验升华。


更新:2017-06-16

收藏

6人已收藏

YoKenfuu

广州 · 求职中

  • 8

    作品

  • 20

    粉丝

  • 54

    关注

  • 小程序开发の交互设计(吾空活动)
  • 小程序开发の经验分享(吾空活动)
  • 什么是屏幕快照?
  • 阿呀学语APP登录界面Redesign

    猜你喜欢

      2017-06-16 原创文章 经验/观点 举报 3484 6 10 0

      交互设计之删除动作

      0.0°

      你确定要举报交互设计之删除动作

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年06月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录