Opened 4 years ago

Last modified 5 weeks ago

#3175 reopened change

Change app workflow — at Version 18

Reported by: sven Assignee:
Priority: P2 Milestone: Adblock-Plus-for-iOS-next
Module: Adblock-Plus-for-iOS/macOS Keywords: salsita 2015q4
Cc: fhd, mario, lisabielik, jeen Blocked By:
Blocking: Platform: iOS
Ready: no Confidential: no
Tester: Unknown Verified working: no
Review URL(s):

https://github.com/adblockplus/adblockplussafariios/pull/12

Description (last modified by sven)

Background

There are several problems, when activating the content blocker. Therefore we decided to improve the user workflow.

The workflow changes mainly aim at the following issues:

  • When the app is started and ABP isn't activated in the iOS Settings, show a notification, that locks the rest of the app. The notification states, that the user needs to enable ABP in the Settings before he can proceed. "Locking" the app by a notification prevents users from assuming, that ABP works by only starting the app (and not reading the information as currently shown).
  • Show a direct link to the iOS Settings in order to make it easier for the user to find where to enable ABP

What to change

The new workflow is put into three steps.

  • Step 1: The Acceptable Ads introduction will be displayed in a modal dialog.


Headline: You're in control

Text: Annoying ads are always blocked, while nonintrusive ads are displayed by default. You can change this setting at any time in:

Acceptable Ads → Allow some nonintrusive ads

After that, there is a (standard iOS) blue button with the label "Got it". Clicking this button will lead you to step 2.

  • Step 2: The user will see a notification overlay, which prevents the user to use/see the main app. The notification is a combination of what we currently showing in our second on-boarding slide and the main screen. The headline of the notification overlay, which is designed like a default iOS notification, is " Turn on Adblock Plus in your Safari settings first". After that we have a (standard iOS) blue button with the label "1. Open iOS Settings". This button will link to the general iOS settings (we're not able to link to the Safari -> Content Blockers menu. The reasons are iOS restrictions). After the blue button there are two other textual items, which are: "2. Go to Safari → Content Blockers" and "3. Enable Adblock Plus". After that there is a visual separator (little 2px dots) and another label which says "Watch how-to video" (color: standard blue). When clicking this label, the how-to video opens and behave like it currently does.
  • Step 3: The user needs to activate Adblock Plus in the Safari settings. Step 1 will be visible in the app as long as this is not done.
  • Step 4: The main app is basically the current settings page but with little visual adjustments. Please ignore and omit the "Feedback" menu item as of now. The functionality will be described in a separate issue.
  • Exception: If the user disables ABP for iOS in the Safari Settings afterwards, the modal notification from Step 1 is shown again (if possible).

Screenshots:

  1. Step 1
  2. Step 2
  3. Step 4 - Main app screen

Style Guides

  1. Step 1 style guide
  2. Step 2 style guide
  3. Step 4 - Main app screen style guide

Images

What needs to be done:

  • Final wording


Change History (29)

Changed 4 years ago by sven

Changed 4 years ago by sven

Changed 4 years ago by sven

comment:1 Changed 4 years ago by sven

  • Description modified (diff)

comment:2 Changed 4 years ago by sven

  • Cc fhd added

comment:3 Changed 4 years ago by sven

  • Description modified (diff)

comment:4 Changed 4 years ago by mario

  • Cc mario added

Changed 4 years ago by sven

comment:5 Changed 4 years ago by sven

  • Description modified (diff)

Changed 4 years ago by sven

Changed 4 years ago by sven

Changed 4 years ago by sven

comment:6 Changed 4 years ago by sven

  • Description modified (diff)

comment:7 follow-up: Changed 4 years ago by philll

The background section does not give enough info about which issues the app had, thus it cannot be evaluated, if the suggested change solved those issues. Please be more explicit.

comment:8 Changed 4 years ago by lisabielik

Please see Ticket_3175.png for text changes.

Changed 4 years ago by lisabielik

comment:9 follow-ups: Changed 4 years ago by vojtab

The "Feedback" menu item is out of scope for now as it is unclear what it should do. Please raise a separate ticket for Feedback feature.

comment:10 Changed 4 years ago by vojtab

You want to show blocking "modal" popup (step 1) until ABP is enabled in content blocking settings in Safari. What should happen when user disables it again in Safari settings after some time & then open the Adblock Plus for iOS app? Do you want to fall back to blocking step 1 modal again? Or should normal settings page be shown from this point forward (= blocking modals steps 1 & 2 would be show always only once)?

comment:11 Changed 4 years ago by vojtab

In case modal should not be shown again, do you want to display certain status icon etc. on main page (step 4) to indicate that ABP is disabled in Safari Settings?

comment:12 in reply to: ↑ 7 Changed 4 years ago by mario

Replying to philll:

The background section does not give enough info about which issues the app had, thus it cannot be evaluated, if the suggested change solved those issues. Please be more explicit.

Last Wednesday we've discussed the most recent user feedback and concluded, that there are issues, that can be avoided by restructuring the app's layout and workflow:

  • When the app is started and ABP isn't activated in the iOS Settings, show a notification, that locks the rest of the app. The notification states, that the user needs to enable ABP in the Settings before he can proceed. "Locking" the app by a notification prevents users from assuming, that ABP works by only starting the app (and not reading the information as currently shown).
  • Show a confirmation-screen as soon as ABP is enabled and subsequently unlock the app.
  • Show a direct link to the iOS Settings in order to make it easier for the user to find where to enable ABP

I'll add this to the background section.

comment:13 Changed 4 years ago by mario

  • Description modified (diff)

comment:14 in reply to: ↑ 9 Changed 4 years ago by sven

Replying to vojtab:

"The "Feedback" menu item is out of scope for now as it is unclear what it should do. Please raise a separate ticket for Feedback feature."

Yes ignore that please.

"You want to show blocking "modal" popup (step 1) until ABP is enabled in content blocking settings in Safari. What should happen when user disables it again in Safari settings after some time & then open the Adblock Plus for iOS app? Do you want to fall back to blocking step 1 modal again? Or should normal settings page be shown from this point forward (= blocking modals steps 1 & 2 would be show always only once)?"

It would be optimal to check if a user disabled the setting, to show the lock screen again, but for a first implementation this is not necessary, but a nice to have.

comment:15 in reply to: ↑ 9 Changed 4 years ago by mario

  • Description modified (diff)

comment:16 Changed 4 years ago by mario

  • Keywords needs wording approvement removed

comment:17 Changed 4 years ago by mario

  • Keywords salsita added

Changed 4 years ago by sven

comment:18 Changed 4 years ago by sven

  • Description modified (diff)
Note: See TracTickets for help on using tickets.