Opened on 12/16/2016 at 10:39:17 AM

Closed on 06/19/2017 at 01:40:43 PM

Last modified on 09/13/2017 at 11:26:53 PM

#4745 closed change (fixed)

[UI] Redesign and activate ghost mode

Reported by: mario Assignee:
Priority: P2 Milestone: Adblock-Browser-for-iOS-2.0.0
Module: Adblock-Browser-for-iOS Keywords:
Cc: Blocked By:
Blocking: #4706 Platform: Adblock Browser for iOS
Ready: no Confidential: no
Tester: Unknown Verified working: yes
Review URL(s):

Description (last modified by mario)

Background

This issue is part of ABB's redesign as described under #4706.
Logic/UI which is not covered within this issue stays in place as it is.

This issue is based on #3408 which already landed, but was temporarily deactivated by #3689.

What to change

Activate ABB's ghost mode. (As it was deactivated through #3689)
Apply the new design to ABB's ghost mode as shown in this mockup and this guide

UI

  • Add a tip icon + label at the bottom of the ghost mode view
  • Add a "leave notification" as shown in this mockup
    • Make it hidden by default
    • Use iOS' default notification style

Transitions

  • When the ghost mode is opened, >>>TBD<<< as shown in [this screen-flow] >>>TBD<<<

Logic

  • The ghost mode is opened by tapping the ghost mode icon in the bottom bar
  • The ghost mode is closed by tapping the ghost mode icon in the bottom bar while in ghost mode
  • Mark the ghost mode icon in the bottom bar highlighted as shown in this mockup
  • If the ghost mode is closed, show the leave notification as shown in this mockup
    • If 'Cancel' is tapped, close the notification and stay in ghost mode
    • If 'Quit' is tapped, close the notification, close all ghost mode tabs and switch to normal mode

Copy

  • Ghost mode view headline: Ghost Mode
  • Ghost mode view subline: While in Ghost Mode, all browser history, search history, web forms, cookies and temporary internet files will not be stored on your device.
  • Ghost mode view tip: Tap the icon to deactivate Ghost Mode when you are finished with the session.
  • Leave notification headline: Quit Ghost Mode?
  • Leave notification subline: Your history will not be stored and all active tabs will be closed.
  • Leave notification button 1: OK
  • Leave notification button 2: Cancel

Attachments

Style Guides

Assets

Mockups (as shown in description)

Attachments (3)

07 - Ghost Mode@2x.png (87.1 KB) - added by mario on 12/16/2016 at 10:40:13 AM.
07a - Ghost Mode - Quit.png (95.1 KB) - added by mario on 12/16/2016 at 10:40:20 AM.
Adblock Browser Assets.zip (235.1 KB) - added by mario on 12/16/2016 at 11:38:07 AM.

Download all attachments as: .zip

Change History (16)

comment:1 Changed on 12/16/2016 at 10:39:49 AM by mario

  • Description modified (diff)

Changed on 12/16/2016 at 10:40:13 AM by mario

Changed on 12/16/2016 at 10:40:20 AM by mario

comment:2 Changed on 12/16/2016 at 10:40:59 AM by mario

  • Description modified (diff)

comment:3 Changed on 12/16/2016 at 10:54:32 AM by mario

  • Description modified (diff)

comment:4 Changed on 12/16/2016 at 11:02:04 AM by mario

  • Description modified (diff)

comment:5 Changed on 12/16/2016 at 11:02:41 AM by mario

  • Description modified (diff)

comment:6 Changed on 12/16/2016 at 11:03:00 AM by mario

  • Description modified (diff)

Changed on 12/16/2016 at 11:38:07 AM by mario

comment:7 Changed on 12/16/2016 at 02:35:49 PM by lisabielik

Ghost Mode view subline: While in Ghost Mode, all browser history, search history, web forms, cookies and temporary internet files will not be stored on your device.

Ghost Mode view tip: Tap the icon to deactivate Ghost Mode when you are finished with the session.

Leave notification headline: Quit Ghost Mode?

Leave notification subline: Your history will not be stored and all active tabs will be closed.

Leave notification button 1: OK

Leave notification button 2: Cancel

comment:8 Changed on 01/18/2017 at 01:10:56 PM by mario

  • Description modified (diff)
  • Ready set

Updated the description. Thanks!

comment:9 Changed on 01/18/2017 at 01:11:34 PM by mario

  • Priority changed from Unknown to P2

comment:10 Changed on 01/18/2017 at 03:06:17 PM by mario

  • Ready unset

comment:11 Changed on 06/19/2017 at 01:40:43 PM by jand

  • Resolution set to fixed
  • Status changed from new to closed

comment:12 Changed on 07/10/2017 at 07:52:04 AM by mario

  • Milestone set to Adblock-Browser-for-iOS-next

comment:13 Changed on 09/13/2017 at 11:26:53 PM by traynard

  • Verified working set

Add Comment

Modify Ticket

Change Properties
Action
as closed .
The resolution will be deleted. Next status will be 'reopened'.
to The owner will be changed from (none).
 
Note: See TracTickets for help on using tickets.