Changes between Version 27 and Version 28 of Ticket #3175


Ignore:
Timestamp:
01/21/2016 12:28:05 PM (3 years ago)
Author:
sven
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #3175 – Description

    v27 v28  
    11=== Background === 
    2 There are several problems, when activating the content blocker. Therefore we decided to improve the user workflow.  
    3  
     2There are several problems, when activating the content blocker. Therefore, we decided to improve the user workflow.  
    43The workflow changes mainly aim at the following issues: 
    54 - 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). 
     
    76 
    87=== What to change === 
    9 The new workflow is put into three steps.  
     8The new workflow is put into five steps.  
    109 
    11 - Step 1: The Acceptable Ads introduction will be displayed in a modal dialog. 
    12   
    13   Headline: You're in control 
     10'''Step 1''' 
     11The Acceptable Ads introduction will be displayed in a modal dialog.  
    1412 
    15   Text: Annoying ads are always blocked, while nonintrusive ads are displayed by default. You can change this setting at any time in:  
     13Headline: You're in control 
     14Text: Annoying ads are always blocked, while nonintrusive ads are displayed by default. You can change this setting at any time in:  
    1615'''Acceptable Ads → Allow some nonintrusive ads''' 
    1716 
    1817After that, there is a (standard iOS) blue button with the label "Got it". Clicking this button will lead you to step 2.  
    1918 
    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.  
     19'''Step 2''' 
     20The 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: 
     21Headline: " Turn on Adblock Plus in your Safari settings first".  
    2122 
    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. 
     23Text: 
    2324 
     25" 1. Go to '''Safari settings → Content Blockers'''. 
     26 2. Enable Adblock Plus." 
    2427 
    25 - 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. The ad for Adblock Browser is not part of the visuals, but it should be part of the main app. The ad should be placed on the bottom of the main app, means that a user needs to scroll to see it, if there are too many menu items.  
     28After 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.  
     29 
     30After that a (standard iOS) blue button with the label "Open iOS Settings".  
     31This 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).  
     32 
     33'''Step 3''' 
     34The user needs to activate Adblock Plus in the Safari settings. Step 2 will be visible in the app as long as the activation is not done. If Adblock Plus is activated another screen will appear which tells, that the activation was successfully and that there is some progress to configure the filter lists.  
     35 
     36Wording: 
     37 
     38Text: “You’ve activated Adblock Plus in Safari” 
     39 
     40(dotted separator) 
     41 
     42Headline: Configuring filter lists  
     43 
     44(spinner/progress indicator) 
     45 
     46Text: This can take some second 
     47 
     48'''Step 4''' 
     49After the configuration is done, there will be one last screen which will tell the user, that Adblock Plus for Safari is now ready to use, or, if there were connection problems, that the user needs to manually update the filterlists. 
     50 
     51Wording (if everything went well): 
     52 
     53Headline: “Adblock Plus is installed” 
     54 
     55Text: “Adblock Plus is activated in Safari and all filter lists are up to date. You can use Safari without annoying ads now.” 
     56 
     57Button: “Finish” 
     58 
     59Wording (if there was a problem, while updating the filter lists): 
     60 
     61Headline: Filter lists are not up to date 
     62 
     63Text: “There was no internet connection while trying to update the filter lists. Please update the filter lists manually in the settings. It’s possible, that you still see some ads in Safari, because of the outdated filter lists.” 
     64 
     65Button: “Finish” 
     66 
     67After clicking “Finish” the main app will appear.  
     68 
     69'''Step 5''' 
     70The 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. The ad for Adblock Browser is not part of the visuals, but it should be part of the main app. The ad should be placed on the bottom of the main app, means that a user needs to scroll to see it, if there are too many menu items.  
    2671 
    2772 - Exception: If the user disables ABP for iOS in the Safari Settings afterwards, the modal notification from Step 1 is shown again (if possible). 
     
    4590- Style guides 
    4691- Update issue and describe the steps 
    47