Better Feed layout for iPad
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	• Nirzar
	Apr 12 2016, 9:42 PM

Description

Summary
Make better use of larger screen size to improve the feed browsing experience on iPads.

Proposed design - key points

Better use of screen real-estate by allowing feed to flow over 2-column cards on iPad portrait, showing more content and reducing scrolling,
Improved reading experience by splitting content so the wider left hand side column is used for 'editorial' type cards with more content (large images, lead paragraphs), whilst RHS narrower column is used for list content.
Search is more prominent – so users can begin a search faster
Clearer branding with the use of a full "Wikipedia" workmark
Overall hierarchy of top nav items remains consistent

Allows graceful reflow to single column layout if user activates Split View and the app width is reduced (only impacts iPad Pro, iPad Air 2 and iPad mini 4)

Mock
{M177}

Design details

LHS column is 58.333% (7/12 columns) wide and contains the following content:
- Featured article of the day
- Picture of the day
- Random

RHS column is 41.667% (5/12 columns) wide and contains:
- Today (Main page)
- Continue reading
- Top read
- Because you read
- Nearby

Related tasks

Localization of the wordmark being investigated in T141458
Updating the 'Because you read' suggestions list and 'Continue reading' cards in T141767

Related Objects
Search...

Status	Assigned	Task
Resolved	• JMinor	T132511 [EPIC] iPad support for iOS app
Resolved	JoeWalsh	T132512 Better Feed layout for iPad
Resolved	JoeWalsh	T140291 Change explore view to use a collection view in order to support iPad layout
Resolved	• JMinor	T142577 Load additional older content as user scrolls down their feed
Resolved	• Fjalapeno	T143135 "Today" card should always appear as the first card on the RHS of the iPad feed layout
Invalid	JoeWalsh	T143398 Update the nav bar on iPad feed
Resolved	• alexhollender_WMF	T142426 Create wordmarks for all Wikipedia languages
Resolved	• Nirzar	T171556 Deploy common Wordmarks
Resolved	BukhariSaeed	T171769 Use the correct Urdu Wikipedia logo on mobile site
Resolved	• Nirzar	T168203 Logo change on mobile version of Wikipedia Atikamekw
Resolved	JoeWalsh	T172145 Update iOS splash screen to utilize updated word marks once the word mark project is complete
Open	None	T177436 Logos in app should be localised
Resolved	Ammarpad	T233104 Add localized Wikipedia wordmark to the Silesian (szl) mobile frontend
Resolved	Ammarpad	T200870 Deploy localized wordmark of Wikipedia on mobile site of sdwiki
Resolved	Volker_E	T240728 [Bug] Latin Wikipedia has a stretched logo (was `Create and use the Latin wikipedia (VICIPÆDIA) wordmark on mobile site`)
Resolved	Pikne	T230379 Estonian Wikipedia does not have a SVG wordmark

Event Timeline

• Nirzar created this task.Apr 12 2016, 9:42 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptApr 12 2016, 9:42 PM

This needs to be evaluated because it affects T132347: iOS app should support splitscreen for multitasking on iPads

CC @JMinor: Is there a way to disable suggested articles on the iOS app? I know some people are uncomfortable with it or do not find it useful and it gives the impression that we're tracking what people read, which is not good.

• Niharika added a subscriber: • JMinor.Apr 14 2016, 11:51 AM

Hi @Niharika

This ticket is specifically about iPad design, so lets take this convo to email or another ticket if you have more questions/concerns.

Generally we don't have a way or plan a way to "disable" recommendations. We may add that, but the concerns we're hearing from users are more about navigation and freshness of content. I'm more interested in making them useful than in turning them off :)

To be clear we also have explanatory text when the app starts for the first time, in our launch PR, as well as on MediaWiki that explains that we do NOT track users reading habits or build profiles of users to create recommendations. We can do more to better explain how we differ from other feeds online but anything that is personalized will always concern some users/volunteers, since it looks like "tracking".

• JMinor moved this task from Needs Triage to Product Backlog on the Wikipedia-iOS-App-Backlog board.Apr 21 2016, 10:21 PM

@JMinor, alright, thanks for the clarification!

• JMinor triaged this task as Medium priority.May 9 2016, 10:41 PM

• JMinor added a project: iOS-app-v5.1.0-Saturn.

• JMinor moved this task from Backlog to Needs Design on the iOS-app-v5.1.0-Saturn board.

RHo moved this task from Needs Design to Design Doing on the iOS-app-v5.1.0-Saturn board.Jun 29 2016, 4:08 PM

RHo updated the task description. (Show Details)Jul 5 2016, 4:32 PM

RHo updated the task description. (Show Details)Jul 11 2016, 2:00 PM

• Fjalapeno added a subtask: T140291: Change explore view to use a collection view in order to support iPad layout.Jul 13 2016, 7:47 PM

Josve05a mentioned this in T132511: [EPIC] iPad support for iOS app.Jul 22 2016, 1:58 PM

RHo updated the task description. (Show Details)Aug 1 2016, 3:51 PM

@RHo will there be a ipad landscape spec? or the feed is locked in to portrait mode?

@Nirzar – yes there will be a landscape spec. On rotation to landscape we will maintain the same two columns with 7:5 width ratios, with wider left and right margins.

Just added landscape to the mock as well.
{M177}

cool.. looks great.

RHo mentioned this in T141794: Improve the ‘Saved’ & ‘History’ tab views on iPad.Aug 1 2016, 5:33 PM

RHo moved this task from Design Doing to Needs Estimation on the iOS-app-v5.1.0-Saturn board.Aug 4 2016, 4:02 PM

• JMinor moved this task from Needs Estimation to Ready for Development on the iOS-app-v5.1.0-Saturn board.Aug 4 2016, 5:33 PM

MBinder_WMF set the point value for this task to 2.Aug 4 2016, 5:33 PM

JoeWalsh claimed this task.Aug 4 2016, 5:33 PM

JoeWalsh moved this task from Ready for Development to Doing on the iOS-app-v5.1.0-Saturn board.

RHo removed JoeWalsh as the assignee of this task.Aug 4 2016, 6:00 PM

RHo updated the task description. (Show Details)

RHo removed the point value for this task.

RHo added a subscriber: JoeWalsh.