EL PaperBoy
Well-known member
- #1
Thread Owner:
EL PaperBoy
Enhancing the Mobile Experience with New PWA FeaturesAs part of our ongoing mission to ensure Invision Community 5 feels as smooth and modern across all devices, we’re pleased to announce several improvements in 5.0.10 that enhance the Progressive Web App (PWA) experience. What is the PWA and how do I use it? A Progressive Web App (PWA) is a mobile-optimized version of your community that users can add to their device’s home screen, just like any regular app. It launches in full-screen and supports push notifications and badges (when enabled). To install the PWA: iOS/iPadOS: Tap the Share button in Safari (square with an arrow), then tap "Add to Home Screen." Android: Tap the three-dot menu in Chrome, then tap "Add to Home Screen." The goal for this update is to make your community feel closer to a native app and to make the PWA more accessible, so lets take a look at what's new! Pull to Refresh on iOSAdding pull-to-refresh in the iOS PWA has been a popular request in our feedback forum and I'm excited to share that it has now been implemented. Just like in a native app, users can swipe down to refresh the page in iOS, making it easier and more intuitive to see the latest content. This feature replaces the Refresh button previously found in the mobile footer and brings the iOS experience in line with modern mobile app standards. light-pull-to-refresh.MP4 dark-pull-to-refresh.MP4 Loading animationNavigating between pages in PWAs could sometimes cause confusion due to the lack of a loading indicator. To alleviate this, a custom loading animation has been added which should reassure your visitors that the next page is actually loading. It’s a subtle addition, but it's one which many visitors would expect to see in modern mobile apps - and now they can! ScreenRecording_06-07-2025 13-25-43_1.MP4 Installation prompt bannerSome users may not be aware that they can install your community directly to their device like a native app. To help with that, we’ve introduced a new installation prompt banner to help guide them through the install process. This banner appears when users are browsing your community in a mobile browser. Tapping the banner brings up step-by-step instructions tailored to their device. It’s a gentle nudge that increases PWA adoption while also respecting your visitors choice with a dismiss button. ScreenRecording_06-07-2025 13-56-44_1.MP4 App icon badgesReceiving a notification on the community now adds a notification badge to the PWA icon on your home screen, even if the PWA isn’t open. It’s a great (and familiar) way to inform your members that there’s fresh content waiting for them, and it's just a single tap away. Badges.mp4 Redesigned enable push promptsEnabling push notifications has never been easier. You are now prompted not only in the main notifications menu, but also when tapping follow on any item. EnableFromMenu.mp4 More improvements coming soonThis is part of our ongoing commitment to make Invision Community 5 the best possible experience on mobile. We’re already working on additional improvements to make the mobile experience even more polished and I look forward to sharing them with you in a future update!
Continue reading...
Continue reading...