设计优秀的iPhone通知

当应用需要提醒用户关注某件事情的时候,希望1.引起用户的关注;2.不使用户感到烦躁不安;3.不希望中断用户的操作;4.引领用户到达该去的地方;5.当用户需要的时候可以再次找到该提醒。这些要求看似简单,实则需要耗费一番的设计功夫。本篇文章,就要系统的分析一下iPhone上通知的设计。

一、通知的样式

(一)、视觉界面

iPhone系统自带的消息通知形式有两种,分别是Badge Notification和Alert Notification。IOS5增加了Notification system。

1. Badge Notification

Badge Notification属于弱提醒,但是会让有消除气泡强迫症的人感觉闹心;

2.Alert Notification

Alert Notification属于强提醒,但是不但会中断当前操作,还会让没有专注于屏幕的用户错过提醒。

3.Notification System


IOS5的Notification System传承了Android和Palm的设计优势,可以很好的提醒用户有消息到达,又不会中断当前的操作,也不会因为没有关注到儿错过重要提醒。

4、Banner Notification

这种Banner Notification的样式适合应用内给予用户提醒,属于适合出现在特定界面,具有较强引导性,但是又不打断当前操作的提醒方式。目前很多应用采用这样的设计,比如Foursquare的新好友申请提醒、INTO_NOW的消息提醒、街旁的私信提醒和好友申请提醒。

5.Tips Notification

这种Tips Notification适合需要告知用户状态,但是不强列引导操作的情况,可以出现一下就自动消失。现在也比较常见,如Foursquare的新增Like的提醒、Instagram的消息提醒、一拍即合的消息提醒、Piictu的消息提醒、同步推的下载安装状态提醒等等

6.Status Bar Notification

在状态栏上做通知,既不打断当前操作,又比较醒目且不骚扰,还可以快速跳转。目前越来越多见了,从QQ到新浪微博,从Talkbox到MM语聊等等。但是这种设计只见于应用内,而且只限于IOS5以前的系统,估计会逐渐被淘汰。

(二)、听觉提醒

随着数字音频技术的发展,靠声音来与用户进行交互已经变得非常普遍且流行。比较常见的如新消息到达时的声音通知,Twitter的新消息被赋予鸟儿鸣叫的声音(Twitter的中文名经常被媒体翻译成“鸟鸣”还真的很贴切呢)。

人耳可以较容易的分别声音的强度、长短、音调、音色、节奏、旋律等特质。所以,声音一直被用来做为视觉的补充条件,提升用户体验。常见的声音通知方式有——

1.反馈音

我们用手机进行输入的时候,不同的手机会伴随着按键动作产生不同的反馈音,类似的操作按键被点击,都可以有相应反馈音。注册成功、升级成功也可以有成功提醒反馈音。

2. 警示音

当执行危险操作的时候、登录失败、下载失败、电量不足、倒计时时间将至的时候,会播放警示音告诉我们有危险;

3.提示音

当用iPhone发短信的时候,发送成功之后,会有一声确认提示音。用新浪微博客户端Weico刷新Timeline后如果有新消息达到,会有新消息提示音。这种提示音的好处,就在于,你可以执行操作之后就取做别的事情了,如果听到提示音,就知道消息发送成功了,有新消息到达了,有效的告知了用户。

4.拟物音

清除文件的时候,播放倾倒垃圾时跟垃圾桶碰撞的声音。QQ好友上线了,会有咳嗽声提醒,有新的加好友请求,会有敲门声提醒。

5.人声

能不能靠模拟人声进行提醒呢?iPod shuffle依靠VoiceOver功能成为第一款会说话的 iPod。假如你在听一首歌曲,想要知道它的名称或表演者姓名。只需点按 iPod shuffle 顶部的全新按钮,它就会告诉你了。你甚至可以通过 VoiceOver 听到播放列表名称,并在它们之间进行切换。此外,如果你的电池需要充电,VoiceOver 也会告诉你。

图 iPod shuffle的VoiceOver 会讲 25 种不同语言的原因,它可以你的母语说出歌曲和表演者名称

当然,尽管利用听觉可以做出很多有趣的交互体验效果,但是不能完全依赖听觉交互进行设计,因为在移动设备上听觉交互还有很多难题没有解决——环境,手机的使用环境复杂多样,在地铁上、路上等嘈杂的环境里,手机的声音可能就会变得微乎其微,听觉交互的可识别性将会大打折扣;噪音,当过度的依赖声音交互的时候,可能反而会形成一种噪音,干扰别人的生活。

