【交互设计】弹窗、新页面、当前页跳转

问题1：用户登录时选择当前弹窗还是跳到新页面？

参考知乎用户回答：https://www.zhihu.com/question/19836517

当用户主动发起登录操作时，比如用户点击【登录】，可以采用：跳转至独立页面登录。

当用户被动进行登录操作时，比如用户想要购买商品，但未登录，当点击【购买】时，可以采用：弹出层进行登录。

新页面的好处是：比较正式，可以加广告和企业标识等内容。

弹窗的好处是：比较轻量，不会打扰，用户有仍停留在此页面的感受。

问题2：弹窗、新页面打开，当前页面跳转的应用场景和不同？

弹窗：流程步骤中的插入行为，可由用户选择是否进行，不覆盖用户已阅读内容。如，知乎未登录下可以见到回复按钮，点击提示弹窗提示登录。

新页面打开：流程步骤中的额外行为，不会影响主流程。如，Paypal 支付时的前往网上银行支付。

当前页面跳转：流程步骤的关键步骤，提示用户已进入下一步骤。如，Discuz 的正常注册过程。【转自：作者：沈洲链接：https://www.zhihu.com/question/21260320/answer/17695255来源：知乎】

另外：三种不同程度的提示框适用场景，参考文档：https://wenku.baidu.com/view/51d124c0d4bbfd0a79563c1ec5da50e2524dd14a.html

【交互设计】弹窗、新页面、当前页跳转相关推荐

【交互设计】新游戏如何推广才能赚到钱
转载自:老二牛车教育 » [交互设计]新游戏如何推广才能赚到钱新游戏如何推广才能赚到钱?这是每一个游戏人都想知道的答案.9月21日游戏瓶聚集了京城50余家游戏厂商和媒体的代表,在猛犸咖啡举办了一场游 ...
【vue-router，使用router.resolve打开新页面路由跳转】
vue-router,打开新页面路由跳转方法传参 let { href } = this.$router.resolve({path: '/path',query:{id: id ,year: y ...
vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法
vue-router跳转时打开新页面的两种方法最近还是在痛苦的挣扎中挣扎吧记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法: 1.标签实现新窗口打开 ...
交互设计中的一些原则
大家好!我是IT修真院深圳分院第七期的学员杨帅,一枚正直纯洁善良的PM 今天给大家分享一下,修真院官网pm(职业)任务2,深度思考中的知识点--交互设计的原则. 目录 1.什么是交互设计? 2.经典六 ...
html5页面跳转方式,H5页面跳转的交互设计方法
今年做了大量的H5项目,遇到了很多坑,有自家的也有第三方的,在这个过程中get到了一些之前不具备的知识,所以这一篇,就简单分享一下这方面的话题吧. 一.传统的MPA 首先,说一个比较古老的东西,叫做M ...
js layui跳转页面_Layer.js提示层弹窗结束之后自动跳转到新页面的效果
弹层之美 Layer 是一款近年来备受青睐的web弹层组件,提供layer.open(options)核心调用方法.她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的 ...
java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口（不打开新页面）...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
怎么实现页面友好跳转_如何实现软，友好和一致的UI设计
怎么实现页面友好跳转重点 (Top highlight) Design trends are constantly changing, aren't they? Each month there i ...
[交互设计工具/原型创作工具]Axure RP Pro 5.0新特性破解版　注册码
先感谢木的{moond},要不是一次提供了那么多画原型图的工具,我现在还在Word和Visio里面打转呢. 这些软件能试用的我差不多都用了一下,其中觉得Axure的RP Pro 4挺好的,功能包括站点 ...

【交互设计】弹窗、新页面、当前页跳转

【交互设计】弹窗、新页面、当前页跳转相关推荐

最新文章

热门文章