如何为手机界面设计提示消息

摘要:BulaBula罗列各种提示方式之前,我觉得有必要先思考一下消息提示之于用户的本质。毕竟知其然只是表面,知其所以然才能融会贯通运用自如。虽然可能让人觉得有点远,但应该会对理清逻辑很有帮助。

BulaBula罗列各种提示方式之前,我觉得有必要先思考一下消息提示之于用户的本质。毕竟知其然只是表面,知其所以然才能融会贯通运用自如。虽然可能让人觉得有点远,但应该会对理清逻辑很有帮助。

故事要从一只狗和一只老鼠的心理学实验讲起。巴普洛夫发现,若长期在喂狗之前摇铃铛,以后只要晃铃铛,狗就流口水。铃声勾起了狗进食的欲望。此称之为“经典条件反射”。斯金纳进一步发现,若每次在老鼠碰到箱子里的一根杆后就投放食物,那么以后每当老鼠饿了,它就会去按杆子。此时,“按了杆子就有食物滚下来”让老鼠知道它刚才的操作对于满足“充饥”需求是有效的。 由此可知,信息在动物行为中主要担当两种角色。一个是唤醒欲望,激活任务;二是反馈个体的操作是否有效。

那么人呢?其实别以为人类会是多么超凡脱俗,其大部分行为也都服从这两条从阿狗、阿鼠身上得出的结论。所以,在用户使用手机啊、PC啊,bulabula Pad啊之类的时候,提示消息也起着这两种作用:

1、提醒用户执行一个新任务。

2、反馈刚才的操作结果如何,是否有效。

因此,在选取合适的信息提示方式时,应该依次考虑如下因素:

1、是唤醒新任务还是作为用户操作的反馈。

2、如果是新任务,该任务是否紧急。

3、如果是反馈,在后台计算该如何反馈的这段时间里,用户是否会转移注意。

4、如果是反馈,反馈完是否还需要用户做进一步的操作。

依照这几条分辨标准,可以将信息提示规为5种,具体参见下图:

(字烂,见谅哈^ ^ 。 写原创博客的博主你伤不起啊,这张图边想边画就弄了一个多小时啊!!想精简就得绞尽脑汁啊,有木有!!转载要标注原出处啊亲!!)


我觉得,第一种消息可以形象地称之为榫卯。它是对刚才用户操作的反馈,同时也要引导用户开始新的操作。在这个流程中,用户做出某种操作,尝试为“子任务i”画上句号,反馈信息出现,将用户引导到“子任务i+1”上。用户需要继续完成“子任务i+1”上的操作。

对这种信息的需求常见的有三种情境

1、步骤分明的任务

2、是针对用户失败操作的紧急处理

3、在进行接下来的任务前必须先完成点其他操作。

因此,在设计这类信息时应满足如下要求:

与用户刚才操作在时间和空间上紧密相连。 明确告知接下来的任务 为i+1任务提供快捷的操作入口

这是一个google reader读取feed失败的截图。当用户将屏幕拖动到屏幕下边缘后,这里会显示loading的gif。如若读取失败,就会直接在gif动画的位置上呈现反馈信息,并提供了retry的按钮,让用户知道发生了什么,能做些什么。