Page MenuHomePhabricator

Mobile VE: Fall back to wikitext editor if the loading takes too long
Closed, ResolvedPublic

Description

One of the takeaways of the mobile VE A/B test was that VE had a lower success rate than WTE, because it took longer to load, causing users to abandon their edit before even starting.

We should add a way to switch to WTE (which loads much faster) if the loading takes too long.

Deployment timing

Ideally, this patch will ride the train that goes out on 10 Oct 2023.

Requirements

  1. If after 3 seconds mobile VE has not yet loaded, show people prompt this ticket is introducing
  2. Prompt should read:
    • Slow connection? / CTA: Switch to source editor
  3. . If someone opts to "Switch to source editor", that selection should NOT impact their preferred editor.

Mockup

mobileAddTopic_Load.png (1×736 px, 134 KB)

Open questions

  • 1. After how much loading time will we show the prompt this task is introducing?
    • 2 seconds [i]
  • 2. If someone opts to Switch to source editor will that selection impact their preferred editor? Read: the editing interface they see by default the next time they attempt to edit a page on mobile.
    • To start, someone opting to Switch to source editor will NOT impact their preferred editor preference.
      • Thinking: we assume people will encounter this prompt relatively infrequently and thus conceive of it as a one-off choice, rather than a choice that will stay with them over time. Although, we'll learn the extent to which this is true and whether this approach needs to be revised in T347437.
  • 3. What copy will we use for the CTA that simultaneously:
    • 1) Communicates the more "lightweight" nature of the source editor
    • 2) Does NOT introduce any new jargon (read: leverages language used elsewhere throughout the interface)
    • 3) Does not cause people to perceive the interface as being less complex to use

Done

  • Requirements implemented

i. This 2 second threshold was informed by learning the media load time for mobile VE is ~1.6 seconds. We assume

Event Timeline

Change 554222 had a related patch set uploaded (by Bartosz Dziewoński; owner: Bartosz Dziewoński):
[mediawiki/extensions/MobileFrontend@master] mobile.init/editor: Add a button to switch to WTE if loading VE is slow

https://gerrit.wikimedia.org/r/554222

First rough idea of how it might look:

Jdlrobson subscribed.

I think this is waiting on code review from our team.

ppelberg added a subscriber: Esanders.

This is great, @matmarex.

Today, @iamjessklein, @Esanders and I met to discuss the proof of concept and came up with the following questions Jess will explore in a design spike.

Open design questions

  • When should the fallback option be presented? If after __ seconds the VisualEditor is not ready? Immediately after a contributor inits the editor? Something else?
  • How should the fallback option be visually presented? Should any additional information about the "basic mode" be communicated to contributors?
  • After opting into the "basic editor," should contributors be shown any kind of additional messaging that makes them aware of their ability to switch to a "richer" experience? [1]

Next steps

  1. Answer "Open design questions"
  2. Mockup a different design treatment for this workflow
  3. Instrument the workflow so we can isolate contributors who go through this workflow in our analysis of the A/B test (T221198).
    • The work involved with instrumenting this workflow will happen in this task: T243641

Gmail mode switcher
Screen Shot 2020-01-24 at 2.30.56 PM.png (35×632 px, 9 KB)

The task description says VE had a lower success rate than WTE, because it took longer to load, causing users to abandon their edit before even starting. While that is surely true in some cases, I expect it is a minority. Possibly a rather small minority. The overwhelming majority of edit-clicks are people with no intention of editing. They are either misclicks or curiosity clicks. The fact that VE is slow to load merely gives those users a chance to cancel the page load.

Removing task assignee due to inactivity, as this open task has been assigned for more than two years. See the email sent to the task assignee on February 06th 2022 (and T295729).

Please assign this task to yourself again if you still realistically [plan to] work on this task - it would be welcome.

If this task has been resolved in the meantime, or should not be worked on ("declined"), please update its task status via "Add Action… 🡒 Change Status".

Also see https://www.mediawiki.org/wiki/Bug_management/Assignee_cleanup for tips how to best manage your individual work in Phabricator.

After discussion on Slack and with @ppelberg, we've decided to move forward with the following option including a normal-progressive button:

mobileVE_Load.png (1×736 px, 134 KB)

ppelberg moved this task from Doing to Ready to Be Worked On on the Editing-team (Kanban Board) board.

@ppelberg to document decision RE preference ("Open question" #2)

nayoub updated the task description. (Show Details)
nayoub subscribed.

This 2 second threshold was informed by learning the media load time for mobile VE is ~1.6 seconds. We assume

I think 2 seconds is be a bit early. I think this feature is for when VE is taking so long to load the user is likely to give up if not given an alternative, not just if it is taking slightly longer than average.

The GMail feature does show early during the loading screen, but it is much less prominent (which is harder to do on mobile):

image.png (1×1 px, 21 KB)

This 2 second threshold was informed by learning the media load time for mobile VE is ~1.6 seconds. We assume

I think 2 seconds is be a bit early. I think this feature is for when VE is taking so long to load the user is likely to give up if not given an alternative, not just if it is taking slightly longer than average.

The GMail feature does show early during the loading screen, but it is much less prominent (which is harder to do on mobile):

image.png (1×1 px, 21 KB)

Ok, let's double the median load time and do 3 seconds to start and use T347646 to help us decide what – if any – adjustments we make to this threshold.

Per today's planning meeting, the requirements reflect the scope of what we'll implement initially.

Change 554222 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] mobile.init/editor: Add a button to switch to WTE if loading VE is slow

https://gerrit.wikimedia.org/r/554222

EAkinloose subscribed.

✅ Prompt should read

Screenshot 2023-10-04 at 02.38.30.png (1×720 px, 56 KB)

✅ If someone opts to "Switch to source editor", that selection should NOT impact their preferred editor

Screenshot 2023-10-04 at 02.41.24.png (1×696 px, 48 KB)

ppelberg claimed this task.