为iOS5设计消息通知
为iOS5设计消息通知-移动阅读二维码

关于“提醒”

一条提醒可能会包含一到两个按钮。对于有两个按钮的提醒,需要把关闭提醒的按钮放在左边,把action button放在右边。

点左边的按钮会关闭提醒,点右边的按钮会关闭这条提醒并打开应用。

如果只有一个按钮,这个按钮应该是一个确定按钮。

点击这个确定按钮也只会关闭提醒,而不会打开应用。

对于提醒通知,在设计action button的title的时候需要注意:

1. title能准确描述打开应用的动作。比如点击Play按钮,就能够打开这个游戏,用户能够立刻玩

2. 使用标题式大写(title-style capitalization,每个单词的首字母都大写)

3. 足够简短

在锁屏状态的时候收到新提醒通知,会把action button的title显示到“slide to view”的信息里,替换掉“view”这个词,并且将所有字母都转化为小写。

关于“声音”

对于声音提示,用户没有使用手机的时候声音可以吸引他们的注意力,这可以避免用户遗漏重要信息。

我们可以使用系统内置的声音,也可以自定义声音。如果使用自定义的声音,应该保证它足够简短,而且是精心制作的。

关于“通知栏”

只要不是锁屏状态,都可以从屏幕顶部向下滑打开通知中心。

如果是在游戏里面,比如水果忍者这种游戏,为了避免手指不小心滑到屏幕外而打开了通知中心,iOS5提高了打开通知中心的难度:先从屏幕顶部下拉出现有类似防滑纹的下拉条,出现下拉条后再次向下拖拽,才可打开通知中心,否则几秒钟后下拉条会自动收起。此处带防滑纹下拉条的设计可以帮助新用户迅速建立下拉打开通知中心的心智模型。

iOS5对下拉通知栏里的通知进行了组织,同一个app的通知根据时间先后顺序组合在一起。删除某个app的通知消息需要先点右边的“X”按钮,“X”按钮变为“清除”,用户再次点击清除才能移除这个app下的所有通知。两步操作降低误删几率,而且其交互形式也比常见的弹出二次确认的模态窗口友好得多。

其它平台通知系统

1. Android 4.0

Android4.0的通知栏与前几代Android系统一样,也是从屏幕顶部向下拉出,与iOS和前代Android通知栏的区别在于可以将某条通知按住向左拖动移除该通知。

 

Android的Dialog Notification与iOS的Alert类似,都需要用户立刻处理才能移除该通知。

2. webOS

webOS的通知栏位于屏幕底部,收到新通知的时候会在通知栏显示对应的应用程序的icon。用户可以点击通知栏,查看所有通知的摘要,长按某条摘要往左或者往右滑即可从通知栏移除该通知。

3. Windows Phone

由于Windows Phone使用了独特的Metro UI,每个Tile(权且叫它小瓷片吧)能够承受更多的信息。小瓷片的标题、背景和提示数是可以改变的,以此达到提醒用户的目的。

Windows Phone的Toast Notificatoin与iOS的Banner通知类似,也是显示在屏幕顶部,显示一段时间后消失。

总结

在iOS5以前的iOS系统中,由于只有Alert、Banner、Sound三种消息提醒的方式,所以经常出现在使用一个app的时候出现一条通知,直接打断用户的操作,这种做法非常粗暴,伤害用户的情感。

iOS5新增的Banner通知解决了这一问题,使iOS在消息提醒的处理上拉近了与Android的差距。此外,为了弥补无法在首页放置插件的缺陷,iOS5也将天气、股票等信息放到了通知中心里。这或许可以视作未来苹果将赋予通知中心更多更强大功能的预兆。

合理地选择本地通知和推送通知,选择正确的通知类型,设计规范的通知内容将是所有用户体验设计师必须掌握的知识。

来源:百度MUX

页码: 1 2 上一页

本文链接:http://www.mobileui.cn/for-ios5-design-news-notice.html
本文标签: ,