所以,听觉交互要配合视觉交互一起使用,并且给予用户控制权,用户可以取消不需要的听觉反馈。

(三)、震动提醒

用震动来提醒有新短信或者新来电,已经是一种得到了普遍认可的交互模式。

索尼公司开发的“触觉引擎(TouchEngine)”使用了一个触觉产生器,将电子信号转化为运动,它可以通过震动的节奏、强度及变化的快慢等方面的差异来告知用户是谁打来的电话或来电的紧急程度。让体验来的更具体和实在。

      

IOS5也已经支持自定义震动,你可以针对每一个联系人选择特定的震动,可以选择5个标准的震动,也可以选择自定义震动。

 

 

 

 (四)、嗅觉提醒

相对于视觉和听觉在交互系统中的运用,人们对气味的感知和反应能力还未被很好的利用。相关研究表明,气味能有效的唤起人的某些情绪。随着交互技术的发展,嗅觉体验正越来越被重视。

我们可能已经不稀罕环绕式立体声、宽屏高清电视之类的家庭影音系统了,设计师David Sweeney设计的“Surround Smell”把我们带入了新一波的体验中。这个设备内置有16种独特新颖的气味,用一个微电压泵控制,可以根据电视里不同的场景散发出不同的气味,来传达出不同的信息。譬如当电影情节发展到热带丛林里时,整个房间就会弥漫着一股丛林的味道,从而可以让人产生身临其境的感觉。我们也可以沿用到用不同的气味来提醒不同的信息

 

二、通知设计策略

在设计通知系统的时候,我们需要自问自答如下这些问题:

  1. 用户所在页面?(九宫导航页?消息列表页?会话详情页?应用之外的页面?)
  2. 通知出现的时机?(有更新的时候?有好友申请的时候?无网络的时候?累计10条消息的时候?)
  3. 通知出现的频率?(仅1次?每次复现?重复3次?一直出现到用户操作为止?)
  4. 通知消失的契机?(1s消失?2s消失?用户操作消失?有网消失?一直存在?)
  5. 是否模态?(模态不可执行其他操作,非模态可以执行其他操作)
  6. 是否告知进度?(告知百分比?告知运行中?不告知状态仅提示消息?)

对照这些问题去比对,可以得出不同情况下,可以采纳的通知设计样式,举个简单的例子

经过多维度的分析,将会保证你的通知设计的符合场景、符合需求,且不会遗漏策略和细节。

三、通知设计原则

简单的总结一下,通知的设计,主要遵循以下几条原则:

1.引起用户的关注

你的通知系统如果完全无法引起用户的关注,比如做成纯文本让用户误以为是内容了,比如做成闪图让用户误以为是广告了,都达不到告知的作用,那通知就失败了。

2.不使用户感到烦躁不安

其实iPhone的Badge通知,不是一种很友好的设计,实在是不知所云又让人负担颇重。你不可能从一个数字气泡2中推测出来是2条新消息还是2个好友请求,也不知道来自于谁,必须点进去才知道。如果你不点,你的屏幕就变成了泡泡世界,实在是让人很不安。在应用内部,如果只是提醒进度或状态的通知,就不必要一直存在了,否则通知就变成了一种负担,尤其是那些不被用户操作消除的通知。

3.不希望中断用户的操作

要注意通知的时机和场合,如果为了引起用户的关注,而强硬的中断了用户的操作,牺牲了用户的体验,也是不可取的。比如主任务流程是找厕所,用户明明已经非常尿急了,你却偏要弹出对话框告诉用户快去处理好友申请,用户不砸手机才怪。

4.引领用户到达该去的地方

如果你的通知,不但需要用户知晓,还需要用户执行操作,那么需要注意引导出现的时机,不要做成模态的,中断用户操作的。如果用户跳走,需要帮用户记住当前状态,确保back回来,一切恢复到跳走之前状态。

5.当用户需要的时候可以再次找到该提醒

好友申请、消息通知、信息流推送,这些通知,不能转瞬即逝,不管处理还是没处理,都可以再次找寻到通知所承载的内容才行。这样才能增强用户的安全感,保证信息的完整度。

