Page MenuHomePhabricator

Top of article layout for mobile web
Closed, DeclinedPublic

Description

We're working on changing the layout for the top of articles on mobile web. Documented here: https://www.mediawiki.org/wiki/Reading/Features/Article_lead_image

Problem
There is a lot of interface at the top of the article, and you must scroll before you can understand: am I in the right place? And then, where is the information that I want to know?

Goal of redesign
Allow the reader to see the most relevant, readable information about the subject quickly with less distraction.

The design does that by focusing on the image, title, first paragraph, and then the infobox. It shows a consistent layout of image and title together.

It is also more consistent with the app layout.

Questions for research
How can we test which layout people prefer? Should we give readers a task or just show the 2 layouts and ask which they prefer?
Can we get the volunteer community (who may be active on the talk page for https://www.mediawiki.org/wiki/Reading/Features/Article_lead_image) to participate in research?

Timeline
Q1 - research, community engagement, iteration
Q2 - ready to build

Event Timeline

KHammerstein raised the priority of this task from to Needs Triage.
KHammerstein updated the task description. (Show Details)
KHammerstein added a subscriber: KHammerstein.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 6 2015, 11:07 PM
KHammerstein set Security to None.
KHammerstein updated the task description. (Show Details)
KHammerstein renamed this task from Article layout for mobile web to Top pf article layout for mobile web.Jul 6 2015, 11:13 PM
KHammerstein renamed this task from Top pf article layout for mobile web to Top of article layout for mobile web.Jul 6 2015, 11:56 PM

@KHammerstein Thanks for such a comprehensive description!

@KHammerstein what is the timeline for this?

@aripstra Timeline is included in the description
"Q1 - research, community engagement, iteration
Q2 - ready to build"

Restricted Application added a subscriber: StudiesWorld. · View Herald TranscriptNov 6 2015, 6:11 PM

Meeting scheduled for Monday Nov 9, 2015 between Reading Design and Design Research

ggellerman added a subscriber: dchen.
KHammerstein added a comment.EditedNov 9 2015, 7:10 PM

1989 lomo prieta earthquake
You're talking to a friend about earthquakes. You wonder, how long did the earthquake last? (infobox)
Nellie Bly
You hear that Nellie Bly was an interesting historical journalist. What is the background of Nellie Bly? (general)
National Palace (Mexico)
You are visiting Mexico city and heard the National Palace is an interesting landmark. You want to know more about it and wonder where it is? (first paragraph)

Prototype
https://invis.io/KA4T75T2W

aripstra moved this task from Backlog to Paused on the Design-Research board.Dec 11 2015, 6:34 PM

@KHammerstein

This task has been paused for a while, so checking to see if this work still needed. Please advise. Thanks!

@Nirzar What's the status of wikidata page banners? Would this research be helpful?

aripstra removed aripstra as the assignee of this task.Jun 10 2016, 2:09 PM

@dchen and @pizzacat

I am declining this task. One of you would know better about status and who might work on this.

@JKatzWMF

Is this ticket still relevant? Thanks!

Nirzar changed the task status from Open to Stalled.Jun 25 2016, 12:39 PM

Taking Design Research off this task to keep our Boards current. Feel free to re-add us if/when this becomes relevant to your team again.

Jhernandez closed this task as Declined.Jun 29 2016, 5:14 PM
Jhernandez added subscribers: Qgil, Jhernandez.

outdated task. Thanks @Qgil