Opened 10 months ago

Closed 4 months ago

Last modified 6 weeks ago

#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 10 months ago.
07a - Ghost Mode - Quit.png (95.1 KB) - added by mario 10 months ago.
Adblock Browser Assets.zip (235.1 KB) - added by mario 10 months ago.

Download all attachments as: .zip

Change History (16)

comment:1 Changed 10 months ago by mario

  • Description modified (diff)

Changed 10 months ago by mario

Changed 10 months ago by mario

comment:2 Changed 10 months ago by mario

  • Description modified (diff)

comment:3 Changed 10 months ago by mario

  • Description modified (diff)

comment:4 Changed 10 months ago by mario

  • Description modified (diff)

comment:5 Changed 10 months ago by mario

  • Description modified (diff)

comment:6 Changed 10 months ago by mario

  • Description modified (diff)

Changed 10 months ago by mario

comment:7 Changed 10 months ago 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 9 months ago by mario

  • Description modified (diff)
  • Ready set

Updated the description. Thanks!

comment:9 Changed 9 months ago by mario

  • Priority changed from Unknown to P2

comment:10 Changed 9 months ago by mario

  • Ready unset

comment:11 Changed 4 months ago by jand

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

comment:12 Changed 3 months ago by mario

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

comment:13 Changed 6 weeks ago by traynard

  • Verified working set
Note: See TracTickets for help on using tickets.