Since the only way to go back to the list of sites is the down arrow on the new bottom bar, and since the new bottom bar doesn’t appear until the site loads, if a site takes a really long time, then I’m staring at the progress bar with no way to escape except killing the app.
No, only within each site. I’ve hit the “slow site” problem too, it’s something that I’ve previously been able to resolve with the now-removed refresh button. Forced to two-finger swipe out now then tap back in.
Yes, this isn’t the most user-friendly experience when servers are slow. If the server fails outright, users will see a screen with refresh and close buttons, but that doesn’t apply to a slow server.
This isn’t very intuitive, but swiping (one finger) from top to bottom should work. You need to start the swipe around where the header would be if the site had loaded, so just a bit below the progress bar.
Initial load on a slow mobile connection is agonizing (Slow 3G can easily take 20 seconds) — the agony is probably enhanced by the blank screen (at least the app has the progress bar, but it’s tiny). Android PWAs have a splash screen with the logo which might help reduce agony? but everyone else gets the blank screen. I wonder if the splash screen makes it feel slightly less painful to wait (and reduces the desire to escape)? It’s static, so maybe not.
So the second piece is, when I’m experiencing agony in the app — help me easily escape it. Ideally we should show a button to go back to the site list somewhere, at least during initial load. The swipe is nice to have, and it’s cool that it follows the animations within the app properly… but I didn’t know it was there (I’ve tried the back swipe before though!).
This was exactly what I was thinking. Before I could use the Done button, but now I can’t find any way out unless I already know the secret magic words. Is it possible to show the bottom bar before the site loads @pmusaraj ? Then the user would see the escape route.
It might have to change color after the theme loads, though.
It’s possible, we would have to make a fake bar in the app. And, 3 of the 4 buttons in the bar won’t do anything while it’s loading… so, I don’t know. Maybe add the dismiss button only, on the same place as the dismiss button after the site loads?
I would also like to only show something after a delay, maybe after 5-10 seconds, because sites do load fast generally and it feels like noise to show a dismiss button right away.
Another option to minimize agony would be to make the progress bar more prominent. We are reusing the same progress-bar component as on the home screen (site list), but it can be changed for the webview.
A quick solution would be to repurpose the error screen here and show the two buttons (refresh, close) after a short delay (5 seconds). Here’s how it would feel on a slow connection:
I’ve added the above functionality to a beta version of the app, please test at https://testflight.apple.com/join/NkdBQgmg and let me know if there are any issues. (If no issues, it’ll be released in a few days.)