不要滥用对话框!细说 iOS Alert View 与 Action Sheet

来自知乎的一个问题

在日常使用应用的过程中,经常会遇到各种各样的对话框( Alert View,下面简称 Alert),其滥用程度之严重,导致用户认知疲劳和思觉失调,完全无视了 Alert 的重要性,大大降低了其效用。

左图的 Alert 是搞笑的,不要学,右图为 Action Sheet

被混淆并滥用的 Alert

根据 Alert 的使用原则,「问题很严重」的时候就需要调用它来提醒用户并引导用户的下一步操作。

那么问题来了:问题的严重程度如何判断?谁说了算?对于产品利益方来说,任何问题都是严重的,为了最大可能地留住用户,连取消关注都要弹个对话框。

反例:陌陌加好友,网易云音乐删除私信,印象笔记评价引导

左图:陌陌加个好友都要用 Alert。陌陌看似为了帮助用户完成目标任务(在陌陌加通讯录好友),其实是为了满足自己的业务目标——对方没装陌陌时,通过短信送达「好友邀请」来拉新。产品利益方觉得你加不到好友,问题很严重,短信骚扰反而不算是事儿。

中图:网易云音乐删私除信。其实,左滑展示「删除」按钮是第一步,再点击「删除」按钮其实已经等于二次确认了,无需再 Alert 进行 3 次确认;

右图:Evernote 的评价引导,貌似是 Twitter 发明的,呵呵。

还有各种各样的原因导致 Alert 被滥用:功能拥挤导致界面无法合理承载有效信息,只能靠弹窗提示用户;抢夺用户稀缺的注意力;产品设计师偷懒等等。

反例:微信的举报与选图组件

左图:微信的举报功能,当提交时遇到未填项则弹窗提示。若判断到有未填项,是否可以禁用「提交」按钮?或者在未填栏目附近的界面上作出反馈提示?总比随便弹个对话框要好。(新版已修正)

右图:微信选图组件,每次选择达到上限时均弹窗提示,是否能直接展示 9/9 这样的「已选数/上限数」形式,然后禁用选中按钮。即使是为了让老年人更好地理解,也只需要提示 1 次,即可达到教育目的。

很多情况下,其实应该用 Action Sheet,而非 Alert。最重要的判断原则是,用户主动发起的任务使用 Action Sheet,否则使用 Alert。

在深入了解细节之前,不妨先看看下图,领会一下两者的区别。

Alert 与 Action Sheet 的关系

1. Alert

Alert 作为一个占据屏幕中央的临时模态层,会严重打断用户的当前任务与操作,吸引用户所有注意力。因此,Apple 严肃地建议:尽量避免使用。

Apple 还阐述了一个重要原则:在界面内能表达的信息,就不要使用 Alert。本人理解的另一层意思就是说,如果某些信息在界面上都表达不清晰、不完整,肯定是功能有问题,或是设计有问题,也许,两者都有问题?这些就不是 Alert 能解决的了。

本人总结了一下,Alert 适用于以下场景。

1.1 辅助完成任务时使用 Alert

用户在任务的某个关键位置,遇到他们不能解决的严重问题、需要进行某些抉择,或补充某些信息才能让任务进行下去。例如引导用户允许使用各种系统权限,或验证密码等。

FYUSE

FYUSE 登录时识别到此邮箱尚未注册导致无法登录,就使用 Alert 来咨询用户是否需要用此邮箱直接注册,这也是尊重用户意愿的表现。

微信与 App Store

左图:最常见的权限申请引导,不同意的话就无法正常使用某些功能,因此会详细说明。

中图、右图:某些涉及隐私或者财产安全的任务中途,让用户在不脱离场景的情况下,填写密码验证个人信息,然后进入相关隐私页面。

1.2 提供某些必须引起用户重视的信息时使用 Alert

某些情况必须引起用户重视,例如网落连接失败、低电量提示等无可避免的非人为因素。
(低电量提示在 iOS 9 已改为含有「低电量模式」选项的 Alert 了,iOS 9 之前只有一个「好」…无图)

微信的网络连接失败提示,为什么不用 toast?因为用户可能发送后就转移场景或去忙别的事情,但必须让他了解到发送失败的原因,才能自行选择下一步行动,toast 的短暂性质无法保证用户能看到

2. Action Sheet

关于 Action Sheet,Apple HIG 官方定义了以下用途:

2.1 完成任务的不同方法

在同一场景下,Action Sheet 提供了可以完成任务的一系列方法,或者对某一目标提供多种操作手段。另一个优点是更加节省界面空间。

Safari 长按图片调用 Action Sheet,可对图片进行多种操作;微信的是常见的拍照/选图流程
Apple Music 把 Action Sheet 玩出了花

2.2 完成高危操作时,征求用户的二次确认

这是很多设计师(包括我自己)都经常混淆的一个要点。当用户的下一步操作,与当前任务的主要目标不符,或是被用户主动中断等含有潜在风险的操作时,应该使用 Action Sheet,而非 Alert。如果需要,可以与第 1 点一样,为用户提供若干替代方案。

iOS 删除相簿、联系人都只使用了 Action Sheet

Evernote 提供了保存草稿的替代方案,但并不是所有产品都支持草稿。

Evernote 编辑笔记时点击取消,也只调用了 Action Sheet

下面的为错误使用的反例:

Apple Beta 的 Feedback 与微信、QQ的任务中断确认

总结

就像抗生素一样,只要滥用,就会失效。引用 Apple 来结尾:

The infrequency with which alerts appear helps users take them seriously. Be sure to minimize the number of alerts your app displays and ensure that each one offers critical information and useful choices.

合理低频地使用 Alert,用户才会把它当作一回事。请严格控制应用的 Alert 数量,并确保每一个都用得其所。

—— Apple <iOS Human Interface Guideline>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容