Local Business Discovery
The interface provides a well-organized hierarchical navigation with clear category segmentation and visual emphasis on selected items, enhancing user exploration. However, improvements could be made in optimizing text truncation, visual spacing, and consistent image loading to improve readability and overall user experience.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast2
Content Readability & Clarity3
Visual Consistency, Imagery & Media2
Navigation & Structure1
Conversion & Actions1
Tone, Friendliness & Delight4
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load1
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
3Major
16Moderate
3Minor
No clear page or section title visible to orient user
Major
Orientation Missing (Environment/Role/Location)
The Problem
The screen lacks a clear heading or title that explicitly states the current page or section the user is viewing. The user sees content categories and business listings but no concise label indicating the overall current context.
Why it Matters
Without a clear page title or orientation label, users may become confused about where they are within the app, decreasing their confidence and ability to navigate intuitively.
How to Fix
Add a prominent page or section title near the top of the screen clearly naming the purpose of the current view (e.g., 'Explore - Beauty & Care' or 'Business Listings').
Issue Highlights
Primary navigation icons lack distinct active states
Major
Navigation & Structure
The Problem
The bottom navigation bar icons have minimal differences in active state. Only the 'Explore' icon is filled blue, while others remain outline with no clear highlight or label change.
Why it Matters
Users may have difficulty quickly identifying which main navigation section they are currently in, impacting orientation and navigation speed.
How to Fix
Enhance the active state for the selected navigation item by adding stronger color contrast, filled icons, or a distinct background highlight.
Issue Highlights
Navigation bar icons are closely spaced
Major
Accessibility & Input Ergonomics
The Problem
The bottom navigation bar icons appear tightly packed horizontally with minimal spacing, likely under the recommended touch target spacing standards.
Why it Matters
Icons that are too close together increase the chance of accidentally tapping the wrong tab, reducing ease of use and increasing user frustration.
How to Fix
Increase horizontal spacing between navigation icons and ensure each tap target meets minimum size requirements (at least 48x48 dp) with adequate spacing.
Issue Highlights
Light grey placeholder text in search input is low contrast
Moderate
Color & Contrast
The Problem
The placeholder text 'yoga, pilates, salon' is in light grey on white background, likely failing WCAG minimum contrast ratio of 4.5:1.
Why it Matters
Low contrast placeholder text can be difficult for many users to read, especially users with low vision or in bright environments.
How to Fix
Use a darker grey for placeholder text that meets a minimum contrast of 4.5:1 against white background.
Issue Highlights
Inconsistent border and fill styles on category icons
Moderate
Visual Consistency, Imagery & Media
The Problem
Within the middle category selection row, most icons have images with no borders except 'Make-Up Artist' which has an empty rounded square with a red border, inconsistent with others. The top category icons do not use visible borders at all.
Why it Matters
Users may perceive this inconsistency as a design flaw or unfinished UI, reducing confidence in the app's quality.
How to Fix
Standardize the border and fill style for all category icons, either by showing all with images and no border or applying a consistent border and fill approach.
Issue Highlights
Empty placeholder box without icon or label
Moderate
Strategic Design
The Problem
The 'Make-Up Artist' category has an empty placeholder square with a border but no icon or image, which breaks the visual consistency and may confuse users about whether it's a loading error or a broken link.
Why it Matters
Users could perceive the app as less polished or be unsure if the category is active or broken, reducing trust and engagement.
How to Fix
Replace the empty placeholder with a relevant icon, image, or a well-designed default placeholder graphic to maintain consistency.
Issue Highlights
Low contrast for light pink active tab text 'Beauty & Care'
Moderate
Color & Contrast
The Problem
The text 'Beauty & Care' uses a bright pink color (#ff0080 approximate) on a white background, resulting in low contrast likely below WCAG AA standards.
Why it Matters
Users with visual impairments or in bright environments may have difficulty reading the active tab label.
How to Fix
Use a darker pink or a more saturated hue to increase contrast against the white background to meet WCAG 2.1 AA contrast ratio of at least 4.5:1.
Issue Highlights
Unlabeled placeholder box in category list
Moderate
Content Readability & Clarity
The Problem
There is a blank outlined square in the 'Beauty & Care' category list with no image or clear label, which could confuse users about its purpose or category.
Why it Matters
Users may not understand what this empty box represents, reducing clarity and trust in the category selection.
How to Fix
Replace the blank box with a meaningful icon or image and ensure it has a clear label or tooltip indicating its purpose.
Issue Highlights
Misalignment of text labels under category icons
Moderate
Visual Consistency, Imagery & Media
The Problem
The text labels such as 'Men’s Salon', 'Make-Up Artist', 'Nail Care', etc. are not horizontally aligned consistently under their respective icons—some appear slightly shifted left or right and vary in width.
Why it Matters
Misaligned labels create visual disorganization, increasing cognitive load as users' eyes seek consistency.
How to Fix
Align all text labels consistently beneath their icons, with uniform padding and center alignment for a tidy grid appearance.
Issue Highlights
Placeholder box for 'Make-Up Artist' appears unfinished
Moderate
Tone, Friendliness & Delight
The Problem
The 'Make-Up Artist' category shows a rounded rectangle border with no image or icon inside, which looks like a broken or missing image placeholder. This visual tone disrupts the polished feel of the UI and can confuse or deter users.
Why it Matters
Users may perceive the app as incomplete or unreliable when seeing placeholder elements that appear broken or unfinished instead of meaningful images or icons.
How to Fix
Replace the empty rounded rectangle with a meaningful icon, image, or a well-designed placeholder that communicates the category clearly, or load actual content.
Issue Highlights
Category icons have small tap targets
Moderate
Accessibility & Input Ergonomics
The Problem
The category icons (e.g., Men's Salon, Nail Care) appear to be less than 48x48 dp, likely around 40x40 dp or smaller, with relatively small vertical spacing between each icon and label. This requires more precise tapping.
Why it Matters
Small tap targets increase the likelihood of input errors and user frustration, especially for users with larger fingers or motor impairments.
How to Fix
Increase the size of tap targets to at least 48x48 dp and add sufficient padding around icons and labels to allow easier, more reliable input.
Issue Highlights
Unclear Action for Add Button in Saved Business Section
Moderate
Flow & States Completeness
The Problem
The Add button at the end of the Saved Business list is visible but not clearly labeled with an action, and no tooltip or hint is present to indicate what happens when tapped.
Why it Matters
Users may be unsure what the Add button does, leading to confusion or hesitation, which can slow down or prevent flow progression.
How to Fix
Add descriptive text or a tooltip explaining what the Add button does, such as 'Add a new business' or trigger a prompt indicating the next step upon tap.
Issue Highlights
Weak hierarchy between 'Businesses in "Beauty & Care"' and 'Stores in Sarabha Nagar' headings
Moderate
Content Readability & Clarity
The Problem
The heading 'Businesses in "Beauty & Care"' is less prominent and appears visually weaker compared to the stronger, bold 'Stores in Sarabha Nagar' heading, causing potential confusion about their relative importance.
Why it Matters
Users might struggle to distinguish between section levels or the flow of content, making navigation and comprehension difficult.
How to Fix
Adjust font weight, size, or spacing to create a clearer visual hierarchy between these two headings, for example, making the parent heading bolder or larger.
Issue Highlights
Crowded horizontal category selection with small, closely spaced targets
Moderate
Navigation & Structure
The Problem
The row of category images and labels at the top along with subcategories below contain many small icons and clickable areas placed closely together horizontally, making precise tapping harder on mobile.
Why it Matters
Users may struggle to tap the desired category or subcategory accurately, causing input errors and frustration.
How to Fix
Increase spacing between these horizontal category selections or limit the number displayed at one time, using clear left/right scrolling affordances if needed.
Issue Highlights
Unclear 'Add' Button Purpose in Saved Business Section
Moderate
Conversion & Actions
The Problem
The circular 'Add' button with a plus sign in the Saved Business section lacks descriptive text or context clarifying what will be added (e.g., 'Add Business' or 'Add to Saved').
Why it Matters
Users may hesitate or be confused about the button’s function, which can reduce engagement or completion of the intended action.
How to Fix
Add a clear and specific label next to or below the button, such as 'Add Business', to clarify the action it triggers.
Issue Highlights
Search input missing explicit visible label
Moderate
Accessibility & Input Ergonomics
The Problem
The search input field at the top includes placeholder text ('yoga, pilates, salon') but does not have an explicit visible label.
Why it Matters
Relying solely on placeholder text as a label reduces accessibility because placeholder text disappears when users start typing, and screen readers may not always announce it clearly.
How to Fix
Add a visible label above or beside the search field or use an accessible aria-label to complement the placeholder.
Issue Highlights
Excessive category and subcategory scrolling choices visible
Moderate
Efficiency & Cognitive Load
The Problem
The screen shows multiple rows of categories and subcategories with icons and labels, requiring users to scroll horizontally through several options before making a selection.
Why it Matters
Too many micro-steps and incremental scrolling increases cognitive load and slows task completion as users must browse through many small, similar choices.
How to Fix
Consider consolidating categories with better grouping or using dropdown filters to reduce the volume of visible horizontal scrolling items, enabling faster selection.
Issue Highlights
Excessive visual elements and repeated border styles cause clutter
Moderate
Efficiency & Cognitive Load
The Problem
Multiple images with colorful circular borders and repeated 'Offers 1' badges appear throughout business listings, cluttering the visual field and potentially distracting the user.
Why it Matters
Visual clutter from similar decorative elements reduces attention on key actionable items and complicates quick scanning or decision-making.
How to Fix
Use simpler image treatments and minimize repetitive badge styles to emphasize important information without overwhelming the user visually.
Issue Highlights
Multiple business browsing choices increase decision complexity
Moderate
Efficiency & Cognitive Load
The Problem
Users face multiple distinct areas to select businesses: 'Saved Business,' 'Businesses in "Beauty & Care",' and 'Stores in Sarabha Nagar' with 'Show All' and 'See All' links adding more options to explore.
Why it Matters
Presenting several similarly purposed sections on one screen forces users to decide where to focus first, increasing decision fatigue and cognitive overload.
How to Fix
Simplify the business browsing experience by merging similar sections or providing a single clear path to explore saved and local businesses.
Issue Highlights
Empty 'Make-Up Artist' icon looks non-interactive
Minor
Accessibility & Input Ergonomics
The Problem
The 'Make-Up Artist' category icon is a box with only an outline and no image or fill, which may lead users to believe it is not interactive.
Why it Matters
Users might ignore this category or hesitate to tap it because it does not look like a typical button or icon with affordance.
How to Fix
Fill the icon with descriptive imagery or a recognizable icon, or add visual cues like shadows or background color to indicate it is tappable.
Issue Highlights
Unlabeled 'Add' circle icon in Saved Business section
Minor
Visual Consistency, Imagery & Media
The Problem
The 'Add' icon in the Saved Business section is represented by a plus sign in a circle but does not explicitly indicate its function beyond the label 'Add', which might not be clear as a button.
Why it Matters
Ambiguous iconography can cause hesitation or confusion for users unsure if it is interactive or its purpose.
How to Fix
Add a visual affordance like a button shadow or an explicit label text below that clarifies this is a tap target to add a business.
Issue Highlights
Generic top navigation categories lack clear selection affordance
Minor
Strategic Design
The Problem
The top horizontal category menu shows multiple categories with only 'Beauty & Care' displayed in bold and pink, but other categories have truncated text and no strong visual indication of interactivity or selection besides color.
Why it Matters
Users might miss that categories are selectable filters, causing confusion about how to navigate or select different types of services.
How to Fix
Use clearer selection states such as underlines, backgrounds, or stronger contrast with full text labels visible to differentiate selected vs unselected categories.
Issue Highlights