iPrideRoCK 滴滴打车 产品总监

如何在产品设计的过程中,尽可能不出现任何弹窗和提示,而让用户流畅的使用完所有流程?图中所示的是非常不好的错误案例。


Daisy_MA 谋职 产品经理

不一定需要“完全避免”,要看打扰用户的程度,犯错误的几率,是否提高用户效率等等。

有些提示也许是目前更好的方法,但是有些弹窗设计确实可以避免,试着答一下:

1、最好的方法就是完全规避掉错误,犯错零几率(只让用户做他会做对的,傻瓜设计)

复杂的,就牵扯到规则设置

比如不可以按的键,就灰色显示

比如这个例子中,频繁验证,就验证码键盘,过了一定时间才可以点击,之前灰色显示

比如密码六位,就六个空

手机号码如果错误高,就手机位数(但也许会操作不便,不确定ing)

以下乱猜测下(可能想的很不合理,大家批):

比如电商根据库存,当库存小于某个数值的时候,不可以下单或单位时间,仅容许多少下单

比如火车票订票(当然现在的12306“也许”更合理),根据单位时间购票率(当列当次单位时间购票率),当剩余票数小于此数值时,点击预购即算购买,单位时间仅对前若干位开放预购功能(等于剩余票量的)

2、变容易错误的填空,为没有错误的选择(和1差不多)

比如,电影票选座(卖出去的,就不让选)

如果错误无法避免

1、错误早提示

2、重复输入修正(在一定程度可以归为3)

3、二次确认(重要功能或信息,或者重要流程中断)

博文^_^ 中云普华 产品总监

我的观点是:对话框作为一项独特的交互界面,在App设计中有着不可替代的重要作用。合理使用对话框对于一个设计者来说是必备技能。而为什么提出尽量避免使用对话框的问题,主要是因为很多设计者不懂得合理使用导致滥用影响到用户体验,问题的点应该在“如何不滥用”层面上。

1,首先看看iOS、Android的设计指南对对话框设计的建议:

iOS
Model contexts章节里提到:为不影响用户体验,应尽量减少Model窗出现的次数,但是在以下情况应考虑使用:

①让用户高度注意时

②有必须录入的数据时(这种情况也可以选择用Model View的形式替代Alert)

Temporary Views章节里提到:这些情况下,对话框是可以避免使用的--

Android
在Material Design中,对话框作为最高层级的控件存在,为整个设计体系的一个重要组成部分。

在Components-Dialogs章节中,提出对话框对操作流程的打断降低了操作体验的问题,在设计过程中尽量减少对操作流程的打断。将对话框进行了分类,分别介绍其使用规范。同时给出了在错误提醒、信息提示的更多的控件选择:比如Snackbar、Simple menu、helper text和error text。

2,再分析一下移动APP中常见的出现对话框的时机:

  • 错误反馈时(录入格式不正确、用户密码错误)

  • App更新提示时(Android)

  • 进度条(如数据加载中、登陆中)

  • 显示快捷菜单时

  • 重要功能提示时

  • 信息反馈时

  • 退出时(Android)

3,分析上述时机中,哪些对话框是可以尽可能省略的:

① 错误反馈

类似登陆注册的数据录入画面,格式错误或数据错误反馈提示,很显然可以用体验更好的方式替代。

②App更新(Android)

App版本更新功能,为引导用户点击更新,一般都会以对话框的形式实现。如果要提供更好的用户体验,也可以利用Snackbar实现。

③进度条

根据iOS和Android的设计规范,建议不使用对话框。

④快捷菜单

Android的ActionBar、Snackbar、以及长按弹出Menu的功能可以提升操作体验,苹果有Toobar控件可以实现类似功能但考虑要支持新款小屏设备不建议使用。

⑤重点功能提示

无论是业务层面还是功能层面,重要性很高的功能放在醒目的对话框里无可厚非。比如广告,比如新增功能,比如引导信息。

⑥信息反馈提示

