临时框这种交互方式,产品经理请慎用

临时框是每个产品的标配,每个产品经理都会遇到临时框的交互设计,那么哪些算是临时框?警告窗口、操作列表、toast等分别在什么时候使用才符合一定的产品交互规范?本文就来讨论一下临时框以及它的使用场景和规范。


临时框是每个产品的标配,每个产品经理都会遇到临时框的交互设计,那么哪些算是临时框?警告窗口、操作列表、toast等分别在什么时候使用才符合一定的产品交互规范?本文就来讨论一下临时框以及它的使用场景和规范。

临时框这种交互方式,产品经理请慎用

什么是临时框

它是需要对用户重要信息的提示、操作而生的。判断一个页面是临时框还是二级页面,不是看它是否占满整个屏幕,而是看它有没有脱离主任务,临时框只是暂停了主任务,完成了临时框的操作后会自动回到主任务,不要把临时框和二级页面混淆了。

临时框的种类及使用规则

种类一:警告视图(alert view)

组成部分:标题、正文、按钮三部分组成。

交互体验评价:警告视图是比较“强”的提示方式,它会中断用户当前的操作,必须要用户给出选择之后才能进行下一个任务,体验上过于“强制”,适合比较紧急、重要、必须的提示信息。一个产品里的弹窗提示不宜过多。

使用场景:获取用户地址、调用手机的接口如麦克风、摄像头、访问相册和相机、升级提示、删除提示等。

临时框这种交互方式,产品经理请慎用

种类二:Toast

组成部分:一个背景色块加一个短语两部分组成。显示时间1-1.5秒

交互体验评价:Toast和警告视图的弹窗相比,更加温和、友好,既给了用户反馈又不打扰用户。

使用场景:用户执行了一个操作,可能正确、也可能不正确时,需要知道反馈但不宜通过弹窗中断用户操作过程的时候,最常见的如登录成功、下载失败、密码输入错误等。

临时框这种交互方式,产品经理请慎用

种类三:操作列表(Action Sheet)

组成部分:如果一个页面里需要用户操作的按钮较多,就可以把它们都集合在一个按钮里面,可以理解为一个按钮包。

交互体验评价:可以最大限度地使界面简洁,把不是最常用的一类功能打包后统一放起来,视觉上会达到化繁为简的效果。

使用场景:阅读软件、分享方式提示等等。

临时框这种交互方式,产品经理请慎用

种类四:模态视图(modal view)

组成部分:模态视图通常占据整个屏幕,包含完成当前任务所需的文字和控件,一些完成任务的按钮、一个取消按钮。

交互体验评价:这不是二级页面,而是一个在主任务页基础上延伸出来的临时任务,用户点击取消按钮后会回到主任务页。

使用场景:通常用在发送短信、邮件、以及填写订单页的购买须知等不适合让用户脱离当前页面的场景下。

临时框这种交互方式,产品经理请慎用

本文小结

产品经理需要懂基本的交互规则,无论是安卓还是IOS的操作规范,都需要懂,才不至于用错。

 

作者:兢兢,个人公众号:兢兢在路上   ID:ontheway-jj。

本文由 @兢兢 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26476/

(0)
CatherineCatherine
上一篇 2017-05-14 16:46
下一篇 2017-05-14 18:49

