The latest articles on Forem by Lee Munroe (@leemunroe). https://forem.com/leemunroe https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F406530%2Fa1bd553e-10a3-4564-8b7c-c2b3c62acb82.jpg https://forem.com/leemunroe en Lee Munroe Thu, 11 Jun 2020 05:10:57 +0000 https://forem.com/leemunroe/design-and-anatomy-of-a-push-notification-4g16 https://forem.com/leemunroe/design-and-anatomy-of-a-push-notification-4g16 <p>Hello 👋</p> <p>I originally posted this on <a href="https://onesignal.com/blog/push-notification-design-anatomy/">the OneSignal blog here</a>.</p> <p>Push notifications are supported across Apple iOS, Google Android, Huawei Android, Amazon Echo, macOS, Windows, Chrome, Safari, Firefox, Edge... the list goes on.</p> <p>However every OS deals with notifications slightly differently. In this post I break down the nuances of push notification design.</p> <p>If you’re a designer you’ll also find <a href="https://www.figma.com/community/file/852038744760148547">this push notification UI kit for Figma</a> useful.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kSQQXzMS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/c6uo1cnnowbn7j53nwy5.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kSQQXzMS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/c6uo1cnnowbn7j53nwy5.png" alt="Figma"></a></p> design ios android pushnotifications