用户某些操作的信息反馈根据信息的重要程度可以选择使用对话框、Toast或者其它方式,选择怎样的方式全凭设计者对功能的理解了。

⑦退出时(Android)

安卓的退出App对话框的设计,也是很有考究的。直接体现了设计者的功(lian)力(pi)。

4,最后说说利用对话框能更好的帮助实现哪些产品目标:

①对用户有严重影响的重要提醒,必须用对话框。例如:

②引导用户使用新功能、参与新活动,利用对话框效果最好。当然也可以无耻的直接把广告放到对话框里。

③安卓系统设计功能时鼓励使用ActionBar、SnackBar,提升操作体验。

(部分超链接请点击原文链接打开)

flyish Feel-运动社区 PM

题主的问题里也说了尽可能避免,其实题主也是认可弹窗和提示是屏幕交互类产品里比不可少的交互了。确定了这点我就可以放心的说了(因为实在没有办法完全不用弹窗和提示),怎么来避免或者尽可能减少不友好的弹窗和提示?

1、尽可能分解流程,避免过多的分支和选择

在需求建模和流程设计的时候就有一个很好的产品设计考虑,避免在一个流程当中有过多的异常分支,通常这些异常的分支在页面交互的体现就是弹窗,这里能够规避大部分的弹窗。

2、尽可能的区分状态,多使用状态表达控件

在一个独立页面中,不同的交互顺序可能产品不同的接口,这些结果中只有一个是正向流程,其他的可能都是有异常警告的。所以多使用一些状态表达控件在不同的状态下给予不同的状态反馈。避免用户的误操作

3、给予异常操作的预告提示而不是操作后给予警告

对于以上两种还是无法避免的。那就列提示牌,前方高能,请勿靠近。哈哈,开个玩笑,这种类似提示线下生活场景用的太多了。那么产品设计上也是可以考虑的,总比用户一脚踩进雷区然后来一个警告吓坏用户的小心脏要好。

这里没有过多的理论分析(怕答非所问),上面的实用方法都是个人总结。实际上来讲,应该有这样的一个思考过程:弹窗和提示的交互目的是什么?为什么会产生这样的交互?各类弹窗和提示的需求场景和优先级对比?然后才是怎么规避?好吧回答一个问题,抛出三个问题……


戳 阅读原文 去社区提问,就有机会和一线产品大咖探讨产品

