Page MenuHomePhabricator

Add Tips softkey on home screen and create content for it.
Closed, ResolvedPublic

Assigned To
Authored By
SGautam_WMF
Dec 18 2020, 4:56 AM
Referenced Files
F34112897: image.png
Feb 18 2021, 11:22 PM
F34105298: 06. Tips.png
Feb 15 2021, 5:41 AM
F34105289: 04. Tips.png
Feb 15 2021, 5:41 AM
F34105293: 05. Tips.png
Feb 15 2021, 5:41 AM
F34105291: 03. Tips.png
Feb 15 2021, 5:41 AM
F34011699: Quick Links Final Compressed.gif
Jan 22 2021, 10:01 AM
F33997875: Moving Text Final.gif
Jan 13 2021, 4:32 PM
F33997877: Read Article Final.gif
Jan 13 2021, 4:32 PM

Description

Background

As part of the KaiOS onboarding revamp, we are proposing Tips LSK, to help users get contextual information about using the app. Tips will open as a separate screen which will be a collection of questions and answers to help users understand how to use the app.

Design Details
Tips on home screenTips screenRead articlesearch informationswitch linksAbout wikipedia
01. Tips.png (640×480 px, 24 KB)
02. Tips.png (640×480 px, 37 KB)
04. Tips.png (640×480 px, 104 KB)
03. Tips.png (640×480 px, 94 KB)
05. Tips.png (640×480 px, 105 KB)
06. Tips.png (640×480 px, 71 KB)
Moving textMoving linksQuick links
Moving Text Final.gif (382×480 px, 203 KB)
Read Article Final.gif (382×480 px, 324 KB)
Quick Links Final Compressed.gif (572×720 px, 661 KB)
  • Add Tips as LSK on the home screen.
  • Open a new screen when users select Tips from LSK.
  • Users can choose to interact with any of the questions available in Tips section.
  • Questions in Tips section open separate screens that have an image/.gif file along with support copy.
  • Pressing Try softkey on "How to search an article?" would take them back to the search screen.
  • Pressing Try softkey on "How to read an article?" would open a random article.
  • Pressing Try softkey on "How to switch between links?" would open the second page(skip introduction) of a random article.
  • Allow scrolling if the text is unable to fit on a single screen.
  • Back softkey would bring back the control to Tips section whereas Next would take the control to the next question available in the order.
zeplin

https://zpl.io/amGJjde

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
AMuigai triaged this task as Medium priority.

Updated quick links animation.

Updated ticket with a revised copy. @Jpita we have done some minor adjustments for Jio2 as well so feel free to check that when you test.

shall we add a scrolling indicator/hint so the user knows that there is more text below @SGautam_WMF ?

image.png (258×548 px, 23 KB)

Thanks, @Jpita. This is helpful feedback. We have added a scrollbar that hides after a couple of seconds, I think that will do the job. Could you please check that once and confirm.

@eamedina The scroll bar does not show until a user takes the action to scroll down. Is that intentional? Saw this after testing in Spanish in the first tip.

Thanks for reconfirming @eamedina On testing, it shows briefly when the user first lands on a tip.