Changes between Version 15 and Version 18 of Ticket #3175


Ignore:
Timestamp:
10/27/2015 12:45:11 PM (3 years ago)
Author:
sven
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #3175

    • Property Keywords salsita added; needs wording approvement removed
  • Ticket #3175 – Description

    v15 v18  
    44The workflow changes mainly aim at the following issues: 
    55 - 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). 
    6  - Show a confirmation-screen as soon as ABP is enabled and subsequently unlock the app. 
    76 - Show a direct link to the iOS Settings in order to make it easier for the user to find where to enable ABP 
    87 
     
    109The new workflow is put into three steps.  
    1110 
    12 - Step 1: 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.  
     11- Step 1: The Acceptable Ads introduction will be displayed in a modal dialog. 
     12  
     13  Headline: You're in control 
    1314 
    14 - Step 2: 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. 
    15  
    16 - Step 3: After the user activated Adblock Plus in the Safari settings, a confirmation message will be displayed in the Adblock Plus app. This will include a check mark icon, followed by a visual separator (same dots such as in step 1). Below that, the Acceptable Ads introduction will follow.  
    17  
    18 Headline: You're in control 
    19  
    20 Text: Annoying ads are always blocked, while nonintrusive ads are displayed by default. You can change this setting at any time in:  
     15  Text: Annoying ads are always blocked, while nonintrusive ads are displayed by default. You can change this setting at any time in:  
    2116'''Acceptable Ads → Allow some nonintrusive ads''' 
    2217 
    23 After that, there is a (standard iOS) blue button with the label "Start Adblock Plus". Clicking this button will lead you to the main app.  
     18After that, there is a (standard iOS) blue button with the label "Got it". Clicking this button will lead you to step 2.  
     19 
     20- 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.  
     21 
     22- 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. 
     23 
    2424 
    2525- 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. 
     
    2828 
    2929'''Screenshots:''' 
    30 1. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2017%201st%20step.png Step 1] 
    31 2. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2017%20AA.png Step 3] 
     301. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2020%20AA.png Step 1] 
     312. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2017%201st%20step.png Step 2] 
    32323. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2017%20main.png Step 4 - Main app screen] 
    3333 
     34 
    3435'''Style Guides''' 
    35  
    36 1. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2018%201st%20step%20style%20guide.png Step 1 style guide] 
    37 2. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2018%20AA%20style%20guide.png Step 3 style guide] 
     361. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2020%20AA.png Step 1 style guide] 
     372.  [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2018%201st%20step%20style%20guide.png Step 2 style guide] 
    38383. [https://issues.adblockplus.org/attachment/ticket/3175/Adblock%20Plus%20iOS%2018%20main%20styleguide.png Step 4 - Main app screen style guide] 
    3939 
    4040'''Images''' 
    4141- [https://issues.adblockplus.org/attachment/ticket/3175/dotted%20separator.png dotted separator] 
    42 - [https://issues.adblockplus.org/attachment/ticket/3175/checkmark_48.png checkmark icon] 
    43  
    44  
    4542 
    4643'''What needs to be done:'''