Sports Event Dashboard
The interface effectively uses clear icons and badges to highlight notifications and new events, aiding quick user comprehension. However, the mix of Korean and English text, along with some cluttered content areas, could be streamlined for better readability and consistency.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
3
Color & Contrast1
Content Readability & Clarity3
Visual Consistency, Imagery & Media2
Navigation & Structure2
Conversion & Actions0
Tone, Friendliness & Delight3
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load2
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
2Major
15Moderate
6Minor
Low contrast for secondary text '진행상황 확인하기' on black background
Major
Color & Contrast
The Problem
Secondary text '진행상황 확인하기' uses a dark gray color on a black (#000000) background, making it appear low contrast and likely below WCAG AA contrast ratio of 4.5:1.
Why it Matters
Users with low vision or color deficiencies may have trouble reading this important secondary text, reducing content accessibility.
How to Fix
Increase text brightness to a lighter color (e.g. white or light gray) to meet minimum contrast ratio of 4.5:1 against black.
Issue Highlights
Unclear next action after '리그 참여하기' button
Major
Flow & States Completeness
The Problem
The button labeled '리그 참여하기' (Join League) is prominently displayed, but there is no indication of what happens after pressing it or a next step to guide the user.
Why it Matters
Users may be unsure what to do after pressing the button, causing confusion and potential drop-off in engagement.
How to Fix
Provide clear feedback or a next step after the '리그 참여하기' action, such as a confirmation message, navigation to a league details page, or instructions on how to proceed.
Issue Highlights
Unclear date range context for event listings
Moderate
Ambiguous Date/Time/Timezone
The Problem
The date ranges such as '6/9 - 6/14' and single dates like '6/9' appear without any indication of the year or timezone.
Why it Matters
Users may be unsure if the dates refer to the current year or a different year, leading to potential confusion about event timing.
How to Fix
Add a year or clarify the date context, and specify timezone if relevant to prevent ambiguity.
Issue Highlights
Left labels slightly misaligned with right text in list items
Moderate
Visual Consistency, Imagery & Media
The Problem
The dark gray numeric labels on the left side of each list item are horizontally misaligned relative to the Korean text and date ranges on the right side, creating an uneven visual flow.
Why it Matters
Misalignment increases visual noise and cognitive load, making it harder for users to quickly scan and read the list content.
How to Fix
Adjust horizontal padding or margin so that the numeric labels and corresponding texts align on a consistent vertical grid line.
Issue Highlights
No clear indication of current screen or user role
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The interface lacks a clear visual cue or highlighted state in the top navigation or tab bar to indicate which section or screen the user is currently viewing. The header 'RallyPick' is generic and does not provide contextual orientation.
Why it Matters
Without clear orientation, users might be unsure of their current location within the app, resulting in confusion and a decrease in confidence while navigating.
How to Fix
Add active state highlights to the current tab in the bottom navigation and use breadcrumbs or section headings that clearly specify the user's current position or role.
Issue Highlights
Primary CTA '리그 참여하기' lacks descriptive action
Moderate
Conversion & Actions
The Problem
The primary call-to-action button labeled '리그 참여하기' (Join League) uses a general phrase without clarifying the next step or benefit, potentially causing user hesitation.
Why it Matters
Users may be uncertain about what happens after clicking the button, reducing click-through rates and engagement.
How to Fix
Clarify the CTA with more specific action or outcome, e.g., 'Join League to Start Playing' or add a short tooltip explaining what happens next.
Issue Highlights
Bottom navigation icons too close horizontally
Moderate
Accessibility & Input Ergonomics
The Problem
The home, feed, and data icons in the bottom navigation are spaced closely, which may cause accidental taps by users with larger fingers.
Why it Matters
Close touch targets increase the chance of tapping the wrong navigation icon, leading to user frustration and navigation errors.
How to Fix
Increase horizontal spacing between the bottom navigation icons to meet recommended touch target distance guidelines.
Issue Highlights
List items under '리그 참여하기' lack clear tap affordance
Moderate
Accessibility & Input Ergonomics
The Problem
The items in the list appear as plain text rows with a small arrow indicator but lack typical affordance like button styling or distinct background highlight.
Why it Matters
Users may not easily recognize these rows as tappable interactive elements, reducing engagement and increasing confusion.
How to Fix
Add clearer visual affordances such as distinct button backgrounds or touch feedback to these list items.
Issue Highlights
Too many similar league items in list cause visual clutter
Moderate
Efficiency & Cognitive Load
The Problem
The league participation list shows multiple rows with similar layout and icons, making it visually dense and potentially overwhelming.
Why it Matters
Users may find it difficult to quickly scan and identify the most relevant league due to repetitive formatting and dense presentation.
How to Fix
Reduce visual clutter by grouping leagues, adding clearer separators, or enabling filters to show fewer items at once.
Issue Highlights
Weak Visual Hierarchy in Main Content Area
Moderate
Strategic Design
The Problem
The main content area showing the league participation options and daily/free challenges uses very similar text styles and spacing, making it hard to quickly differentiate between different items. The active/inactive states and content blocks have minimal contrast and separation.
Why it Matters
Users may struggle to quickly scan and identify important or new items, reducing usability and potentially causing confusion when choosing a league or event.
How to Fix
Increase visual contrast between different items using size, weight, or background shading. Use consistent and distinct visual styles to separate sections and highlight actionable items or new content.
Issue Highlights
Low contrast for inactive tab label '드래프트'
Moderate
Color & Contrast
The Problem
The inactive tab label '드래프트' uses a medium gray text color on a light gray background, resulting in insufficient contrast, likely below WCAG AA of 4.5:1.
Why it Matters
Low contrast reduces legibility for users with vision impairments, making it harder to differentiate inactive tabs.
How to Fix
Use a darker text color for inactive tabs or increase background brightness to improve contrast.
Issue Highlights
Event titles and dates lack distinct visual hierarchy
Moderate
Content Readability & Clarity
The Problem
Event titles and their corresponding dates use similar font weight and size, making it difficult to immediately differentiate main content (title) from secondary information (date).
Why it Matters
Weak hierarchy reduces scannability and slows users' comprehension when browsing event options.
How to Fix
Increase font size or weight for titles, or differentiate with color or spacing to enhance clarity.
Issue Highlights
Button text and icons use inconsistent styling
Moderate
Visual Consistency, Imagery & Media
The Problem
The two buttons near the top use different background colors and border styles: the left button has a dark blue background with white text and icon, while the right button has a white background with gray text and a border. This inconsistency can confuse users about which action is primary.
Why it Matters
Inconsistent button styles may mislead users about the importance or state of each option, affecting usability and clarity.
How to Fix
Use a consistent button style for similar toggles or clearly differentiate with accompanying UI hints (like disabled state) to indicate their relationship.
Issue Highlights
Notification bell icon tap target appears small
Moderate
Accessibility & Input Ergonomics
The Problem
The notification bell icon at the top right corner is smaller than recommended touch target size (minimum 44x44 dp).
Why it Matters
Small tap targets can make it difficult for users to accurately tap, especially on small screens or for users with limited fine motor control.
How to Fix
Increase the size of the notification bell tap target area to at least 44x44 dp, possibly by adding padding or invisible touch area expansion.
Issue Highlights
Primary navigation tabs not visually distinct
Moderate
Navigation & Structure
The Problem
The two primary category buttons below the header ('샐러리캡' and '드래프트') have low contrast and do not stand out distinctly as primary navigation tabs, causing potential difficulty in discovering and understanding their function.
Why it Matters
Users may not immediately realize these are primary navigation controls, which can reduce discoverability and increase cognitive load during task completion.
How to Fix
Enhance the visual styling of these buttons with stronger contrast, clearer tab shapes, or indicators to make them look like connected navigation tabs.
Issue Highlights
Multiple tabs without clear differentiation increase choice complexity
Moderate
Efficiency & Cognitive Load
The Problem
The choice between '샐러리캡' and '드래프트' tabs is prominent but not explained, potentially confusing users which to select.
Why it Matters
Users may hesitate or waste time deciding which tab to view without clear context or differentiation.
How to Fix
Add brief descriptions or tooltips for each tab or streamline choices based on user behavior to reduce this decision burden.
Issue Highlights
Lack of guidance for empty or minimal league list states
Moderate
Flow & States Completeness
The Problem
While a list of leagues is visible, there is no guidance or instructional text if this list were empty or sparsely populated, and it is unclear what users should do in that case.
Why it Matters
If the user has no leagues or drafts, they might be uncertain about how to proceed or add new leagues, reducing user engagement.
How to Fix
Add empty state messages with instructions or next steps when no leagues or drafts are available, such as 'No leagues found. Tap Join League to start playing!'
Issue Highlights
Unlabeled notification bell icon with number badge
Minor
Visual Consistency, Imagery & Media
The Problem
The notification bell icon in the top right has a red badge with the number 2 but lacks a visible label or tooltip indicating its purpose.
Why it Matters
Without a label or tooltip, users may not immediately understand the nature or source of notifications, slowing interaction.
How to Fix
Add an accessible text label or tooltip for the notification icon to clarify its meaning.
Issue Highlights
Multiple similarly styled clickable list items create visual clutter
Minor
Navigation & Structure
The Problem
The list of items below the navigation tabs includes many individual rows that look similar and densely stacked, with small clickable areas and right arrows that compete for user attention.
Why it Matters
This can cause confusion or mistaken taps, lowering the ease of navigation and increasing user effort in selecting options.
How to Fix
Space out list items more generously, and group related items or use clearer grouping headings to reduce cognitive load.
Issue Highlights
Bottom navigation 'FEED' tab indicator badge lacks context
Minor
Conversion & Actions
The Problem
The 'FEED' icon in the bottom navigation shows a purple badge without text or explanation, which may confuse users about the nature of the alert or update.
Why it Matters
Unclear indicator badges can cause uncertainty, reducing user interaction with the feed or necessitating guesswork.
How to Fix
Add a tooltip or short label explaining what the badge signifies (e.g., new posts or messages).
Issue Highlights
Low contrast of status dots in list items
Minor
Color & Contrast
The Problem
The small purple status dots next to list items have low contrast against their gray backgrounds, making them difficult to see clearly.
Why it Matters
Important status indicators may be missed by users with visual impairments due to insufficient contrast.
How to Fix
Use a brighter or more contrasting color for the status dots or adjust their background shapes to improve visibility.
Issue Highlights
Unclear Active Tab Indicator in Top Tab Bar
Minor
Strategic Design
The Problem
The active tab ('샐러리캡') is distinguished by a dark solid background, but the inactive tab ('드래프트') uses a subtle border and background difference which may be too faint for clear differentiation at a glance.
Why it Matters
Users may not immediately recognize which tab is active, causing potential confusion when navigating between different views.
How to Fix
Enhance the inactive tab style to provide better contrast and a clearer visual difference from the active tab, such as stronger borders or background color changes.
Issue Highlights
Users must remember league dates shown without additional context
Minor
Efficiency & Cognitive Load
The Problem
Dates like '6/9 - 6/14' are displayed for leagues with no direct explanation or calendar integration.
Why it Matters
Users might forget or misunderstand the dates without explicit on-screen help or links, causing errors or confusion about league timing.
How to Fix
Add calendar integration or hover/tap tooltips explaining what the dates mean and options to save them.
Issue Highlights