相关推荐

  • 打造美观清晰易使用的交互文档

    在检查交互文档的时候,我有句口头禅是:“这交互稿画得太丑了。”听到这句话的小朋友,有些回了句“哦…”,有些则会问“交互稿也要考虑美么,交互稿不是逻辑ok就行了么”,脸上是不甚理解的。

    2017-05-20
  • 从用户体验到品牌形象,营销的道路有多远?

    在数字化时代,如何提升品牌形象和用户体验,是两个营销的核心问题,品牌形象塑造消费感知,用户体验决定消费忠诚。企业重要的战略资源之一是:优质化的内容。而真正做内容营销的门槛极高,唯有真正强大的IP内容,才具有引爆市场与号召市场的能力。什么是营销IP,即知识产权(Intellectual Property),大IP,本身是产业链也延伸,具有黑洞版的吸金能力,是从招牌、内容、产业链等的延伸式营销。举个目前比较火热的例子,电影《魔兽》,根据网络...

    2018-02-02
  • 刘克成:历史的回顾——90年代黄帝陵整修经历和关键点 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:“黄帝陵国家文化公园规划设计大师工作营”由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起。邀请了中国最具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地对黄帝陵国家文化公园的调研、研讨,分别提出对未来黄帝陵国家文化公园的规划设计理念及方案。2018年3月23日,西安建筑科技大学建筑学院教授刘克成将作为探班大师来到工作营现场,以“历史...

    2018-03-22
  • 用户体验十大原则

    李达康1分钟前谁给你的权利,一天啥正事不干就想着玩手机。什么是用户体验?Spring有人说是有用性,就是说需求是真实的可用性,功能可以满足用户的需求满意度,情感方面,向产品整个的一个品牌评价可找到性,用户能找到他们需求的东西可获得,用户能够方便地完成操作、达到目的可靠性,让用户产生信任价值性,产品要为投资人产生价值,转化为金钱有人说是Steve Krug 在《点石成金》这本书里,提到的用户体验包括几个方面:有用性:能否帮助人们完成一些必...

    2018-02-27
  • 创新与用户体验---工业设计的双驱动力

    4月18日上午深圳融一凤巢设计发展有限公司创始人兼深圳市工业设计协会副会长仪永杰在PDC设计廊会场与到场展客商分享并探讨了现今智能硬件和消费电子类领域的设计发展趋势。仪永杰认为在消费升级的市场导向下,供方市场慢慢转化为需方市场,消费者不仅满足于产品的存在,更多的是产品在消费者内心中碰撞出情感。以小米科技为例,现今决定设计生命力延伸的是创新意识,是对工业设计创新的重视程度。从设计服务到产品化和供应链都需要整合创新满足用户对产品日益增长的功...

    2018-04-18
  • 移动端搜索功能设计:3个阶段解析搜索流程设计要点

    这篇文章笔者想和大家聊一聊有关搜索功能的设计,搜索功能是每个内容型APP的核心,它的易用性决定了用户是否能从APP里快速找到自己想找的内容,那么决定搜索体验好坏的关键点又是什么呢?这里我总结了两点,“操作的易用性”和“结果的准确性”。看似简单的两点却有很多的学问,笔者把搜索的交互流程划分成三个关键阶段,“搜索前、搜索中及搜索后”,接下来将从这三个阶段逐一分析整个搜索流程中的相关设计。

    2017-05-11
  • 用户体验设计师必须知道的52个科技术语

    原文链接:https://uxplanet.org/60-tech-terms-you-need-to-know-as-a-ux-designer-a01166074ae1通俗易懂的A-Z科技术语列表在刚开始用户体验设计师的工作时,我如同离了水的鱼一样。我所知道的科技术语很贫乏。在会议中我总是能听见这些词汇,但是完全不知道是什么意思。然后我回到自己的办公桌前,偷偷摸摸的开始查我刚才听到的是什么,并希望没有人发现!一段时间后,我发现很多对...

    2018-04-09
  • 3种空状态出现场景,5种消灭空状态的技能教你玩转空状态

    举个例子:假设有一款图片分享类的应用,然后有个页面是“我的图片”,如果在我从来没有发布过图片的时候,这个页面理所应当就是空的。并且在这个时候,第一种方法显然是不可行的。当然,空荡荡的界面有不好,所以此时可以通过操作指引来引导用户产生内容。

    2017-05-28
  • 作为交互设计师,都应该尝试的低保真原型测试

    即便你是一名如此经验丰富、作品惊艳、才思敏捷、手法高超、声名显赫、有强大号召力……的设计师,如果你还未亲手尝试过低保真原型测试,我依旧会推荐此方法。

    2017-05-09
  • 金蝶首席用户体验官对“用户体验”的思考

    “也曾经有人要我用一句话来描述清楚什么是用户体验,我说,不好意思,我一句话描述不出来,你给我半个小时。”金蝶公司首席用户体验官钟承东这样回答。产品人,你是否也曾这样认真地思考过:用户体验究竟是什么?你又需要要花掉多少时间多少语言,来组织出一个满意明确的答案?我们渴望的用户体验是什么样子?相信每个人都憧憬这样的用户体验,使用精心设计的产品,有如诗如画的视感,有如沐春风的触感,有余音绕梁的听感,甚至会精细到照顾用户的嗅觉和味觉,接触和使用产...

    2018-04-04