滴滴产品总监:如何合理设计弹窗以保证流畅的用户体验?相关推荐

  1. 008产品设计的思考(创造思维+用户体验+用户画像+用户群体)

    文章目录 一.产品优化创造思维如何培养 1.1 产品优化创造思维培养 二.用户体验设计原则 2.1 可见原则 2.2 场景贴切原则 2.3 可控原则 2.4 一致性原则 2.5 防错.防呆原则 2.6 ...

  2. 互联网产品设计进阶(5)关于用户体验(边思考边完善)

    首先看一个比较倒霉的用户体验: 早晨起来,发现闹钟没有按照原先设定的响起来. 一边煲水,一边穿衣服,临走前去取水却发现水没有煲好! 到了地铁站,一卡通没有钱了. 却发现机器充值无法识别你的一卡通,必须 ...

  3. 产品经理必备技能:四象限、九宫格、用户体验要素模型

    快速学习可以说是所有人都想掌握的能力,有了它之后,可以更快学习,获得知识与技能.工作中也需要这种利器,如何管理好产品需求,真正听懂用户在说什么,需要什么,是产品经理的基础工作,而掌握更科学的工作方法, ...

  4. AI设计的新启发 | 什么是用户体验中台?

    用户体验设计在智能汽车和智慧出行领域面临的全新挑战与互联网行业不同:需要从基础构建用户体验的Know how而非应用先有范畴内的方法:要对许多概念作出第一次的定义而非采用既有的定义解释问题:要面对问题 ...

  5. 【自用·记录】产品类补充学习·SaaS/visio/竞品分析SWOT用户体验五要素

    目录 一.SaaS学习 SaaS标准化意义: 降低 边际成本(研发成本.推广和执行成本) 实现产品价值 1.降低边际成本 2.沉淀最佳实践 3.积累产品能力 SaaS标准化策略 标准化设计难点 标准化 ...

  6. 产品经理(PM)和客户培训经理的私聊……用户体验的五个要素

    「第一次做PM校招面试官,跟求职的吉大校友扯两句..」 搭往公司的班车,遇到一个其他部门的同事,由于他问的很多问题,引发的一篇文章.这些问题,其实我也经常被其他人问到,这其中,既有我们亲密合作的伙伴, ...

  7. 什么是嵌入式图形用户体验设计?如何创造高效的用户体验设计?(内附案例解说)

    人们通常会对用户界面(UI)和用户体验(UX)设计之间的区别感到困惑.用户体验设计实际上是指用于推动研究和设计决策的整体过程,以便更好地满足终端用户的需求和期望.UI设计,是在设计程序中创造出美妙的. ...

  8. 前滴滴产品总监刘滢:从这里了解新零售的本质

    嘉宾介绍 刘滢,互联网从业者,产品经理,正在向「老而弥坚」的阶段迈进.在帝都混迹整一旬,见全了一个生肖轮回. 北大本硕,七年拿了三个学位.可以跟你聊聊如何从各类生冷专业进入产品这一行. 我在最大的搜索 ...

  9. 引导好评弹窗怎么做才能让用户体验更好?

    我的个人主页:http://www.zcool.com.cn/u/14498773 每位开发者制作APP都希望更多人来用,满足更多人的需求.在android渠道上,可以花些推广费.互换些资源来增加用户 ...

最新文章

  1. springboot使用logback日志,部署到tomcat不生效问题解决
  2. mac iTunes启动失败,声称iTunes文件夹被锁定
  3. Mysql总结_02_mysql数据库忘记密码时如何修改
  4. javascript——js string 转 int 注意的问题——parseInt(转)
  5. mongoDB学习--建库、删库、插入、更新
  6. 关于vs08生成解决方案慢的解决方法
  7. python程序实例 100-python办公实例100例
  8. 政府会计制度——行政事业单位会计科目和报表(2019年1月1日施行)
  9. 代码-检测文件的编码
  10. 珍大户《认知世界的经济学》学习笔记 -- 第17课 影响消费者的因素,更新时间2021年03月18日21:53:57
  11. Linux挖矿病毒查杀
  12. 用计算机数字打喜欢你,喜欢你数字怎么表示,“我喜欢你”用数字怎么
  13. Win10系统自带的备份,恢复功能
  14. php获取时间星期几,php 获取当天或某个日期是星期几
  15. python为啥爬取数据会有重复_使用python爬取B站千万级数据
  16. windows实战Git环境配置msysGit+TortoiseGit(zz)
  17. oracle hint 强制索引
  18. 174-C语言入门(进制,补码,类型)
  19. PDF 与 PS页面描述语言与PDF文件解析(转)
  20. Visio画图-visio 2007中的布局与排列间距在哪里

热门文章

  1. OpenKruise v0.7.0 版本发布:新增周期任务分发控制器
  2. Kubernetes 弹性伸缩全场景解读(五) - 定时伸缩组件发布与开源
  3. 51个国家,2372名选手,20万奖金池,阿里全球调度算法大赛收官
  4. python3读写excel文件_python3 循环读取excel文件并写入json操作
  5. 动态顺序字符串基本操作实验_掌握套路,你也会用动态规划
  6. 恩平服务器维修,四月 2021 | EDUP
  7. python删除文件一行数据、不使用临时文件_python下tempfile 临时文件删除问题
  8. 腾讯云yum操作实现CentOS 7.6 64位Linux系统图形界面的安装和vnc的搭建
  9. 多视图几何总结——摄像机模型
  10. 为什么OpenCV3在Python中导入名称是cv2