Jump to content

Add Back button for PWA on iOS


KT Walrus

Recommended Posts

I've been using the PWA on my iPhone and the number 1 usability issue is the lack of the browser's Back/Forward buttons.

I went to your competition to see how this issue was addressed by their developers and found that they implement Back/Forward buttons in Javascript when the user is using the PWA on iOS.

Go to https://try.discourse.org on your iOS device and Add to Home Screen to check out their solution to this problem. Discourse is open source so you can even look at how they chose to implement this. The Back/Forward buttons are hidden until you scroll the page (which is a nice touch).

If you fix this one issue, I will encourage my users to use the PWA.

Here are screenshots of the page in Safari and in the PWA:

IMG_0749.thumb.jpeg.caa7e99d1c8946c0b2bccd5e0630dd3e.jpegIMG_0750.thumb.jpeg.1e956fbb8b630fd278a6080ca45f18b1.jpeg

Edited by KT Walrus
Link to comment
Share on other sites

Note: Just tried the PWA on my Mac (installed with Chrome), and the Back/Forward actions are available in the PWA top menu (with Command-[ and Command-] shortcuts) so the PWA is very useable on the Mac. I can now launch the Invision Community PWA from the Dock and it feels like a real Mac app. Only on my iPhone is the Invision Community PWA frustrating because of the missing BACK button. Don't have Android device so not sure if it suffers from the same limitation on those devices.

Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...