如何设计App中的提示控件(toast)?

如何设计App中的提示控件(toast)?

提示是什么?


提示控件也叫非模态弹窗,是非模态反馈中的一种。它的出现是为了取代恼人而无用的对话框。多在app中表意一些反馈信息。给用户即时的操作反馈,让用户明确自己所处的状态。

《about face 3.0》里提到体贴的产品是会即时通知用户的,在用户对产品的整个操作流时,是不要打断用户的。但在用户每次需要这些信息的时候,它都会自然的出现在那。产品可以为用户提供大量运行状态的非模态反馈。

提示类型有哪几种?

1 按照出现的位置划分,有以下三种类型:头部提示;中间提示;头部+中间提示



2 按照构成元素划分,有以下两种类型:标识+文字;纯文字
3 按照点击方式,有以下两种类型:不可点击跳转;可点击跳转

4 按照提示语意,来划分三种类型:
1)!标识+文字:表意错误或者出错。
在用户界面中,它属于严重程度较高的一种。用户也不想要错误消息,用户真正希望的是避免错误。可用性专家 donald norman 指出用户常常因为产品设计中的错误而自责。所以我们要控制一个产品里这类提示的数量。
错误消息,只用在提示一些非常严重的问题,或者尽量消除错误的可能,让错误不可能出现。如果一定要错误提示的出现,就让它可以帮助用户解决问题。
并且错误消息很多时候也采用了模态对话框停止了进度,给用户来了不好的用户体验。
2)i 标识+文字:表意通知、告知信息。
在用户界面中,它属于严重程度较轻的一种。告知用户某些操作反馈,但它的出现,同样以不打断流畅的交互流为代价。因为这类提示容易创建,所以它们在一个app中数量众多。
3)对号标识+文字:表意成功,确认。
在用户界面中,它属于程度轻微的一种。是在对用户的行为提供确认。
成功提示,可以激励用户更好的使用软件,成功的奖励会让用户感觉良好。

设计app中提示控件的小技巧:


1、剔除废话提示。
所有提示不论哪种提示,都是比较重的信息呈现方式,应适当呈现较重要的信息,不需要没有必要的提示。

2、注意“!”和 “i ”的区别。
“!”表示情感强烈的句子末尾的停顿。
“i” 来源于information的首字母缩写,一般表意通知类
两种的严重程度不一,注意设计的时候不要混淆。


3 产品整体的提示不要过多,提示种类尽量统一。
同一功能模块的提示种类不要过多,
详细的提示种类,适合操作复杂的功能性app。
简单的提示种类,适合一些轻app。
同时,app的重点功能模块,适合有详细的提示种类,来帮助用户操作。

4 提示wording的标点符号切忌混乱。
标点符合主要有以下四种:
1)无标点符号结尾。常用类型,适合短句子。
2)句号结尾。常用类型,适合长句子。
3)波浪号结尾。适合一些需要营造亲和力的app。给用户营造轻松的氛围。
4)颜文字结尾。适合一些动画动漫类型的app。

5 一个产品中的同一类型提示,需要统一wording。
例如:“取消关注成功”与“已取消关注”在表意上是同一个,但是在wording上的表达不同。


6 同一个模块的提示类型应该统一。
提示的设计也要纵观产品全局,同一模块的提示体验需要一致性。在提示中穿插弹窗,虽然会增加弹出对话框的重要程度,但是会造成用户体验的不一致。

7 提示wording的语气与断句需要统一。
不同app的提示语气,可以有不同的区分,这也会与产品的定位和受众人群影响。
一个app里的提示wording的断句方式、陈述语态、陈述顺序都要有一致性。
发布于 2016-09-11

文章被以下专栏收录