Improvement: Notification tab section purpose quick-fixes
Summary
On the Mobile's Notification screen there is an information gap on the purpose of each one of the sections. This needs to be addressed at least with a quick-fix as the action comes from the first navigation layer / BottomTabs and could influence on the initial onboarding process.
-
Add a label
to eachIcon
and/or aHeader4
to each section -
Add a section specific text for each of the EmptyList
components -
Fix the placeholder loader misalignment
The Problem
On Mind's web version there is a hover label for every section. On mobile there is no information for identifying the purpose of each one of the tabs.
![](/-/project/10171280/uploads/2f2dc2c6ab2792debcf2f5ae52e0eaf7/Screen_Shot_2021-10-20_at_13.54.45.png)
![](/-/project/10171280/uploads/7d8356ecfac2255ddc7fe13e6a8668f0/IMG_0015.jpg)
The source
This comes in part as result of the fact that the current UI abdicates to use it's TopHeader for contextualizing each screen and will probably be addressed as the navigation/screen architecture itself gets reviewed.
Proposed quick-fix
As a quick-fix we could add a Body4
text to every icon label or a Header3
/Header4
title to the top of each one of the list messages.
Placeholder misalignment
The animated placeholder should be aligned with the list. If not perfectly at least should match the avatar's position to avoid the visual UI flick.
![](/-/project/10171280/uploads/cd470f94b59036309bab8438d6fa1102/Frame_1.png)