# 超遅いサイトに閉じ込められました

**URL:** https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710
**Category:** UX
**Tags:** ios-app
**Created:** [2019 年 5 月 14 日午後 3:38 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710 "2019-05-14T15:38:03Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![schleifer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schleifer/32/86416_2.png) [@schleifer](https://meta.discourse.org/u/schleifer)
#### Post date: [2019 年 5 月 14 日午後 3:38 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/1 "2019-05-14T15:38:03Z")

</div>

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.

 ![white](https://global.discourse-cdn.com/meta/original/3X/3/a/3a86a7b0d96ef72b01f1a721e53d14e8b397669f.jpeg)

It was probably only 60 seconds, but it seemed like forever. 😃

On the old layout I can pull down and hit the Done in the header bar to get out.

---

<div class="post-metadata">

### Author: ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### Post date: [2019 年 5 月 14 日午後 4:44 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/2 "2019-05-14T16:44:40Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/b/9/b9aa79c39bdc57e8fd2766dcb49264b023039cff.jpeg)

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [2019 年 5 月 14 日午後 5:05 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/3 "2019-05-14T17:05:30Z")

</div>

It’s not the only way to go back, a gesture exists too.

A double-fingered swipe from the top of the screen will also take you back to the site selector.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2019 年 5 月 14 日午後 5:13 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/4 "2019-05-14T17:13:00Z")

</div>

Does back swipe (left swipe) work here as well?

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [2019 年 5 月 14 日午後 5:13 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/5 "2019-05-14T17:13:49Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![schleifer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schleifer/32/86416_2.png) [@schleifer](https://meta.discourse.org/u/schleifer)
#### Post date: [2019 年 5 月 14 日午後 5:29 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/6 "2019-05-14T17:29:51Z")

</div>

Left swipe will work on old sites (that have the header bar) to bring you back to the list. For new sites it doesn’t, it stops at the main page.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 5 月 14 日午後 5:40 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/7 "2019-05-14T17:40:50Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![schleifer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schleifer/32/86416_2.png) [@schleifer](https://meta.discourse.org/u/schleifer)
#### Post date: [2019 年 5 月 14 日午後 5:41 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/8 "2019-05-14T17:41:56Z")

</div>

> [@Stephen](#):
>
> A double-fingered swipe from the top of the screen will also take you back to the site selector.

Aha. Now that I know, that makes sense, since the new ones come up from the bottom. I would never have guessed to try two fingers, though.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2019 年 5 月 14 日午後 6:25 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/9 "2019-05-14T18:25:14Z")

</div>

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.

Related UX research: [Progress Indicators Make a Slow System Less Insufferable - NN/G](https://www.nngroup.com/articles/progress-indicators/)

Previous (unresolved) Meta discussion on the blank initial load: [Show a loader starting page for slow connections?](https://meta.discourse.org/t/show-a-loader-starting-page-for-slow-connections/42981/)

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!).

---

<div class="post-metadata">

### Author: ![schleifer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schleifer/32/86416_2.png) [@schleifer](https://meta.discourse.org/u/schleifer)
#### Post date: [2019 年 5 月 14 日午後 6:53 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/10 "2019-05-14T18:53:06Z")

</div>

> [@awesomerobot](#):
>
> help me easily escape it

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](https://meta.discourse.org/t/117710/3). 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.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 5 月 14 日午後 7:09 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/11 "2019-05-14T19:09:58Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [2019 年 5 月 14 日午後 7:16 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/13 "2019-05-14T19:16:58Z")

</div>

How about a simple close control ‘x’ top-right in the canvas until the site loads?

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 5 月 17 日午後 4:54 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/14 "2019-05-17T16:54:42Z")

</div>

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:

[https://global.discourse-cdn.com/meta/original/3X/e/9/e915c763b388585856a52d62a214e888812f04d0.mp4](https://global.discourse-cdn.com/meta/original/3X/e/9/e915c763b388585856a52d62a214e888812f04d0.mp4)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 5 月 27 日午後 8:29 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/15 "2019-05-27T20:29:10Z")

</div>

I’ve added the above functionality to a beta version of the app, please test at [https://testflight.apple.com/join/NkdBQgmg](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.)

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [2019 年 5 月 27 日午後 9:39 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/16 "2019-05-27T21:39:25Z")

</div>

Still shows the same 40-day old build in testflight for me.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 5 月 27 日午後 9:48 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/17 "2019-05-27T21:48:57Z")

</div>

My bad, it needs to go through beta review first. Should take 24-48 hours.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 6 月 13 日午後 7:42 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/18 "2019-06-13T19:42:17Z")

</div>

This has now been included in the app’s 1.5.1 release.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019 年 6 月 17 日午後 10:00 UTC](https://meta.discourse.org/t/i-got-trapped-by-a-really-slow-site/117710/19 "2019-06-17T22:00:08Z")

</div>

This topic was automatically closed after 4 days. New replies are no longer allowed.
