Sports Data Dashboard
The interface offers a clear, organized layout with well-defined cards that present key player and team statistics visually, making it easy to scan important information quickly. However, the design could benefit from improved visual consistency in iconography and clearer language localization to enhance user comprehension and engagement.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
6
Color & Contrast1
Content Readability & Clarity3
Visual Consistency, Imagery & Media1
Navigation & Structure2
Conversion & Actions0
Tone, Friendliness & Delight2
Accessibility & Input Ergonomics2
Efficiency & Cognitive Load2
Flow & States Completeness0
Strategic DesignRecommended Fixes by Impact
0Critical
2Major
19Moderate
0Minor
Missing clear active state or title context in navigation bar
Major
Orientation Missing (Environment/Role/Location)
The Problem
The bottom navigation bar highlights the 'DATA' tab, but lacks an explicit active state indicator besides the icon and label being darkened. The page title 'DATA CENTER' is displayed but not visually tied to the bottom navigation, making it harder for users to orient themselves between multiple levels of navigation.
Why it Matters
Users may be confused about their current location within the app, especially if they switch between tabs frequently. This can lead to navigation errors or users feeling lost.
How to Fix
Add a clearer active state in the bottom navigation with a distinct indicator such as a highlight, underline, or color change that reinforces the connection to the 'DATA CENTER' title above. Also consider breadcrumbs or section headings to enhance context.
Issue Highlights
Unlabeled icons in bottom navigation bar
Major
Visual Consistency, Imagery & Media
The Problem
The bottom navigation bar icons ('HOME', 'FEED', 'DATA') rely on icon shapes that may not be universally understood without labels. Although text labels are present below icons, the icons themselves do not clearly communicate their function alone.
Why it Matters
Users unfamiliar with the iconography might be confused or hesitate to navigate, slowing interaction and increasing cognitive load.
How to Fix
Consider enhancing icon clarity or maintaining visible text labels for all navigation items to ensure their meaning is clear.
Issue Highlights
Inconsistent avatar styles in data cards
Moderate
Visual Consistency, Imagery & Media
The Problem
Avatars in various cards use differing styles: illustrated player faces, animal mascot icons, and a photo of a statue. These inconsistent image styles can reduce visual coherence.
Why it Matters
Users may find the inconsistent avatar styles distracting or perceive the UI as less polished, affecting trust and aesthetics.
How to Fix
Standardize avatar styles across the data cards, using either illustrated icons, photos, or mascots consistently.
Issue Highlights
Low contrast for secondary text under 스코어보드
Moderate
Color & Contrast
The Problem
The secondary text '경기 결과 보기' uses a light gray color on a white background, resulting in low contrast that is likely below WCAG AA standards for normal text.
Why it Matters
Users with visual impairments or in bright environments may have difficulty reading this secondary text, reducing content accessibility and usability.
How to Fix
Increase the text color contrast by using a darker gray or black for this secondary text to meet at least a 4.5:1 contrast ratio for normal text.
Issue Highlights
Low contrast for secondary text in 판타지 스코어 and TOP PICK cards
Moderate
Color & Contrast
The Problem
The secondary text under '판타지 스코어' ('선수 점수 순위') and 'TOP PICK' ('가장 많이 뽑힌 선수') is in a light gray color on white background, making it hard to read with likely insufficient contrast for WCAG AA.
Why it Matters
This reduces readability for users with impaired vision or in poor lighting, hindering information access.
How to Fix
Use a darker text color for these secondary labels to achieve sufficient contrast ratio (minimum 4.5:1 for normal text).
Issue Highlights
Low contrast for secondary text in 선수 찾기 card
Moderate
Color & Contrast
The Problem
The secondary text '구단별 KBO 선수 정보를 검색해보세요' is a light gray on white background, resulting in low contrast likely below WCAG AA standards.
Why it Matters
Users may struggle to read the search prompt, negatively impacting the discoverability of this function.
How to Fix
Increase the text color darkness or use a stronger contrast color to meet accessibility contrast standards.
Issue Highlights
Low contrast for smaller secondary text in 'KBO 팬 배틀' and 'RP' cards
Moderate
Color & Contrast
The Problem
The smaller secondary text '팀별 팬 순위' and '유저 RP 리더보드' are light gray on white background, creating insufficient contrast for easy reading.
Why it Matters
This impacts users with low vision or in bright conditions, making reading these labels difficult.
How to Fix
Darken the text color or use a higher-contrast color to comply with contrast ratio requirements.
Issue Highlights
Low contrast for bottom navigation labels (HOME, FEED)
Moderate
Color & Contrast
The Problem
The bottom navigation labels 'HOME' and 'FEED' appear as medium gray on white background, resulting in insufficient contrast likely below WCAG AA for small text.
Why it Matters
This makes navigation labels harder to see, impacting ease of use and accessibility.
How to Fix
Use a darker color for unselected navigation text or apply a higher contrast color to improve readability.
Issue Highlights
Unclear meaning of '오늘 5경기' label
Moderate
Ambiguous Date/Time/Timezone
The Problem
'오늘 5경기' uses the local language and means '5 games today', but it is ambiguous whether it refers to the current date based on local time, a specific game day, or another context. No timezone information is provided.
Why it Matters
Users may be confused about which games are included or what 'today' exactly means, causing misinterpretation of the data timeframe.
How to Fix
Clarify the timeframe by adding a specific date or time range and, if relevant, a timezone. Consider adding a tooltip or additional label explaining the date context more clearly.
Issue Highlights
Misaligned player avatars relative to text and containers
Moderate
Visual Consistency, Imagery & Media
The Problem
Player avatars in the '판타지 스코어' and 'TOP PICK' cards are horizontally overlapping with the text and not fully aligned inside their cards, causing a slight visual imbalance.
Why it Matters
Misalignment creates an uneven, less polished appearance that can distract users and increase cognitive load when interpreting the UI.
How to Fix
Adjust the layout so avatars are fully inside their cards and aligned consistently with the text elements.
Issue Highlights
Multiple cards with similar clickable areas cause visual complexity
Moderate
Navigation & Structure
The Problem
The screen contains multiple information cards with icons and text, each including an arrow indicating clickability. Although spacing is generous, the frequent use of similar styled cards in a vertical list without clear grouping or hierarchy could overwhelm users in quickly deciding where to click.
Why it Matters
Users may hesitate or slow down in navigation due to too many similar callouts, increasing cognitive load and decreasing engagement efficiency.
How to Fix
Group related cards more distinctly or vary visual hierarchy with size, color, or spacing to help users prioritize areas of focus. Consider collapsing less important cards or using tabs or accordions if there are too many cards at once.
Issue Highlights
Player avatars too small to easily tap
Moderate
Accessibility & Input Ergonomics
The Problem
Player avatar images shown in the cards appear quite small, likely below recommended touch target sizes (approximately less than 44x44 dp).
Why it Matters
Small tap targets can cause difficulties for users when trying to interact, increasing error rates and frustration especially on mobile devices.
How to Fix
Increase the size of avatar images or make the entire card area tappable instead of just the avatar to ensure at least 44x44 dp target size.
Issue Highlights
Multiple competing visual elements create clutter
Moderate
Efficiency & Cognitive Load
The Problem
The screen shows multiple cards with pictures, text, and icons densely packed, causing visual clutter that may overwhelm users.
Why it Matters
Excessive visual elements can overwhelm users, increasing cognitive load and making it harder to quickly find and act on important information.
How to Fix
Simplify the UI by reducing the number of simultaneously visible cards or minimizing decorative graphics, grouping related info, or using clearer visual hierarchy.
Issue Highlights
Low contrast for secondary text in KBO 경기 예측 랭킹 card
Moderate
Color & Contrast
The Problem
The secondary text '스멕 31점' uses a light gray color on white background, making it hard to read with low contrast.
Why it Matters
Users may find it difficult to access detailed information, reducing usability for visually impaired users.
How to Fix
Adjust the text color to a darker shade or use contrast-enhancing techniques to meet accessibility standards.
Issue Highlights
Ranking section text lacks clear hierarchy
Moderate
Content Readability & Clarity
The Problem
The '랭킹' (Ranking) header is only slightly bolded, and the subsections under it such as 'KBO 팬 배틀', 'RP', and their descriptions use similar font sizes and weights, causing weak differentiation between section titles and supporting text.
Why it Matters
Users may struggle to quickly scan and understand the different ranking subsections, reducing clarity and increasing cognitive load.
How to Fix
Increase font weight or size for section titles or add additional spacing to create a clearer visual hierarchy between section titles and their supporting text.
Issue Highlights
Primary CTA lacks clear action intent
Moderate
Conversion & Actions
The Problem
The buttons and action links use text labels such as '오늘 5경기' (Today 5 games) and arrows but do not clearly state the specific action or benefit of tapping them (e.g., 'View Today's 5 Games Results'). This may cause hesitation or confusion for users trying to quickly identify next steps.
Why it Matters
Unclear CTAs can reduce user engagement and conversion since users might not immediately understand what will happen next or what value they will get by tapping.
How to Fix
Use more specific and benefit-driven labels for primary action buttons, like 'View Today's 5 Games' or 'See Scores Now'. Ensure labels indicate the exact outcome or user benefit.
Issue Highlights
Cards placed too close horizontally
Moderate
Accessibility & Input Ergonomics
The Problem
The two cards below ‘스코어보드’ and ‘Ranking’ sections are placed closely side-by-side with minimal spacing of about ~8-12px, which may cause accidental taps between them.
Why it Matters
Insufficient spacing between touch targets can cause users to tap the wrong card, leading to errors and frustration.
How to Fix
Increase horizontal spacing between cards to at least 8-10 mm (approx 48-57px) or ensure distinct visual separation and sufficient padding between tap targets.
Issue Highlights
Many separate clickable cards with similar appearance
Moderate
Efficiency & Cognitive Load
The Problem
The screen presents many similarly styled cards (scoreboard, fantasy score, top pick, fan battle, RP, rankings) each with small icons and text, requiring users to decide between many content options upfront.
Why it Matters
Presenting many decision points on a single screen increases cognitive load and risks users feeling overwhelmed or confused about where to focus.
How to Fix
Consolidate related information or use accordions, tabs, or progressive disclosure to reduce the number of simultaneous decisions needed.
Issue Highlights
No indication what tapping each score category leads to
Moderate
Flow & States Completeness
The Problem
Multiple card elements (판타지 스코어, TOP PICK, KBO 팬 배틀, RP, KBO 경기 예측 랭킹) display scores and images with forward arrows, but lack visible on-screen guidance about what the next screen or action will be after tapping.
Why it Matters
Users could hesitate to interact without understanding the next step or expected content, impacting flow continuation and engagement.
How to Fix
Add brief contextual hints or tooltips for each card to clarify navigation or content outcomes.
Issue Highlights
Ambiguous navigation links with generic arrow icons
Moderate
Conversion & Actions
The Problem
Multiple data cards use only an arrow icon ('>') without descriptive text that clarifies the target or next step, making navigation less intuitive for some users.
Why it Matters
Users may not be sure what will happen when tapping the link and may hesitate or not engage with the content, risking missed interaction opportunities.
How to Fix
Add descriptive text for navigation links that clearly states the destination or user benefit rather than only relying on arrow icons.
Issue Highlights
No visual indication of actionable item on '스코어보드' button
Moderate
Flow & States Completeness
The Problem
The '스코어보드' section includes a small gray label '오늘 5경기' and a right arrow; however, the label's purpose or interactivity is unclear as a next step or action.
Why it Matters
Users may be unsure if they can tap the label or only the arrow, causing confusion about how to proceed to view the detailed scoreboard results.
How to Fix
Clarify the interactive elements by making the entire '스코어보드' card or label tappable, or visually separate static labels from actionable buttons.
Issue Highlights