消息通知,说来简单,设计起来非常复杂,这里提到的都是前端逻辑而已,后端逻辑更是要人命。如果你还以为消息提醒就是数字气泡和对话框,你就弱爆了,那只是界面样式中的两种而已,使用场景颇有局限,而且缺陷非常明显。所有,有足够精力的应用设计团队,赶紧开始自己设计消息提醒样式吧,同时也要注意跟系统各种Sensor的结合,IOS5不但有自定义震动,还有LED闪烁提醒,声音提醒还可以定义左右声道。这些虽然都是小细节,但足以让你从同类产品中脱颖而出,给你的用户带来不一样的使用体验。

 

elya妞

~落花有意随流水,流水无情恋落花~

在 “设计优秀的iPhone通知” 上有 43 条评论

  1. buy viagra from china
    buy viagra hyderabad
    buy viagra turkey
    viagra sale glasgow

    viagra sale pfizer
    cheap viagra from canada online
    order viagra legally
    buy viagra bangkok
    cheap viagra without prescriptions
    buy generic viagra new zealand
    buy viagra walgreens
    buy viagra uk cheap
    viagra sale toronto
    cheap genuine viagra uk
    cheap viagra soft
    viagra online buy uk
    viagra sale mastercard
    buy viagra at walgreens

  2. http://ndmpoland.pl/skutery-wodne-yamaha
    Purchasing a new or used automobile could be a challenging procedure if you do not know what you are actually doing. By teaching yourself about automobile store shopping prior to visit the dealer, you possibly can make stuff simpler on your own. The following advice can help the next buying trip be a little more pleasant.

    Usually take a mechanic along when searching for a whole new car. Car retailers are popular for marketing lemons and you may not want to be their after that patient. Whenever you can not get a technician to check out automobiles with you, a minimum of ensure that you have him take a look at last selection before you purchase it.

    Know your limits. Before you begin purchasing for your forthcoming vehicle or vehicle, decide how much you can manage to pay, and adhere to it. Don’t overlook to add desire for your estimations. You will probably spend around twenty percent as a payment in advance at the same time, so be ready.

    Prior to seeing a car dealership, know what kind of motor vehicle you want. Investigation all you possibilities ahead of store shopping to help you determine what works for your budget and household requirements. Do your homework to determine just how much you need to pay to get a potential auto.

    Before you sign any agreement spend some time to study each series, like the small print. If you have something detailed that you do not understand, tend not to indication before you receive an respond to that you just comprehend. Unsavory salesmen can make use of a binding agreement to put in several fees that have been not reviewed.

    In the event you retain the preceding advice in your mind the next time that you just go looking for a car, you will be prone to get a full package. Getting a auto lacks to become a headache. Simply use the information with this article and you may receive the automobile you would like at the excellent cost.

  3. 强效\\\\\、、催、、情、、水,喷雾\迷\\幻\水,三\\唑\\仑,乖乖\\水,迷\\\烟,全国\\货\\到\\付\\款,保密\\配\\送,无效\\退款,让淑\\\女瞬间\\变成荡\\\妇QQ908077383鞍山安阳安庆安康澳门阿克苏阿拉尔阿里阿坝阿拉善盟安顺B.北京保定包头滨州宝鸡蚌埠本溪白城亳州保山巴音郭楞博尔塔拉巴中巴彦淖尔盟白山白银百色北海毕节C.成都长沙重庆长春常州沧州常德郴州赤峰承德长治楚雄昌吉长葛昌都朝阳巢湖池州滁州潮州崇左D.东莞大连德州东营大庆丹东大同大理定州德阳迪庆德宏达州定西大兴安岭大丰E.鄂尔多斯恩施鄂州F.福州佛山抚顺阜阳阜新抚州防城港G.广州贵阳桂林贵港固原赣州馆陶广安广元甘孜果洛甘南H.杭州哈尔滨海口合肥呼和浩特惠州衡阳邯郸湖州衡水汉中淮安黄石海拉尔菏泽怀化黄冈河池哈密红河
    鹤岗鹤壁淮南淮北黄山和田黄南海西海南海东海北呼伦贝尔葫芦岛河源贺州黑河和县霍邱J.济南济宁嘉兴江门金华吉林揭阳九江焦作晋城荆州佳木斯鸡西吉安金昌晋中锦州景德镇荆门嘉峪关
    酒泉济源K.昆明克拉玛依库尔勒开封喀什克孜勒苏垦利L.兰州洛阳廊坊临沂聊城连云港吕梁乐山辽阳辽源拉萨临汾龙岩临夏柳州漯河泸州丽水丽江六安莱芜
    临猗临沧林芝凉山娄底陇南来宾六盘水M.绵阳茂名马鞍山牡丹江明港梅州眉山N.南京南昌宁波南宁南阳南通内江宁德南充怒江那曲南平P.平顶山盘锦萍乡平凉濮阳攀枝花莆田普洱Q.青岛泉州秦皇岛其他齐齐哈尔衢州清远钦州曲靖黔东南庆阳黔南黔西南七台河潜江清徐R.日照日喀则S.上海深圳苏州沈阳石家庄汕头宿州绍兴十堰三明韶关商丘沭阳宿迁绥化邵阳三亚顺德松原三门峡汕尾
    随州石河子山南遂宁商洛朔州石嘴山上饶四平双鸭山神农架T.天津太原唐山泰安台州泰州台湾铁岭天水吐鲁番图木舒克铜川通辽通化铜陵铜仁天门台山桐城W.武汉无锡潍坊乌鲁木齐温州威海芜湖梧州瓦房店渭南文山乌海五家渠吴忠乌兰察布武威五指山武夷山X.西安厦门徐州湘潭襄阳新乡邢台孝感西宁许昌香港忻州宣城西双版纳锡林郭勒盟咸阳信阳兴安盟新余
    湘西仙桃咸宁Y.烟台延安扬州宜昌盐城岳阳银川延边鹰潭玉溪运城宜春营口榆林宜宾永州阳江阳春阳泉禹州鄢陵
    玉林伊犁雅安玉树益阳云浮伊春永新义乌Z.郑州珠海张家口中山淄博株洲漳州湛江肇庆枣庄镇江周口正定驻马店自贡张家界资阳遵义舟山章丘
    赵县诸城昭通中卫张掖张北庄河

  4. 我觉得 系统级别的提示是最棒最安全的,一旦要为提示做视觉设计,我会觉得好似要用户强制性的去看,去了解.
    于是我很欣赏android顶菜单栏翻转的那种提醒模式.当然作为专门做这个的我来说是这样…有时候我会把自己的需求看作是用户的需求.
    提醒越多,打断就越多.
    然后你把提示的内容具体在上状态栏,也不会被忽略.
    好似iphone会把新消息提示放在icon上一样.这种级别的提示是最能让人接受的

  5. Notification System用着有两点不爽的地方,玩游戏的时候一不小心就会把它给来下来,还有如果有新的提醒会卡一下,但是也不会像Alert Notification暂停游戏,这样的话像水果忍者之类的游戏玩起来就很坑爹,这些提醒方式还是各有所长吧

    1. 貌似全屏类应用如游戏、多媒体全屏播放,打开通知中心会分两步,先拉出一小截,继续拉出的话才会打开通知中心,降低了不小心打开通知中心的几率。玩游戏的时候如果两次都误触了这个小玩意儿,也是没有办法的。

  6. 我认为iphone的图标提醒灵感来自黑莓,当初iphone没有泛滥的时候,我使用黑莓很大一点就是黑莓那个小红花和led灯提醒功能,iphone在小红花这个图标直接更改为显示消息提醒数,另外黑莓最大亮点是可以设置什么人led显示什么颜色,短信功能电话功能,led的各种组合都能敷衍几十种的显示方式,非常方便。这些 提醒功能在iphone触控之下更加醒目,不过稍感可惜是iphone没有led灯。

  7. 我认为iphone的图标提醒灵感来自黑莓,当初iphone没有泛滥的时候,我使用黑莓很大一点就是黑莓那个小红花和led灯提醒功能,而且可以设置什么人led显示什么颜色,短信功能电话功能,led的各种组合都能敷衍几十种的显示方式,非常方便。这些 提醒功能在iphone触控之下更加醒目,不过稍感可惜是iphone没有led灯。

  8. 说起通知/消息提醒,尤其是“嗅觉提醒”的时候,我一直在想着,让消息提示与手机机体分离。我们习惯于将手机放在自己的口袋或包里。这便意味着,信息容易被我们忽视掉。

    手表,自机械表诞生以来,有着悠久的历史了。在电子技术如此发达的现在,手表依然存在。当然,我们不排除显示身份等因素。但是有一点不得不承认,那就是,手表让我们获得信息十分方便。

    于是,我就想,如果有一种类似“手环”之类的和手机联系在一起的消息提醒器,会更加方便我们处理信息了。

  9. 虽然通知部分只是应用设计中很小的一块,但却体现人性化的一面。而且你对细节把握的很到位并且罗列了一些设计规范很赞的,妞,支持你。。。

发表评论

电子邮件地址不会被公开。