Opened 10 months ago

Closed 2 months ago

Last modified 6 weeks 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 10 months ago.
Adblock Browser Assets.zip (235.1 KB) - added by mario 10 months ago.

Download all attachments as: .zip

Change History (12)

Changed 10 months ago by mario

comment:1 Changed 10 months ago by mario

  • Description modified (diff)

comment:2 Changed 10 months ago by mario

  • Description modified (diff)

Changed 10 months ago by mario

comment:3 Changed 10 months ago by lisabielik

Swipe tabs left to close them.

comment:4 Changed 9 months ago by mario

  • Description modified (diff)
  • Ready set

Updated the description. Thanks!

comment:5 Changed 9 months ago by mario

  • Priority changed from Unknown to P2

comment:6 Changed 4 months ago by jand

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

comment:7 Changed 3 months ago by mario

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

comment:8 Changed 2 months 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 months ago by jand

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

comment:10 Changed 6 weeks ago by traynard

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