Urban Resort Safety Notice
The UI employs strong visual contrast and clear iconography to effectively communicate prohibitions, enhancing immediate comprehension. However, the design could improve by adding multilingual support and clearer context about the purpose of the restrictions to cater to a wider audience and avoid confusion.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
1
Color & Contrast2
Content Readability & Clarity2
Visual Consistency, Imagery & Media0
Navigation & Structure0
Conversion & Actions2
Tone, Friendliness & Delight0
Accessibility & Input Ergonomics2
Efficiency & Cognitive Load1
Flow & States Completeness1
Strategic DesignRecommended Fixes by Impact
0Critical
2Major
8Moderate
1Minor
No label explaining icons with red background
Major
Content Readability & Clarity
The Problem
The three red icons with black lines indicate prohibitions but have no visible accompanying textual labels to clarify what each icon specifically prohibits.
Why it Matters
Users may not understand what behaviors are disallowed, potentially causing confusion or unsafe actions.
How to Fix
Add clear, concise text labels or tooltips near each icon explaining the specific prohibited action.
Issue Highlights
Icons lack descriptive labels or tooltips to clarify meaning
Major
Visual Consistency, Imagery & Media
The Problem
The three icons show crossed-out wheeled devices without labels or text explanations to clarify what each prohibits.
Why it Matters
Users may be unsure which specific types of personal transport devices are not allowed, increasing confusion and potential noncompliance.
How to Fix
Add text labels or tooltips near each icon clearly describing the prohibited device type.
Issue Highlights
Icons lack sufficient contrast on red background
Moderate
Color & Contrast
The Problem
The black icons on the bright red background have moderate contrast but may be difficult to distinguish for some users with vision impairments, especially if color perception is reduced. This color combination may fail WCAG AA for normal text but might pass for large graphics/icons.
Why it Matters
Users with contrast sensitivity or color blindness may have difficulty identifying the icons and understanding their meaning.
How to Fix
Increase contrast by either making the icon color lighter or darkening the background red. Alternatively, add a border or shadow around icons to improve visibility.
Issue Highlights
Icons are not vertically aligned within their red squares
Moderate
Visual Consistency, Imagery & Media
The Problem
The three icons inside the red squares appear to have varying vertical alignments, causing visual imbalance.
Why it Matters
Misalignment can create a less polished and professional appearance and increase cognitive load for users trying to understand the symbols.
How to Fix
Adjust the vertical position of the icons so they are consistently centered within their red backgrounds.
Issue Highlights
Warning tone is harsh and might feel alarming without context
Moderate
Tone, Friendliness & Delight
The Problem
The use of bright red blocks with crossed-out icons combined with the direct textual instruction 'please do not ride on the wooden path' conveys a harsh and alarming message. While caution is necessary, the all-caps, strong red blocks and the blunt wording can create a tone that feels overly strict or punitive without adding friendly or reassuring elements.
Why it Matters
Users may feel unnecessarily intimidated or unwelcome, which can reduce their comfort and trust when reading safety instructions, leading to lower engagement or dissatisfaction.
How to Fix
Soften the tone by using gentler colors or adding a friendly or explanatory phrase that provides reasons or empathy. For example, replace plain red with a softer warning color and add text that explains why it’s important, including empathetic language.
Issue Highlights
Multiple large red icons create visual clutter
Moderate
Efficiency & Cognitive Load
The Problem
The three large red prohibition icons are visually intense and dominate the screen, which can distract users and increase cognitive load.
Why it Matters
Users might find the screen overwhelming and have difficulty focusing on the main message due to the intense use of red blocks.
How to Fix
Reduce the size or intensity of the red icons or replace them with simpler, less visually dominant graphics to reduce visual noise.
Issue Highlights
No clear call to action to proceed
Moderate
Flow & States Completeness
The Problem
The screen shows a large warning sign and icons indicating prohibited activities, but there is no visible button, link, or instruction indicating what the user should do next.
Why it Matters
Without a clear next step, users may be confused about how to continue or where to go from this screen, leading to frustration or drop-off.
How to Fix
Add a clear and prominent call-to-action button or link that guides users to the next step or alternative options.
Issue Highlights
Lack of clear visual hierarchy between heading and subheading
Moderate
Content Readability & Clarity
The Problem
The main warning text is large and bold, but the subheading 'ГОРОДСКОЙ КУРОРТ' is small and may not visually connect or create a clear information hierarchy below the logo.
Why it Matters
Users may not easily distinguish the relationship between the logo, subheading, and main content, which can reduce clarity and slow comprehension.
How to Fix
Increase size or adjust the styling of the subheading to better differentiate it from the logo and relate it clearly to the main content below.
Issue Highlights
No trust or reassurance information near important safety instruction
Moderate
Tone, Friendliness & Delight
The Problem
The message forbids riding certain vehicles on the wooden path but does not provide any additional information, reassurance, or trust signals such as reasons, consequences, or contact options related to safety enforcement.
Why it Matters
Users may be left uncertain about the rationale behind the restriction and whether exceptions exist or how to get help or more info, reducing trust and compliance.
How to Fix
Add supportive text explaining why the restriction is in place (e.g., safety concerns or preservation), and include a contact or info link clearly associated with the message for further reassurance.
Issue Highlights
Warning message lacks visual hierarchy and context
Moderate
Strategic Design
The Problem
The large text warning 'пожалуйста, не катайтесь по деревянной дорожке' is prominent but lacks additional context or a memorable design element to reinforce its importance. The icons below do not clearly communicate the meaning due to their abstract style and uniform coloring.
Why it Matters
Users may overlook or misunderstand the restriction, reducing the effectiveness of the safety message and potentially causing noncompliance.
How to Fix
Enhance the visual hierarchy with clearer iconography and supporting visuals or animation that directly relates to the warning message. Add contextual cues or brief explanatory text to improve clarity and memorability.
Issue Highlights
Several similar icons force users to parse differences
Minor
Efficiency & Cognitive Load
The Problem
The three red prohibition icons look visually similar, which may require users to cognitively distinguish between them to understand different restrictions.
Why it Matters
Users may spend extra time and effort figuring out the differences, increasing cognitive load unnecessarily.
How to Fix
Simplify the icons or combine the messages into a single clear prohibition symbol with accompanying text.
Issue Highlights