Opened 3 years ago

Closed 2 years ago

Last modified 2 years ago

#4744 closed change (fixed)

[UI] Redesign ghost mode tab view

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: yes 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.

The ghost mode tab view is - as opposed to the normal mode - opened while tapping the tabs icon in the bottom bar while browsing in ghost mode.

What to change

Apply the new design to ABB's ghost mode tab view as shown in this mockup and this guide

UI

  • Add a "tip" icon + label at the bottom of the tab list as shown in this mockup

Transitions

  • When the ghost mode tab view is opened, slide it in from the bottom using iOS' default transition.

Logic

  • If the history screen is shown:
    • Mark the back icon in the bottom bar inactive
    • Mark the forward icon in the bottom bar inactive
    • Mark the ghost mode icon in the bottom bar inactive
    • Mark the bookmark icon in the bottom bar inactive
    • Mark the tabs icon in the bottom bar active and highlight it as shown in this mockup
  • New tabs are added to the top of the tab list

Copy

  • Tip: Swipe tabs left to close them.

Attachments

Style Guides

Assets

Mockups (as shown in description)

Attachments (2)

08 - Tabs (ghost mode)@2x.png (53.5 KB) - added by mario 3 years ago.
Adblock Browser Assets.zip (235.1 KB) - added by mario 3 years ago.

Download all attachments as: .zip

Change History (12)

Changed 3 years ago by mario

comment:1 Changed 3 years ago by mario

  • Description modified (diff)

comment:2 Changed 3 years ago by mario

  • Description modified (diff)

Changed 3 years ago by mario

comment:3 Changed 3 years ago by lisabielik

Swipe tabs left to close them.

comment:4 Changed 3 years ago by mario

  • Description modified (diff)
  • Ready set

Updated the description. Thanks!

comment:5 Changed 3 years ago by mario

  • Priority changed from Unknown to P2

comment:6 Changed 2 years ago by jand

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

comment:7 Changed 2 years ago by mario

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

comment:8 Changed 2 years ago by tpregueiro

  • Resolution fixed deleted
  • Status changed from closed to reopened

UX Problem:
Once you start using the app often the confirmation dialog every time you try to close the Ghost mode becomes rather annoying. The risk of the user leaving the ghost mode and closing all the tabs is minimal, since by the nature of what the ghost mode is in itself, so we shouldn’t have to confirm every single time.

Proposed new behavior:
Only show that confirmation dialog the very first time the user leaves the ghost mode. After that never show that dialog again.

comment:9 Changed 2 years ago by jand

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

comment:10 Changed 2 years ago by traynard

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