Page MenuHomePhabricator

Search screen carousel
Closed, ResolvedPublic

Assigned To
Authored By
cmadeo
Oct 23 2019, 1:23 PM
Referenced Files
F30877256: 07d - Search - Picture of the day.png
Oct 23 2019, 9:19 PM
F30877241: 07d - Search - Picture of the day - About.png
Oct 23 2019, 9:19 PM
F30877251: 07e - Random article.png
Oct 23 2019, 9:19 PM
F30877233: 07d - Search - Picture of the day.png
Oct 23 2019, 9:19 PM
F30877258: 07d - Search - Picture of the day - previous.png
Oct 23 2019, 9:19 PM
F30877249: 07e - Random article - focus shifted.png
Oct 23 2019, 9:19 PM
F30877025: 07 - Search - updated.png
Oct 23 2019, 6:08 PM
F30877036: 07b - Search - photo of the day.png
Oct 23 2019, 6:08 PM

Description

Why are we doing this?

We would like to provide a way for users to interact with the app and access content even if they do not know what to search for or are having issues successfully searching.

User story

As a KaiOS user I would like to be able to be inspired by what is available in the Wikimedia projects if I don't know what to search for.

Proposed design

Load stateMove leftMove rightOpen word of the dayOpen photo of the dayOpen Random article
07 - Search - updated.png (480×640 px, 101 KB)
07b - Search - photo of the day.png (480×640 px, 138 KB)
07c - Search - randomizer.png (480×640 px, 88 KB)
07d - Search - Picture of the day.png (480×642 px, 48 KB)
07d - Search - Picture of the day.png (480×642 px, 372 KB)
07e - Random article.png (480×642 px, 163 KB)
https://zpl.io/2j7YPlQhttps://zpl.io/VDoW4Dlhttps://zpl.io/VKQyoNRhttps://zpl.io/2GRWWR3nhttps://zpl.io/bADWWD8https://zpl.io/2GRWWwE
Previous photo of the dayAbout photo of the dayRandom article - focus shifted
07d - Search - Picture of the day - previous.png (480×640 px, 262 KB)
07d - Search - Picture of the day - About.png (480×640 px, 59 KB)
07e - Random article - focus shifted.png (480×640 px, 163 KB)
https://zpl.io/2GRWWvEhttps://zpl.io/adYNN57https://zpl.io/VxQwwpJ

Design details

Photo of the day

  • Selecting 'Previous' shows the Photo of the day from the day before
  • Selecting 'About' shows the 'About' overlay
  • Selecting 'More info' from the 'About' overlay opens the image page on Commons in the browser

Word of the day

  • Selecting 'Previous' shows the word of the day from the day before
  • Selecting 'Select' opens the link that is currently holding the cursor focus

Not included in v1 Randomizer

  • Selecting randomizer opens the article that was shown on the search screen
  • Article includes a bottom banner that includes the option to see 'Another random article'
  • The subsequent article should also have this banner
  • Banner is only removed in stack if the user taps on a blue link to navigate to an article (eg. doesn't navigate through the 'Another random article' option
  • Banner is only shown on Article header screen
Update: 9th Jan: For V1

Photo of the day
Video of the day

Event Timeline

cmadeo renamed this task from Search carousel to Search screen carousel .Oct 23 2019, 1:23 PM
AMuigai edited projects, added: Inuka-Team (Kanban); removed: Inuka-Team.
AMuigai moved this task from Backlog to Ready for Dev on the Inuka-Team (Kanban) board.

Lang non-dependent:

Photo of the day
Video of the day
Random article

AMuigai subscribed.

Closing this as it is a duplicate task of T241066 and T236302. For v1, the elements needed to manage images and video in the search carousel are taken care of in those to tasks.