jon dascola, designer - apple inc....mail jon dascola this is a mail notification example here is a...
TRANSCRIPT
![Page 1: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/1.jpg)
#WWDC17
© 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.
Jon Dascola, Designer
•Rich Notifications • Session 817
Design
![Page 2: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/2.jpg)
![Page 3: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/3.jpg)
Be mindful of people’s time.
![Page 4: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/4.jpg)
A great notification is more than an invitation to launch the app.
![Page 5: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/5.jpg)
![Page 6: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/6.jpg)
Short Look
![Page 7: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/7.jpg)
![Page 8: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/8.jpg)
Long Look
![Page 9: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/9.jpg)
Quick Actions
![Page 10: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/10.jpg)
•Short Look •Long Look •Quick Actions
•What is this notification about? •What extra information is helpful? •What actions are appropriate?
![Page 11: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/11.jpg)
What can we do to makerich notifications rich?
![Page 12: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/12.jpg)
![Page 13: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/13.jpg)
![Page 14: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/14.jpg)
![Page 15: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/15.jpg)
![Page 16: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/16.jpg)
![Page 17: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/17.jpg)
![Page 18: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/18.jpg)
![Page 19: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/19.jpg)
![Page 20: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/20.jpg)
![Page 21: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/21.jpg)
![Page 22: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/22.jpg)
![Page 23: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/23.jpg)
![Page 24: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/24.jpg)
![Page 25: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/25.jpg)
![Page 26: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/26.jpg)
![Page 27: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/27.jpg)
![Page 28: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/28.jpg)
![Page 29: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/29.jpg)
![Page 30: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/30.jpg)
![Page 31: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/31.jpg)
![Page 32: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/32.jpg)
•Clear description in the short looks •Provide extra context in beautifully designed long looks •Relevant quick actions
![Page 33: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/33.jpg)
•Clear description in the short looks •Provide extra context in beautifully designed long looks •Relevant quick actions
![Page 34: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/34.jpg)
•Clear description in the short looks •Provide extra context in beautifully designed long looks •Relevant quick actions
![Page 35: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/35.jpg)
•Clear description in the short looks •Provide extra context in beautifully designed long looks •Relevant quick actions
![Page 36: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/36.jpg)
![Page 37: Jon Dascola, Designer - Apple Inc....MAIL Jon Dascola This is a Mail Notification Example Here is a mail notification preview. I'm going to show a little bit of content in the lock](https://reader033.vdocuments.us/reader033/viewer/2022060923/60aec9aae6bc1310694e0e17/html5/thumbnails/37.jpg)