Topic on Talk:VisualEditor on mobile/Edit cards

📲Instructions to use the prototype

1. Please tap this link on your mobile device: Edit Cards v1.0 prototype

☑️Tasks to test

1. Add a new link
2. Edit the label of an existing link
3. Change the target of an existing link to another Wikipedia article
4. Change the target of an existing link to an external link
5. Remove an existing link

📢Feedback

In your reply, we are curious to know your answers to the questions below. Of course, if you have other thoughts, we would like to know those too!

1. As you were completing the tasks above, at what points was it not clear what to do next? If all steps were clear, please leave this question blank.
2. As you were completing the tasks above, did anything behave in a way that you did not expect?
3. What are some of your overall impressions of the prototype? Do you find it clear? Confusing? Helpful?

1. What happens after I tap "EDIT LABEL"? Nothing happens if the link wasn't longer than two characters.
2. See answer above
3. When does the card appear, when the card? I can't bring up the edit card anymore after I've tapped the link twice that the keyboard appears. See my first answer in this post, too.

@FF-11, we appreciate you taking the time to experiment with the prototype and for coming back to share your experience.

Now, a few questions to help me make sure I've understood all of your feedback as you have intended it...

A. Editing an existing link's label has no effect, "...if the link wasn't longer than two characters."

Question: Does the below accurately describe the issue you experienced and what you expected to happen? If not, are you able to describe them?

Actual behavior:

1. Tap an existing link whose label is < 3 characters long
2. Edit card appears
3. Tap "Edit" link label
4. ⚠️nothing happens

Expected behavior:

1. Tap an existing link (it shouldn't matter how many characters long the label is)
2. Edit card appears
3. Tap "Edit" link label
4. Keyboard appears
5. Edit label text
6. Tap "Done"
7. New label text is shows in the article

B. When does the card appear?

The Edit Card should appear whenever you tap an element within the article that can be "focused." This means elements like links, citations, images, templates, etc.

C. The keyboard, instead of the Edit Card, appears if you tap twice on an existing link

Oh! This is behavior we intended. Although, it sounds like this was surprising and confusing – would I be correct to assume that?

So you are aware of our thinking: we included this "tapping twice" behavior as a shortcut or a way for contributors to be able to edit link labels more quickly. To show the edit card after tapping an existing link twice, tap elsewhere in the article and then tap the link again.

Question: what led you to tap twice on an existing link? What were you trying to do? What did you expect would happen?

D. Last couple things...

• Question: Do you remember what device and browser you were using to test the prototype? I wonder if the configuration might have had an impact on the behavior you experienced.
• Your experience with the visual editor...
  • Question: How familiar are you with it on desktop and mobile?
  • Question: How frequently do you use the visual editor on desktop and mobile?

By the way, hi 👋 My name is Peter. I work as the product manager on the Editing Team

A: That's right

B+C: If you think this isn't to confuseing to beginners, you can leave it as is

D: A Samsung Galaxy J3 with Samsung Internet Browser (Okay, maybe the problem was that I've used an unpopular browser that doesn't have to work with MediaWiki to 100 %)

A. Editing an existing link's label has no effect, "...if the link wasn't longer than two characters."

Thank you for confirming. My first thought, as you mentioned: "I wonder if the Samsung Internet Browser could be the cause here..." Either way, we'll take a look. If in the meantime you have the opportunity to test this on Chrome, we'd be curious to hear what you experience when trying to edit a link label that is less than 3 characters long.

Edit: here is the link to the Phabricator task where we will be looking into this issue: T227673

B. + C. When does the card appear?

"Does the Edit Card show/behave in ways contributors expect it to?" is one of the key questions we are trying to answer through our testing. Ideally, with the more testing we have planned, we'll be able to answer this question with more confidence.

D. Device configuration

Thank you for sharing your device and browser set up. This is helpful for trying to reproduce issues ^ _ ^

What's next? We will publish an anonymized summary of the feedback we've received around Edit Cards v1.0 on the Edit Cards project page and share a link to a prototype of the second iteration.

You have been clear and responsive with all of your feedback – thank you, @FF-11. If you have time to try the Edit Cards v2.0 when they are ready, we'd value your input, but certainly don't expect it.

Alright, that's all on my end for right now ^ _ ^

Also @FF-11, would it be correct for me to assume that you did not have any issues completing the workflows listed below?

1. Add a new link
2. Change the target of an existing link to another Wikipedia article
3. Change the target of an existing link to an external link
4. Remove an existing link

That's right. I don't had any issues with them.

Ok, excellent. Thank you for letting us know.

The prototype works well for me. I noticed that the edit card moved to the bottom in this edition (I think it was at the top in some previous edition), and I don't feel strongly about whether it should go to the top or the bottom.

All the best with the testing!

We appreciate you tapping through it, @Deryck Chan. And more generally, for being open to, and helpful with, our questions around editing on mobile.

I think a part of us was hoping you'd have some critical feedback. Although, it is not the worst thing to know adding and editing links with Edit Cards v1 worked as you expected :)

Now, to your comment about the edit card being moved to the bottom of the page...

Ah, yes. The Edit Card was at the top of the page before. Part of our reason for moving it there is to understand whether contributors are more likely to start modifying links and citations if the actions to edit them are more prominent/visible on the page. This comes – in part – as a response to us noticing in our in-person tests contributors being confused by the previous implementation. I think this gif does a good job illustrating the issue some contributors ran into: File:Link context item (mobile VE).gif

Like I mentioned to FF-11 above, next for us will be:

1) Publishing an anonymized summary of the feedback we've received around Edit Cards v1.0 on the Edit Cards project page and

2) Sharing a link to a prototype of Edit Cards v2