Opened on 12/15/2016 at 02:25:32 PM
Closed on 07/18/2017 at 10:04:13 AM
Last modified on 09/14/2017 at 01:45:06 PM
#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)
Change History (16)
Changed on 12/15/2016 at 02:25:55 PM by mario
Changed on 12/15/2016 at 02:26:13 PM by mario
Changed on 12/15/2016 at 02:26:25 PM by mario
Changed on 12/16/2016 at 11:37:05 AM by mario
comment:4 Changed on 12/16/2016 at 02:28:47 PM by lisabielik
comment:5 Changed on 01/18/2017 at 01:06:44 PM by mario
- Description modified (diff)
- Ready set
Updated the description. Thanks!
comment:6 Changed on 01/18/2017 at 01:11:34 PM by mario
- Priority changed from Unknown to P2
comment:7 Changed on 07/11/2017 at 12:37:41 PM by jand
- Status changed from new to reviewing
comment:8 Changed on 07/18/2017 at 10:04:13 AM by jand
- Resolution set to fixed
- Status changed from reviewing to closed
comment:9 Changed on 08/08/2017 at 04:22:26 PM by mario
- Milestone set to Adblock-Browser-for-iOS-next
comment:10 Changed on 09/13/2017 at 10:38:52 PM 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:
- Open ABB
- Open a new tab
- Navigate to any site (arstechnica.com)
- 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 on 09/14/2017 at 07:42:01 AM 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 on 09/14/2017 at 01:45:06 PM by traynard
- Verified working set
Tap and hold an icon to modify it.