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

Wayings
0 评论 8073 浏览 51 收藏 5 分钟
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

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

什么是临时框

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

临时框的种类及使用规则

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

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

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

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

警告

种类二:Toast

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

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

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

toast拼图

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

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

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

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

操作拼图

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

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

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

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

模态拼图

本文小结

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

 

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

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

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
13124人已学习17篇文章
在一些老系统可能会有流程复杂、扩展性不强的问题,此时便需要进行重构。本专题的文章分享了产品重构指南。
专题
12545人已学习13篇文章
本专题的文章分享了产品升级迭代应该怎么做,以及其中遇到的问题和思考。
专题
31021人已学习19篇文章
2018年过去了,你都收获了什么?新的一年,你需要如何前行?
专题
12842人已学习12篇文章
所谓SOP,即标准作业程序,指将某一事件的标准操作步骤和要求以统一的格式描述出来,用于指导和规范日常的工作。本专题的文章分享了SOP创作指南。
专题
55417人已学习12篇文章
据说70%的问题都是沟通问题,沟通能力对产品经理太太太重要了。