Rich Android notifications

An overview of ever changing and evolving android notifications, how they behave from Android 6 to Android 10. Best practices, guidelines, anti-patterns and pitfalls to watch out for, while designing and implementing push notification for Android apps.

Transcript

1. Rich Android Notifications @waliahimanshu
2. Topics • Why Use? • Types of notifications • API Behaviour changes • Best practices & Pitfalls
3. Why ? Decrease in mindshare Growth, engagement and retention 1 2
4. Types of notification Transactional Non-transactional 1.opt-out 2.opt-in
5. Types of notification Non-transactional •opt-out •Opt-in
6. API Behaviour changes
7. Android 5 L setPriority() setVisibility()
8. •Inline replies from notification tray •Bundling •Support for Custom notifications •areNotificationsEnabled() Android 7 N
9. Inline replies Android N 7 Notification<— Action <—RemoteInput val remoteInput = RemoteInput.Builder(EXTRA_COMMENT) .setLabel(replyLabel) .build() val replyAction: Action = NotificationCompat.Action.Builder( R.drawable.ic_reply_white_18dp, replyLabel, pendingIntent) .addRemoteInput(remoteInput) .setAllowGeneratedReplies(true) .build() notificationCompatBuilder .addAction(replyAction)
10. Inline replies Android N 7 Action Pending intent ? •Activity •Service or BroadcastReceiver
11. Android N 7 Updating your notification val messagingStyle = NotificationCompat.MessagingStyle.extractMessagingStyleFromNotification( notification) // Add new message. messagingStyle.addMessage(replyCharSequence, currentTimeMillis(), null as Person?) // Updates and push Notification // Updates and pushes active Notification val updatedNotification = notificationCompatBuilder // Adds a line and comment below content in Notification .setRemoteInputHistory(arrayOf(comment)) .build()
12. Android N 7 Bundling builder.setGroup(groupKey) builder.setGroupAlertBehavior(NotificationCompat.GROUP_ALERT_SUMMARY) builder.setGroup(groupKey) builder.setGroupSummary(true) builder.setGroupAlertBehavior(NotificationCompat.GROUP_ALERT_SUMMARY) Summary Notification
13. Android N 7 •DecoratedCustomViewStyle •DecoratedMediaCustomViewStyle Support for custom notifications
14. •Channels •Changing channel settings -> Prohibited •Deleting & re-creating -> Revealed Android O 8 •Channel groups
15. Channel off? getNotificationChannel()/getNotificationChannels() getSound(),getVibration() and getImportance() getImportance() == IMPORTANCE_NONE // O isBlocked () // added in P Android O 8
16. Notification badge Android O 8
17. Android O 8 •Time-out for notification (setTimeoutAfter(long)) •setColorized() •setByPassDnd()
18. sender = Person.Builder() .setName("Me MacDonald") .setKey("1234567890") .setUri(“tel:1234567890") .setBot(true) .setIcon(IconCompat.createWithResource(context, R.drawable.me_macdonald)) .build() NotificationCompat.MessagingStyle(sender) .addMessage("Check this out!", Date().time, sender) .setBuilder(notificationBuilder) Android P 9 val message = Notification.MessagingStyle.Message(message, time, sender) .setData("image/", imageUri) Focus on display
19. val messagingStyle = MessagingStyle(messagingStyleCommsAppData.m .setConversationTitle("Group title") .setGroupConversation(true) Android P 9
20. Android 10 API 29 val remoteInput = RemoteInput.Builder(BigPictureSocialIntentService.EXTRA_COMMENT) .setLabel(replyLabel) // List of quick response choices from ML // .setChoices(possiblePostResponses) .build() val replyAction = NotificationCompat.Action.Builder( R.drawable.ic_reply_white_18dp, replyLabel, replyActionPendingIntent) .addRemoteInput(remoteInput) .setAllowGeneratedReplies(true) .build() // Adds additional actions specified above. .addAction(replyAction) .setAllowSystemGeneratedContextualActions(true) Smart Replies
21. Smart reply and media style
22. Android 10 API 29 <activity android:name=".bubbles.BubbleActivity" android:allowEmbedded="true" android:documentLaunchMode="always" android:resizeableActivity="true" val bubbleMetadata = BubbleMetadata.Builder() // The height of the expanded bubble. .setDesiredHeight(this.resources.getDimensionPixelSize(R.dimen.bubble_height)) .setIcon(IconCompat.createWithAdaptiveBitmap(BitmapFactory.decodeResource( resources, R.drawable.wendy_wonda) )) // The Intent to be used for the expanded bubble. .setIntent(bubbleActivityIntent) val builder = Notification.Builder(context, CHANNEL_ID) .setBubbleMetadata(bubbleMetadata) .addPerson(chatBot) Bubbles (preview)
23. Android 10 API 29 Bubbles (preview)
24. Best practices
25. •Segment your users •Take the time of day into account •Actionable •Group and Prioritise
26. •In-App’s settings screen •Handle failure scenarios •Cancel notifications on sign-out
27. Pitfalls
28. •Don’t try this at home……test…ing Pitfalls •Do not use distinct small icon •Abuse notificationsEnabled()
29. •Notification icon (consider dark mode) •Avoid Custom view for notifications •large_icon 64dp * 64dp •big_picture 284dp * 416dp Pitfalls
30. Pitfalls •One channel •Avoid notification fatigue (Digital wellbeing)
31. Thank You
32. Extra / Bonus
33. Priority Order
34. Notification styles Big TextStyle Big PictureStyle
35. Notification styles Inbox Style Message Style Media Style
36. Building notification val builder = NotificationCompat.Builder(this, notificationChannelId).apply { setSmallIcon(R.drawable.ic_launcher) .setContentTitle("title") .setContentText("text") }
37. Building notification .setContentIntent(notifyPendingIntent) .setColor(R.color.colorPrimary)) .addAction(snoozeAction) .addAction(dismissAction)
38. Android N 7/25 Bundling