Tourist Attraction Directory
The interface provides a clear and straightforward navigation structure with easy access to attractions and relevant content such as field reports. However, the design feels outdated with cluttered layout and inconsistent typography, which impacts overall readability and user engagement.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast3
Content Readability & Clarity4
Visual Consistency, Imagery & Media2
Navigation & Structure0
Conversion & Actions3
Tone, Friendliness & Delight0
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load3
Flow & States Completeness3
Strategic DesignRecommended Fixes by Impact
1Critical
3Major
15Moderate
6Minor
Low contrast on yellow text over image
Critical
Color & Contrast
The Problem
The yellow text 'Chicken Boy' and 'SIGHT OF THE WEEK' on the photo background has low contrast and is difficult to read, likely failing WCAG AA standards for normal and large text.
Why it Matters
Users with visual impairments or color blindness may struggle to read important titles, reducing usability and accessibility.
How to Fix
Increase contrast by changing the text color to a darker shade or adding a semi-transparent dark overlay behind the text.
Issue Highlights
No clear indication of current page or user location in navigation
Major
Orientation Missing (Environment/Role/Location)
The Problem
The top navigation bar does not have any visible active states or highlights for the current section, so users cannot easily tell which page they are on.
Why it Matters
Without clear orientation, users can get lost or confused about where they are within the site structure.
How to Fix
Add active state highlighting or distinct visual styling to the current navigation item to indicate the user's location.
Issue Highlights
Main image and 'Sight of the Week' carousel captions use low contrast text
Major
Strategic Design
The Problem
The yellow caption text 'Chicken Boy' and 'SIGHT OF THE WEEK' overlays on the main image have low contrast against the background, reducing readability and visual impact.
Why it Matters
Visitors may struggle to read or notice key featured content, reducing engagement and the site's ability to highlight unique attractions.
How to Fix
Increase text contrast by using darker or more solid contrasting colors for the text or add background overlays behind the text to improve readability.
Issue Highlights
No Clear Call to Action After Viewing Featured Attraction
Major
Flow & States Completeness
The Problem
The featured attraction 'Chicken Boy' is prominently displayed but there is no clear button or prompt guiding users to learn more, explore further, or book a visit.
Why it Matters
Users may be unsure how to proceed after seeing the featured attraction, causing confusion or abandonment of the page.
How to Fix
Add a clear, visible call to action such as 'Learn More', 'Visit Details', or 'Plan Your Visit' near the featured feature to help users continue their journey.
Issue Highlights
Unclear dropdown label for 'State' filter
Moderate
Content Readability & Clarity
The Problem
The dropdown labeled 'State' does not clearly indicate that it includes both states and provinces, which may confuse users from outside the U.S.
Why it Matters
Users may be unsure whether the dropdown covers their region or what geographic areas they can select.
How to Fix
Change the label to something like 'Select State/Province' for clarity.
Issue Highlights
Misaligned Search Input Boxes
Moderate
Visual Consistency, Imagery & Media
The Problem
The three search input boxes for 'Attraction', 'Town', and 'State' along the top right appear inconsistently sized and slightly misaligned horizontally.
Why it Matters
Misaligned form elements reduce the visual polish of the page and may confuse users about their relation.
How to Fix
Align all three input fields to the same vertical baseline and make sure they have consistent sizing and spacing.
Issue Highlights
Top navigation links are densely spaced and visually cluttered
Moderate
Navigation & Structure
The Problem
The top navigation links (Home, Maps, Tips, Blog, etc.) are placed tightly next to each other with minimal spacing, making it harder to distinguish and click on individual items comfortably.
Why it Matters
Users may experience difficulty accurately selecting navigation options, leading to frustration and potential navigation errors.
How to Fix
Increase horizontal spacing or padding between navigation links; consider grouping related links or using visual separators to improve clarity.
Issue Highlights
Multiple small input fields for attraction search increase interaction steps
Moderate
Efficiency & Cognitive Load
The Problem
The search section at the top right requires separate inputs for 'Attraction', 'Town', and 'State', resulting in multiple small steps instead of a unified search field or guided filtering.
Why it Matters
Users looking for places may need to type or select multiple fields, increasing cognitive load and slowing down the search process.
How to Fix
Combine the search inputs into a single autocomplete search bar or offer progressive filtering to reduce separate inputs.
Issue Highlights
Search inputs lack clear call-to-action or grouping
Moderate
Strategic Design
The Problem
The search fields for 'Attraction', 'Town', and 'State' appear as small, separated input boxes with minimal labeling and no visible search button except a small gray button labeled 'Search' that blends into the background.
Why it Matters
Users might be confused about how to interact with the search feature or may overlook the search button, reducing search effectiveness and causing frustration.
How to Fix
Enhance the search input grouping visually with clear labels, bigger input fields, and a more prominent search button color or shape that clearly indicates clickability and encourages engagement.
Issue Highlights
Low contrast on yellow text in search input placeholders
Moderate
Color & Contrast
The Problem
Yellow text placeholders in the inputs labeled 'Attraction', 'Town', and 'State' on a grey background have low contrast and may be hard to read.
Why it Matters
Low contrast placeholder text reduces readability, especially for users with low vision or in bright environments, impacting form usability.
How to Fix
Use a darker or more saturated text color for placeholders or provide a background behind the input fields that improves text contrast.
Issue Highlights
Insufficient hierarchy in 'Find Attractions and Oddities' section
Moderate
Content Readability & Clarity
The Problem
In the yellow 'Find Attractions and Oddities' box, all text uses the same font size and weight, making it difficult to quickly scan and distinguish links from descriptions.
Why it Matters
Poor hierarchy causes comprehension delay and lowers usability for users trying to find key links or actions quickly.
How to Fix
Use distinct font weights, colors, or sizes for headings, links, and descriptive text to improve scannability.
Issue Highlights
Sidebar lacks clear role or section labeling
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The sidebar on the left contains 'My Sights' and 'Mobile Apps' sections but provides limited visual separation and no explicit heading or contextual orientation on the page.
Why it Matters
Users may find it unclear what the sidebar represents in relation to their current task or page context.
How to Fix
Use distinct section headings and visually separate the sidebar from the main content area to clarify its role.
Issue Highlights
Outdated Visual Style Conflicts with Modern Trust Expectations
Moderate
Tone, Friendliness & Delight
The Problem
The overall design and typography appear outdated and cluttered, which can reduce perceived trustworthiness and user confidence in the site's content.
Why it Matters
Users may subconsciously associate the outdated look with lower reliability or less secure information, impacting their willingness to engage or trust provided details.
How to Fix
Update the visual design with a cleaner, modern layout and typography that visually signals professionalism and trustworthiness while keeping the quirky brand tone.
Issue Highlights
Dense text and link lists create cluttered reading areas
Moderate
Efficiency & Cognitive Load
The Problem
The 'Field Reports' and 'Find Attractions and Oddities' sections feature dense blocks of text and links with minimal spacing or hierarchy, causing visual clutter.
Why it Matters
Users may find it difficult to focus on actionable items or distinguish priority content, increasing effort to locate relevant links.
How to Fix
Use clearer visual hierarchy with spacing, headings, or summaries to separate link groups and reduce clutter.
Issue Highlights
Empty State Guidance Missing for 'Find Attractions and Oddities' Dropdown
Moderate
Flow & States Completeness
The Problem
The 'State Favorites' dropdown allows selection but there is no visible instruction or feedback on what happens if no state is selected or if no results are found.
Why it Matters
Users may not know what to expect or do next if their selection results in no content or if the state is left unselected, leading to confusion.
How to Fix
Add descriptive guidance or a message explaining next steps, such as 'Select a state to find attractions' or an empty state message if no results exist.
Issue Highlights
Header text and navigation blend together without clear hierarchy
Moderate
Strategic Design
The Problem
The top navigation links and input fields are presented in a uniform style and color, lacking visual hierarchy or unique branding elements that make the site instantly recognizable or memorable.
Why it Matters
Users may have difficulty orienting themselves quickly and the site misses an opportunity to create a strong, differentiated brand impression.
How to Fix
Introduce distinctive visual styling for the header and navigation, such as bold typography, unique color accents, or a more prominent logo treatment that separates branding from navigation controls.
Issue Highlights
Lack of Trust Signals Near Account or Trip Creation Features
Moderate
Tone, Friendliness & Delight
The Problem
The 'My Sights' area invites users to create and save road trips but contains no reassurances about privacy, data protection, or security, which can feel risky to users.
Why it Matters
Without trust signals, users may hesitate or abandon signing up or saving personal trip data, fearing misuse or lack of support.
How to Fix
Add clear trust signals around these features such as privacy reassurance, secure data handling notes, or simple calls-to-action that build confidence.
Issue Highlights
Users must remember search criteria context across multiple isolated inputs
Moderate
Efficiency & Cognitive Load
The Problem
The separate search input boxes provide no visible guidance or combined context so users must keep in mind their input criteria when completing each field.
Why it Matters
Forcing users to recall the context of previous inputs can slow task completion and increase errors during attraction searches.
How to Fix
Display dynamic hints or tooltips linking the search fields' purposes and expected input to reduce memory load.
Issue Highlights
No Clear Submission or Guidance After Entering Search Terms
Moderate
Flow & States Completeness
The Problem
Search fields for 'Attraction', 'Town', and 'State' are visible, but the search button design and placement lack prominence and do not clearly indicate what happens next.
Why it Matters
Users might be unsure if their search inputs were accepted or what results to expect, causing hesitation or abandonment.
How to Fix
Enhance the search button's visibility and label it more clearly, e.g., 'Find Attractions', and provide instant feedback or guidance when a search is initiated.
Issue Highlights
Unlabeled Social Media Icons
Minor
Visual Consistency, Imagery & Media
The Problem
The top right area contains four small social media icons without any labels or tooltips explaining their purpose.
Why it Matters
Users may not recognize the icons or understand their function, particularly those unfamiliar with these social platforms.
How to Fix
Add accessible text labels or tooltips to each icon to clarify their function and improve usability.
Issue Highlights
Body text in left sidebar appears too small
Minor
Content Readability & Clarity
The Problem
Text in the left sidebar under 'My Sights' and 'Mobile Apps' appears quite small, reducing readability especially for users with visual impairments.
Why it Matters
Small font size makes it harder for users to read content comfortably, increasing the risk of usability issues and bounce.
How to Fix
Increase the font size of sidebar body text to at least 14px or equivalent for better readability.
Issue Highlights
Inconsistent Border Radius on Main Image Corners
Minor
Visual Consistency, Imagery & Media
The Problem
The large main image of 'Chicken Boy' has rounded corners, but the black background behind the alt text area has inconsistent corner rounding.
Why it Matters
Inconsistent corner rounding reduces visual harmony and can make the design look unfinished.
How to Fix
Ensure all elements sharing the same visual boundary have consistent border radius styling.
Issue Highlights
Misaligned Left Sidebar Images and Text
Minor
Visual Consistency, Imagery & Media
The Problem
Images and text in the 'My Sights' and 'Mobile Apps' sections on the left side are not properly aligned, creating uneven margins.
Why it Matters
Uneven alignment distracts users and reduces overall design cohesion.
How to Fix
Align images and text blocks to a common left edge grid for consistency.
Issue Highlights
Multiple small click areas in 'Find Attractions and Oddities' section create visual density
Minor
Navigation & Structure
The Problem
The 'Find Attractions and Oddities' section contains several small link texts densely packed, with little spacing or grouping, which may overwhelm users scanning options.
Why it Matters
Users may struggle to scan or select relevant content, slowing down navigation and increasing cognitive load.
How to Fix
Increase spacing and use grouping or bullet styles to visually separate distinct links or options in this area.
Issue Highlights
Unclear or Ambiguous Description of 'Sight of the Week' Could Mislead Users
Minor
Tone, Friendliness & Delight
The Problem
'Sight of the Week' is referenced but not clearly explained, leaving users uncertain if it is editorially selected or crowd-sourced, which can affect credibility.
Why it Matters
Ambiguity may reduce user trust and engagement with featured content due to unclear editorial authority or curation process.
How to Fix
Provide a brief explanation or disclaimer about how 'Sight of the Week' entries are chosen to set user expectations clearly.
Issue Highlights