Newcomer tasks: Update guidance panel tips from using tabs to previous and next navigation buttons
Open, LowPublic
Actions

Assigned To

None

Authored By

	MMiller_WMF
	Jun 15 2020, 2:20 AM

Description

Problem

As observed by @PPham and shown below, when the help panel is narrow, the seventh tip wraps to the next line. Only one task type ("Add references") has seven tips.

Solution

Replace tips tabs with segmented previous and next buttons and pagination text.

Related Objects
Search...

Status	Assigned	Task
Resolved	• Rileych	T239181 [EPIC] Growth: Newcomer tasks 1.2 (guidance)
Resolved	kostajh	T244431 Newcomer tasks: guidance panel behavior
Resolved	kostajh	T244541 Newcomer tasks: suggested edit screen in guidance
Open	None	T255389 Newcomer tasks: Update guidance panel tips from using tabs to previous and next navigation buttons

Event Timeline

@RHo -- what do you recommend for this situation?

@MMiller_WMF - since this is an edge case, I think we should push for the same behaviour to occur as the minerva-tabs whereby tab that is over the width to result horizontal scroll like in the mobile site:

Current prod mobile tabs

Use for proposed short term fix

OTOH, we can also consider switching to the the stepper interaction that in an earlier design:

The reasons we didn't go with the above design was:

To enable users to more quickly navigate across tips (for example go from tip 2 to 7) without having to repeatedly tap prev or next
Discourage overloading what is meant to be a short, quick guide with too many tips.
Using the tabs made it more noticeable that tips were auto-advancing (as each tab became active)

Proposal for amending to address the above issues:

Text input

Dropdown

Adding a either a text-input or dropdown option to change steps more quickly to address point 1
Add an animation for text to slide in and out when auto-advancing to make this change more overt to address point 3
This design means less potential for UI-issues if too many tips are created, but we should nevertheless provide instructions about limiting guidance quick tips to guide-content creators to address point 2

RHo mentioned this in T255719: Newcomer tasks: Make the help panel a fixed width on Desktop.Jun 17 2020, 9:17 PM

After the changes to width 360px on Desktop in T2558719, this issue is no longer happening.
However, pinging @MMiller_WMF in case we would like to proceed with one of the proposals in T255389#6224247 anyway to future-proof in case there are tasks in future which have >8 steps.

I think we should consider this "leftovers".

MMiller_WMF edited projects, added Growth-Team (Current Sprint); removed Growth-Team.Oct 7 2020, 3:30 PM

MMiller_WMF moved this task from Needs Design/Design Doing to Incoming on the Growth-Team (Current Sprint) board.

RHo renamed this task from Newcomer tasks: tips wrap in narrow panel to Newcomer tasks: Update guidance panel tips from using tabs to previous and next navigation buttons.Jan 28 2021, 3:01 PM

RHo updated the task description. (Show Details)

kostajh removed MMiller_WMF as the assignee of this task.Apr 15 2021, 8:04 AM

kostajh triaged this task as Low priority.

MBinder_WMF added a project: Growth-Team-Filtering.Apr 15 2021, 6:48 PM

Not currently working on this.

RHo added a project: Growth-Team.Apr 20 2021, 9:27 AM

RHo moved this task from Inbox to Triaged but Future on the Growth-Team board.

kostajh mentioned this in T326791: Analyze clicks/taps on auto-advanced guidance.Feb 20 2023, 8:50 PM

	F31866281: image.png
	Jun 15 2020, 2:42 PM

	F31866463: image.png
	Jun 15 2020, 2:42 PM

	F31866734: image.png
	Jun 15 2020, 2:42 PM

	F31866469: image.png
	Jun 15 2020, 2:42 PM

Newcomer tasks: Update guidance panel tips from using tabs to previous and next navigation buttonsOpen, LowPublicActions