当前位置: 首页 >文章 > 取消/返回/关闭的交互逻辑
收藏
分享

取消/返回/关闭的交互逻辑

举报Sophia的玲珑阁Sophia的玲珑阁发布于 2018-08-144071阅读2点赞
页面的承载功能仅为浏览查看作用,就用“关闭”,带有操作性功能的用“取消”。操作 性动作包括编辑、分享、新建等。如上面的案例中,资料页面承载的功能是浏览个人信息, 主要是浏览查看的定位功能,所以左上角是“关闭”。但如果是短信收件箱,左上角“编 辑”功能点击之后,则会变成“取消。”...

主题:取消/返回/关闭交互逻辑


平时在工作中取消/返回/关闭,都是为了解决页面的跳转逻辑,一般在页面的左上角,但到

底什么时候用取消/返回/关闭,每个APP的做法都不太一样。团队在讨论中主要以iOS的原生

APP和各行业标杆的APP为依据,进行分析。现在将结果展示给大家。


先来讲讲三者的概念。


取消(Cancel)

牛津释义:To decide that sth that has been arranged will not take place now.

中文直译:使计划中的sth当前不发生

交互定义:终止一个当前可执行的动作


举个栗子:


关闭(Close)

牛津释义:To end or make sth end.

中文直译:使sth关闭

交互定义:退出一个场景或功能


举个栗子:


返回(Back)

牛津释义:To end or make sth end.

中文直译:使sth关闭

交互定义:退出一个场景或功能


举个栗子:


那什么时候分别用“取消”、“返回”、“关闭”的交互逻辑呢?


在单个任务上是有流程顺接性的,就用“返回”,一般用于页面上的主任务流程。比较独

立,且是次要的任务入口用“取消”或者“关闭”。


什么是页面主/次要任务?

交互定义:大多数用户在当前页面期望操作的流程,或者是PM/UE更希望大多数用户操作

的任务流程,可以认为是主要任务,其他流程可以认为是次要任务。


举个栗子:


如以上案例中,健康APP中,“今天”页面的主要任务是浏览各项数据,其中“站立小时”

是主任务中其中一个子流程,并且在逻辑上对主任务来说具有顺承性,于是在“站立小时”

的页面左上角就是一个“返回”。而在“今天”页面右上角有查看资料的功能,这个功能

比较独立,对于主任务浏览各项数据来说不影响,可有可无,所以在左上角是关闭功能。


那“取消”、“关闭”又怎么区分呢?


页面的承载功能仅为浏览查看作用,就用“关闭”,带有操作性功能的用“取消”。操作

性动作包括编辑、分享、新建等。如上面的案例中,资料页面承载的功能是浏览个人信息,

主要是浏览查看的定位功能,所以左上角是“关闭”。但如果是短信收件箱,左上角“编

辑”功能点击之后,则会变成“取消。”


研究了更多的APP之后,也发现以上结论并不是一成不变的,只是建议,更多的,还需要

设计师结合产品实际使用场景做判断。


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩9天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩9天54人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩26天15人已报名
猜你喜欢
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证