Opened 12 months ago

Closed 5 months ago

Last modified 3 months ago

#4739 closed change (fixed)

[UI] Redesign dashboard

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.

What to change

Apply the new design to ABB's top dashboard shown in this mockup and this style guide

UI

  • Add a spacer at the bottom of the dashboard icons as shown in this mockup
  • Add a tip below the spacer

Logic

  • if the dashboard is visible, mark the back-icon in the bottom bar as inactive
  • if the dashboard is visible, mark the forward-icon in the bottom bar as inactive

Copy

  • Dashboard tip: Tap and hold an icon to modify it.

Attachments

Style Guides

Assets

Mockups (as shown in description)

Attachments (4)

03 - Dashboard@2x.png (49.9 KB) - added by mario 12 months ago.
03a - Dashboard + Context Menu@2x.png (46.3 KB) - added by mario 12 months ago.
03b - Dashboard - Menu.png (58.4 KB) - added by mario 12 months ago.
Adblock Browser Assets.zip (235.1 KB) - added by mario 12 months ago.

Download all attachments as: .zip

Change History (16)

Changed 12 months ago by mario

Changed 12 months ago by mario

Changed 12 months ago by mario

comment:1 Changed 12 months ago by mario

  • Description modified (diff)

comment:2 Changed 12 months ago by mario

  • Description modified (diff)

comment:3 Changed 12 months ago by mario

  • Description modified (diff)

Changed 12 months ago by mario

comment:4 Changed 12 months ago by lisabielik

Tap and hold an icon to modify it.

comment:5 Changed 11 months ago by mario

  • Description modified (diff)
  • Ready set

Updated the description. Thanks!

comment:6 Changed 11 months ago by mario

  • Priority changed from Unknown to P2

comment:7 Changed 5 months ago by jand

  • Status changed from new to reviewing

comment:8 Changed 5 months ago by jand

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

comment:9 Changed 4 months ago by mario

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

comment:10 Changed 3 months ago by traynard

Per the description, the logic should be:
"if the dashboard is visible, mark the forward-icon in the bottom bar as inactive "

This is true, unless users go back far enough where they end up on the dashboard.

Steps to Replicate:

  1. Open ABB
  2. Open a new tab
  3. Navigate to any site (arstechnica.com)
  4. Tap the back arrow (<)

Now you are back on the dashboard, and the forward arrow is enabled. This seems like an accceptable exception to the logic rule, but I wanted to call it out.

comment:11 Changed 3 months ago by mario

Thanks @traynard for pointing that out. The behavior is indeed intentional. But it's worth to reflect it in the specifications. I'll get it updated.

comment:12 Changed 3 months ago by traynard

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