当消息来敲门——iOS客户端上的消息提醒设计.pdf

当消息来敲门 —— iOS客户端上的消息提醒设计 手机作为便捷的通信工具，也让消息的接收变的更为畅快、即时。 淘宝二手作为一个买卖交易的平台，很多场景下需要依赖于留言来进行沟通了解宝贝细节，因此， 需要把消息及时的传达给每个消息的接收者，如何把消息明确清晰的展示给用户，这里会牵涉到 app 消息通知设计的内容。 淘宝二手 app 的消息内容大概分为三类： 1、系统通知； 2 、沟通留言； iOS 对于消息通知的提示也有自己的一套规范 iOS 的消息通知有两种形式， Badge Notification 和Alert Notification 。 图一： Badge Notification 图二： Alert Notification 不过在 ios5 中，推出了 Notification system ，它传承了 android 和palm 的设计优势，可以很好地提醒 用户有消息到达，又不会中断当前的操作。如图： 图三：消息提醒 图四：消息中心 图五： iOS7 的消息中心 以上三种通知的形式均是系统自带的消息提醒样式，除此之外，每个产品也会根据自己的需要 在app 内部加入一些消息提醒的设计。可以分为以下几类： 1.banner notification 这种出现在界面内的提醒简单，低噪，不会打断用户的正常操作。人人网消息提醒的样式多用此种 形式呈现。 图六： banner notification 2.tips notification 该种提示跟 banner 的样式接近，但该种消息提醒会在消息的存放处附近出现，引导用户点击操作， 去往对应的页面查看，例如 path 的消息提醒设计。 图七： tips notification 3.status bar notification 这种提醒样式相较于前两种 app 内部的消息提醒设计会弱很多，因此对用户正在进行的操作的影响降 低到了最低，不过虽然在视觉上提示较弱，但一般都会有声音或是震动的提示与之对应，做到即时 告知。 除了以上这些通过视觉样式上的消息提醒之外， ios 系统还提供了多样的消息提醒体验，比如声音 — —反馈音、提示音、警示音、拟物音等，再如触觉－振动。 回到二手客户端的消息提醒设计，我认为需要根据分类来做多样的设计。 1.系统通知。比如我有一件宝贝被人拍下或付款，或者我买了一件宝贝，卖家已经发货，这时的提 醒需要即时告知。 如果未在使用二手 app ，该条提醒则以系统通知样式出现，配以提示音。消息存放在消息中心里。 点击该消息则进入到对应的内容页（比如系统通知有件宝贝售出，点击该提醒则进入到已售出宝贝 列表） 2.留言信息。买家和卖家通过留言沟通收到的消息提醒。 未使用二手 app 时，该提醒不会出现，会以 badge notification 的形式提示在消息中心里。当在使用 二手 app 的过程中，有留言消息产生，该消息会通过 status bar notification 的形式展示。 由此看出，消息提醒的设计得考虑以下一些因素： 结合以上条件，整理出了二手客户端出现消息时在不同页面呈现出的消息提醒样式。 参考文章： 《手机系统消息通知设计的整理和分析》 《浅析手机消息系统设计》 《设计优秀的 iphone 通知》 作者：致尧； via ：淘宝 UED 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台