Opened 22 months ago

Closed 15 months ago

Last modified 13 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 22 months ago.
03a - Dashboard + Context Menu@2x.png (46.3 KB) - added by mario 22 months ago.
03b - Dashboard - Menu.png (58.4 KB) - added by mario 22 months ago.
Adblock Browser Assets.zip (235.1 KB) - added by mario 22 months ago.

Download all attachments as: .zip

Change History (16)

Changed 22 months ago by mario

Changed 22 months ago by mario

Changed 22 months ago by mario

comment:1 Changed 22 months ago by mario

  • Description modified (diff)

comment:2 Changed 22 months ago by mario

  • Description modified (diff)

comment:3 Changed 22 months ago by mario

  • Description modified (diff)

Changed 22 months ago by mario

comment:4 Changed 22 months ago by lisabielik

Tap and hold an icon to modify it.

comment:5 Changed 21 months ago by mario

  • Description modified (diff)
  • Ready set

Updated the description. Thanks!

comment:6 Changed 21 months ago by mario

  • Priority changed from Unknown to P2

comment:7 Changed 15 months ago by jand

  • Status changed from new to reviewing

comment:8 Changed 15 months ago by jand

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

comment:9 Changed 14 months ago by mario

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

comment:10 Changed 13 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 13 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 13 months ago by traynard

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