Page MenuHomePhabricator
Create Task
Maniphest T104929

Top of article layout for mobile web
Closed, DeclinedPublic
Actions

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

Related Objects
Search...

StatusSubtypeAssignedTask
 DeclinedNoneT98145 [EPIC] Lead images (WikidataPageBanner integration) to stable
 DeclinedNoneT104929 Top of article layout for mobile web

Event Timeline

• KHammerstein created this task.Jul 6 2015, 11:07 PM
• KHammerstein raised the priority of this task from to Needs Triage.
• KHammerstein updated the task description. (Show Details)
• KHammerstein added a project: Design-Research.
• KHammerstein subscribed.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 6 2015, 11:07 PM
• KHammerstein updated the task description. (Show Details)Jul 6 2015, 11:08 PM
• KHammerstein set Security to None.
• KHammerstein updated the task description. (Show Details)
• KHammerstein updated the task description. (Show Details)Jul 6 2015, 11:10 PM
• 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
• Capt_Swing subscribed.Jul 7 2015, 4:38 PM
• KHammerstein added a project: Design-Research-Backlog.Jul 7 2015, 10:08 PM
• KHammerstein added a subscriber: • pizzzacat.
• ggellerman removed a project: Design-Research.Jul 10 2015, 5:33 PM
• ggellerman subscribed.Jul 10 2015, 5:38 PM

@KHammerstein Thanks for such a comprehensive description!

• ggellerman added a subscriber: • Moushira.Jul 10 2015, 5:38 PM
• aripstra subscribed.Jul 21 2015, 7:35 PM

@KHammerstein what is the timeline for this?

• KHammerstein added a comment.Jul 22 2015, 4:20 PM

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

• aripstra edited projects, added Design-Research; removed Design-Research-Backlog.Jul 31 2015, 12:50 AM
• Moushira added a parent task: T98145: [EPIC] Lead images (WikidataPageBanner integration) to stable.Aug 26 2015, 6:02 PM
• aripstra edited projects, added Design-Research-Backlog; removed Design-Research.Sep 1 2015, 9:14 PM
• ggellerman mentioned this in T109030: Help with testing lead section changes.Sep 1 2015, 9:42 PM
• aripstra added a project: Design Research and product team collaboration.Oct 7 2015, 12:03 AM
• aripstra moved this task from Backlog to Blocked on the Design-Research-Backlog board.
• Moushira added a project: Readers-Community-Engagement.Oct 7 2015, 3:32 PM
• Moushira moved this task from ToDo to Doing on the Readers-Community-Engagement board.Nov 3 2015, 1:17 PM
• ggellerman moved this task from Blocked to Staged on the Design-Research-Backlog board.Nov 6 2015, 6:11 PM
Restricted Application added a subscriber: StudiesWorld. · View Herald TranscriptNov 6 2015, 6:11 PM
• ggellerman added a comment.Nov 6 2015, 6:12 PM

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

• ggellerman assigned this task to • aripstra.Nov 6 2015, 6:25 PM
• ggellerman added a subscriber: dchen.
• aripstra edited projects, added Design-Research; removed Design-Research-Backlog.Nov 6 2015, 6:34 PM
• 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
• ggellerman added a comment.Mar 11 2016, 6:35 PM

@KHammerstein

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

• aripstra added a comment.Apr 15 2016, 5:04 PM

@KHammerstein Ping?

• KHammerstein added a subscriber: • Nirzar.Apr 15 2016, 5:11 PM

@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.

• ggellerman added a subscriber: • JKatzWMF.Jun 24 2016, 5:28 PM

@JKatzWMF

Is this ticket still relevant? Thanks!

• Nirzar changed the task status from Open to Stalled.Jun 25 2016, 12:39 PM
• Capt_Swing added a comment.Jun 28 2016, 5:37 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.

• Capt_Swing removed projects: Design-Research, Design Research and product team collaboration.Jun 28 2016, 5:37 PM
Qgil added a project: Web-Team-Backlog.Jun 28 2016, 8:55 PM
• Jhernandez closed this task as Declined.Jun 29 2016, 5:14 PM
• Jhernandez added subscribers: Qgil, • Jhernandez.

outdated task. Thanks @Qgil

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL