Notes Management Dashboard
The interface is well-organized with a clean layout and clear categorization, making it easy for users to navigate between notes, reminders, and issues. However, the filter section appears dense and might overwhelm users, and some interactive elements like toggles and date pickers could benefit from improved spacing and labeling for better accessibility.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
3
Color & Contrast2
Content Readability & Clarity4
Visual Consistency, Imagery & Media2
Navigation & Structure2
Conversion & Actions2
Tone, Friendliness & Delight4
Accessibility & Input Ergonomics4
Efficiency & Cognitive Load2
Flow & States Completeness3
Strategic DesignRecommended Fixes by Impact
0Critical
4Major
22Moderate
4Minor
Small close 'X' button in notifications banner
Major
Accessibility & Input Ergonomics
The Problem
The close button 'X' for the notifications banner in the top portion of the page is visually very small, likely less than 24x24 pixels.
Why it Matters
Difficulty tapping this small target can lead to user frustration and difficulty dismissing notifications.
How to Fix
Increase the size of the close button and add padding around it to meet accessibility guidelines.
Issue Highlights
Overly complex filter panel with many drop-downs and date pickers
Major
Efficiency & Cognitive Load
The Problem
The filter panel contains eight different fields including multiple dropdowns and date range pickers, requiring users to make many selections before applying filters.
Why it Matters
Requiring users to interact with many input fields increases task time and cognitive effort, potentially leading to user frustration and abandonment of filtering tasks.
How to Fix
Simplify the filter panel by combining related filters, using multi-select dropdowns where appropriate, and considering preset common filters to reduce the number of selections needed.
Issue Highlights
Complex Filter UI Overwhelms Initial View
Major
Strategic Design
The Problem
The filter panel contains many options including dropdown selects, date pickers, and toggles, which makes the page look cluttered and may overwhelm users who want to quickly manage or review notes. The filter is open by default and blocks some content space.
Why it Matters
Users could be discouraged or confused by the dense filter controls and might have difficulty quickly accomplishing note management tasks.
How to Fix
Collapse or hide advanced filter options by default, providing a clear affordance to expand when needed. Simplify the filter UI or group filters more clearly.
Issue Highlights
Crowded top navigation with many dropdown menus
Major
Navigation & Structure
The Problem
The top navigation bar contains many dropdown menus (BPO, Student, Partners, Marketing, Team, Settings, ITES) all clustered closely together with icons, leaving limited spacing between each clickable target.
Why it Matters
Crowded clickable elements increase cognitive load and make it harder for users to quickly locate and accurately select the desired menu, which can cause navigation errors and user frustration.
How to Fix
Reduce the number of simultaneous primary dropdown menus shown or group related menus under a single higher-level menu to declutter the navigation bar. Increase spacing and padding between clickable targets.
Issue Highlights
Multiple interface icons lack labels or tooltips
Moderate
Visual Consistency, Imagery & Media
The Problem
Several icons such as the small bell (notifications), question mark (support), logout arrow, and 'L1.0' badge lack visible text labels or hover tooltips, making their purpose unclear.
Why it Matters
Unlabeled icons increase user uncertainty about their function, potentially causing frustration or inefficient use of the interface.
How to Fix
Add visible text labels or hover tooltips for all ambiguous icons so users can easily understand their purpose.
Issue Highlights
No clear current page or section highlight in navigation
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The top navigation bar and secondary navigation menus do not visually indicate the current active page or section the user is in. For example, none of the dropdown menu labels or top menu items are highlighted or differently styled to show the user's current location in the app.
Why it Matters
Without a clear indication of the current page, users can become disoriented or unsure about where they are in the application, leading to confusion and errors in navigation.
How to Fix
Add active states or highlighting to the navigation items that correspond to the current page or section. This could include changing background color, font weight, or adding an underline or indicator next to the active navigation label.
Issue Highlights
Low contrast for light gray placeholder text in search input
Moderate
Color & Contrast
The Problem
The placeholder text 'Type category name, agency name or contact to search' inside the search box uses a light gray color against a white background, likely below WCAG AA contrast ratio of 4.5:1 for normal text.
Why it Matters
Users with low vision or color blindness may have difficulty reading the placeholder text, reducing usability of the search feature.
How to Fix
Increase the contrast of the placeholder text by darkening the gray color so that it meets at least the WCAG AA contrast ratio of 4.5:1 against white.
Issue Highlights
Unclear timezone in date and time display
Moderate
Ambiguous Date/Time/Timezone
The Problem
Dates and times like 'Created on 21 Aug 2025 at 11:00 AM' do not specify a timezone, which could lead to confusion about exact timing.
Why it Matters
Users may misunderstand when an event or note was created if the timezone is not explicitly indicated, impacting scheduling or task follow-ups.
How to Fix
Add a clear timezone indicator to the date and time stamps, such as '11:00 AM (GMT+5:30)', or provide a tooltip with timezone details.
Issue Highlights
Filter pop-up misaligned with main content container
Moderate
Visual Consistency, Imagery & Media
The Problem
The floating filter pop-up is visibly offset and not aligned with the main content container's left edge; it appears detached and unevenly spaced relative to the rest of the interface elements.
Why it Matters
Misalignment can confuse users about element grouping and disrupt visual flow, increasing cognitive load and reducing interface professionalism.
How to Fix
Align the filter pop-up's left boundary with the left edge of the main content container or other UI elements above it to ensure consistent horizontal alignment.
Issue Highlights
Inconsistent font weight and spacing in notes summary cards
Moderate
Visual Consistency, Imagery & Media
The Problem
The numeric counts in the 'Notes', 'Reminders', and 'Issues' cards use consistent font weight but the label text differs in weight or spacing, causing a visual imbalance across these related cards.
Why it Matters
Inconsistent typography reduces readability and weakens the visual grouping of related information, decreasing user confidence in the interface.
How to Fix
Apply uniform font weight and letter spacing to the label text across all summary cards to maintain visual consistency.
Issue Highlights
Vague 'Done' CTA on Filter Form
Moderate
Conversion & Actions
The Problem
The primary action button at the bottom of the filter form uses the label 'Done', which is vague and does not clearly indicate what will happen after clicking it.
Why it Matters
Users might be unsure if clicking 'Done' will apply filters, save changes, or close the form without action, causing hesitation or errors.
How to Fix
Use a clearer CTA label such as 'Apply Filters' or 'Save Filters' to explicitly indicate the result of clicking the button.
Issue Highlights
Small toggle switch for 'Include deleted'
Moderate
Accessibility & Input Ergonomics
The Problem
The toggle switch for 'Include deleted' is visually small, likely below recommended minimum touch target size of 44x44 pixels.
Why it Matters
Users with motor impairments or larger fingers may have difficulty accurately toggling this switch.
How to Fix
Increase the size of the toggle switch to meet the minimum touch target size guidelines and ensure adequate padding around it.
Issue Highlights
Repeated date selection inputs increase task steps
Moderate
Efficiency & Cognitive Load
The Problem
Multiple separate date range selectors ('Activity Date Between' and 'Note Created Between') require users to pick from four date inputs, which adds unnecessary complexity.
Why it Matters
Having to choose between many date fields can slow users down and cause confusion about which dates to set for proper filtering.
How to Fix
Consider combining these date selectors when possible, or offering quick presets for common date ranges to reduce micro-steps.
Issue Highlights
Unclear confirmation or progression after filtering notes
Moderate
Flow & States Completeness
The Problem
After setting filters in the 'Filter' panel, it is not clearly indicated what happens next once the user clicks 'Done'. There is no visible success message, loading state, or indication that the notes have been updated accordingly.
Why it Matters
Users may be uncertain if their filter criteria was applied or if they need to take additional action, leading to confusion and disrupted workflow.
How to Fix
Add a visible loading or success state confirming the filter has been applied and the notes list updated, or make the filtered result update instantly.
Issue Highlights
Page Header Lacks Visual Hierarchy and Distinctiveness
Moderate
Strategic Design
The Problem
The 'Manage notes' header and subheading use similar font sizes and weights which do not create a strong visual hierarchy, making the page purpose less instantly clear or memorable. The blue circular 'L1.0' badge on the right may confuse users as it is visually strong but not clearly connected to the page content.
Why it Matters
Users might not immediately identify the focus of this page or remember it easily, reducing overall engagement and satisfaction.
How to Fix
Increase the size and weight of the main heading relative to subtitles, and clarify or reposition the 'L1.0' badge or remove it if unrelated to the page's purpose.
Issue Highlights
Low contrast on light gray table cell text under headers
Moderate
Color & Contrast
The Problem
Text inside the table cells (e.g. date '22 Aug 25', location 'Chandigarh, IN') is displayed in a light gray color against a white background, likely below WCAG AA contrast ratio of 4.5:1.
Why it Matters
Important data may be difficult for users with visual impairments to read, affecting comprehension and task completion.
How to Fix
Use a darker text color for table cell content to meet the minimum 4.5:1 contrast ratio against the white background.
Issue Highlights
Insufficient distinction between label and value in date section
Moderate
Content Readability & Clarity
The Problem
Date rows show two dates per entry (e.g. 'Uma Garg' with '22 Aug 25' and below 'Uma Garg' with '21 Aug 25'), but labels and values are visually similar in weight and size, making it hard to quickly parse.
Why it Matters
Users may struggle to quickly understand which date applies to which row or status, reducing efficiency in scanning notes at a glance.
How to Fix
Use clearer font weight or size differentiation between labels and dates or add contextual labelling to clarify the significance of each date.
Issue Highlights
No visible primary navigation or environment role label
Moderate
Navigation & Structure
The Problem
The screen provides no persistent primary navigation or breadcrumb that clearly marks the environment, role, or hierarchical location of the user aside from non-interactive textual heading 'Manage notes.' The small 'L1.0' marker on the right is unclear in function or meaning.
Why it Matters
Users may lose context about their role or environment within the application, making it harder to understand how the current screen fits into the overall workflow.
How to Fix
Add a clear primary navigation or breadcrumb trail that sets the user’s location in the app's structure. Clarify any role or environment labels with descriptive text or icons with tooltip explanation.
Issue Highlights
'Add note' Button Lacks Context
Moderate
Conversion & Actions
The Problem
The 'Add note' button is visible but its function is somewhat vague without further context about what happens after clicking it (e.g., opening a form, modal, or new page).
Why it Matters
Unclear CTAs can confuse users, reducing the likelihood they will engage or complete note creation efficiently.
How to Fix
Add an icon or tooltip clarifying what 'Add note' does, or use a more descriptive label like 'Add New Note' or 'Create Note'.
Issue Highlights
Filter and Export buttons too close
Moderate
Accessibility & Input Ergonomics
The Problem
The 'Filter' and 'Export' buttons are placed closely horizontally with minimal spacing, potentially less than 8 pixels.
Why it Matters
Users may accidentally tap the wrong button, increasing error rate and frustration, especially on small screens or with larger fingers.
How to Fix
Add adequate spacing between the 'Filter' and 'Export' buttons to separate them comfortably.
Issue Highlights
Small calendar icons in date input fields
Moderate
Accessibility & Input Ergonomics
The Problem
The calendar icon buttons within the date input fields in the filter area are visibly small and may be smaller than the recommended 44x44 pixels target.
Why it Matters
Users may have difficulty tapping the small icons, reducing usability and slowing interactions.
How to Fix
Enlarge the calendar icons and add surrounding touch padding to meet the size guidelines.
Issue Highlights
Multiple adjacent tabs with similar content categories
Moderate
Efficiency & Cognitive Load
The Problem
The presence of four tabs labeled 'My notes', 'Team notes', 'Tagged', and 'Overdue' close to each other forces users to decide which subset of notes to view without immediate guidance.
Why it Matters
Users may face decision fatigue trying to figure out which tab to select, increasing task complexity and slowing down note management.
How to Fix
Consider consolidating related tabs or providing contextual help to guide user choice, or use an initial default view that adapts dynamically based on user behavior.
Issue Highlights
Tabbed Navigation Lacks Clear Visual Indicators
Moderate
Strategic Design
The Problem
The tabs ('My notes', 'Team notes', etc.) have subtle styling that may not be visually distinct enough from one another, making it harder for users to quickly identify which tab is active or clickable.
Why it Matters
Clear tab states help users understand available views and current context. Without it, users can get disoriented or uncertain about navigating content.
How to Fix
Increase contrast and use stronger visual cues (such as underline, color fill, or bold text) to delineate active vs inactive tabs.
Issue Highlights
Low contrast for 'Select period' dropdown label
Moderate
Color & Contrast
The Problem
The label text 'Select period' inside the dropdown uses a medium gray color on a white background, with insufficient contrast likely below WCAG AA 4.5:1 for normal text.
Why it Matters
Users with certain vision impairments may find this dropdown label difficult to read, impacting navigation and interaction.
How to Fix
Adjust the label color to a darker shade to increase contrast against the white background to meet accessibility standards.
Issue Highlights
No reassurance or trust signals around note management
Moderate
Tone, Friendliness & Delight
The Problem
The 'Manage notes' section allows users to record, view, and share notes without any visible reassurance about data privacy, security, or who can access the notes.
Why it Matters
Users managing notes often deal with sensitive information, so lack of trust signals could cause concern about data privacy or lead to hesitancy in using the feature.
How to Fix
Add clear trust signals or brief reassurance text about data security and privacy, and clarify user permissions or audience for shared notes.
Issue Highlights
No clear next steps after viewing notes list
Moderate
Flow & States Completeness
The Problem
The notes list shows entries with an arrow suggesting navigation, but there is no visible button or guidance on what user can do next after reviewing or selecting a note.
Why it Matters
Users could get stuck unsure whether they can edit, delete, or add actions related to individual notes, limiting interaction and workflow progress.
How to Fix
Add explicit call-to-action buttons (e.g., Edit, Delete, View Details) or tooltips explaining the arrow's interaction.
Issue Highlights
Dropdown menu margin inconsistent with adjacent components
Minor
Visual Consistency, Imagery & Media
The Problem
The dropdown menu listing periods is slightly offset to the right relative to its trigger button, causing a subtle horizontal misalignment.
Why it Matters
Slight misalignments can reduce perceived polish and cause minor distraction for users scanning the UI.
How to Fix
Adjust the dropdown menu's horizontal position so it aligns flush with the right edge of the 'Select period' button.
Issue Highlights
Filter form input labels have equal emphasis
Minor
Content Readability & Clarity
The Problem
In the filter popup, labels such as 'Category', 'Agent', 'Reminder' appear visually similar to their values ('Select'), creating weak text hierarchy and making it harder to distinguish inputs at a glance.
Why it Matters
Users may have minor difficulty quickly identifying and filling relevant filter fields, slowing task completion.
How to Fix
Use lighter font weight or smaller size for input placeholder text compared to labels, or visually separate them better.
Issue Highlights
Filter tooltip with missed/upcoming/due today not prominent or persistent
Minor
Efficiency & Cognitive Load
The Problem
The small tooltip next to the filter panel shows 'Missed', 'Upcoming', and 'Due today' but it appears subtle and may not be visible when filtering, requiring users to remember these filter meanings.
Why it Matters
Users might forget what these statuses indicate and must rely on memory, increasing cognitive load and potential for errors.
How to Fix
Make these filter statuses more visible or integrated into the filtering UI so users have persistent context without memory reliance.
Issue Highlights
Bright, bold button color may feel aggressive for note actions
Minor
Tone, Friendliness & Delight
The Problem
The 'Add note' button uses a very bright blue which can feel overly bold or aggressive for a collaboration-focused note management feature, where a gentler tone might be more welcoming.
Why it Matters
A less friendly or softer visual tone can reduce emotional comfort and perceived approachability of collaboration features.
How to Fix
Consider using a softer or more neutral accent color for action buttons related to note-taking and sharing to better fit the collaborative and supportive context.
Issue Highlights