Home Maintenance Dashboard
The design excels in clear prioritization of overdue tasks through color contrast and concise labeling, making urgent actions immediately recognizable. However, improvements could include increasing button tappable areas and providing more visual differentiation to assist users with quick scanning and accessibility.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
5
Color & Contrast2
Content Readability & Clarity3
Visual Consistency, Imagery & Media1
Navigation & Structure1
Conversion & Actions1
Tone, Friendliness & Delight2
Accessibility & Input Ergonomics2
Efficiency & Cognitive Load2
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
5Major
15Moderate
3Minor
Low contrast on 'SEIT 2 MONATEN FÄLLIG' in red card
Major
Color & Contrast
The Problem
The text 'SEIT 2 MONATEN FÄLLIG' is a lighter red/pink shade on a dark red background, producing insufficient contrast likely below WCAG AA standards.
Why it Matters
This important status text may be difficult to read for many users, impacting awareness of overdue maintenance.
How to Fix
Use a lighter or brighter text color with higher contrast on the dark red background, or increase the background darkness to improve readability.
Issue Highlights
Low contrast on button text 'Erinnern' on red background
Major
Color & Contrast
The Problem
The button text 'Erinnern' is a light pinkish shade on a dark red button background, resulting in poor contrast likely below WCAG AA requirements.
Why it Matters
Users may struggle to read the call-to-action on this critical button, potentially missing important reminder functionality.
How to Fix
Use white or a brighter color for the button text to enhance contrast with the dark red background, or darken the background further.
Issue Highlights
Small tap target on 'Erinnern' button
Major
Accessibility & Input Ergonomics
The Problem
The 'Erinnern' button in the top red card appears small and likely smaller than the recommended minimum touch target size of about 44x44 pixels or roughly 9mm.
Why it Matters
Small touch targets can cause users to miss the button or have difficulty tapping it accurately, especially for users with limited dexterity or when using the app with one hand.
How to Fix
Increase the size of the 'Erinnern' button to meet minimum touch target size guidelines, ideally 44x44 pixels or larger.
Issue Highlights
No guidance or options for empty cost records
Major
Flow & States Completeness
The Problem
The 'JAHRESKOSTEN 2026' card shows 0,00 € with the message 'Noch keine Belege' but does not suggest how to add cost records or what to do next.
Why it Matters
Users might not know how to proceed to add cost receipts, leading to a dead-end and loss of potential data entry or engagement.
How to Fix
Add a call-to-action or guidance suggesting how users can add cost receipts, such as a button or link to a data entry screen.
Issue Highlights
Inconsistent Due Date Display Creates Confusion
Major
Strategic Design
The Problem
The primary maintenance card shows 'Dachrinnen reinigen' as due in April 2026 but also states it is 'SEIT 2 MONATEN FÄLLIG' (due for 2 months). This date inconsistency confuses the user about the actual due date and urgency.
Why it Matters
Users may misunderstand when the task is truly due, potentially leading to missed or delayed maintenance.
How to Fix
Align the due date on the card with the overdue label. Either update the due date to reflect the missed deadline or remove the overdue indication if the task is not yet due.
Issue Highlights
Unclear reference for 'Seit 2 Monaten fällig'
Moderate
Ambiguous Date/Time/Timezone
The Problem
The phrase 'Seit 2 Monaten fällig' indicates a task is due for 2 months but does not clarify the exact starting point or reference date for this period.
Why it Matters
Users may be confused about when the 2-month overdue period started, reducing clarity on urgency.
How to Fix
Add a clear reference date or clarify the starting point of the 2-month period to improve time context.
Issue Highlights
Inconsistent Icon Backgrounds in Maintenance List
Moderate
Visual Consistency, Imagery & Media
The Problem
The icons in the maintenance plan list have different background styles compared to the larger red maintenance card above. The card icon has a solid red circle, while list icons have light pink circles with red icons inside, causing inconsistency in style.
Why it Matters
This inconsistency can confuse users by making similar content appear as if it differs in importance or function.
How to Fix
Use consistent icon background styling within related maintenance components, either solid color or subtle background for all icons.
Issue Highlights
Missing explicit location indicator beyond tab bar
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The interface relies mostly on a highlighted tab bar icon and label for navigation context, but no clear header or breadcrumb explicitly states the current screen or environment to the user.
Why it Matters
Users may feel uncertain about where they are within the app, especially if they transition between sections rapidly, leading to confusion or disorientation.
How to Fix
Introduce a clear and persistent screen title or breadcrumb above the content area that explicitly states the current section or context in addition to the tab bar highlight.
Issue Highlights
Urgent maintenance alert uses overly alarming red background
Moderate
Tone, Friendliness & Delight
The Problem
The 'Dachrinnen reinigen' (clean gutters) alert card uses a solid bright red background that visually feels very urgent or alarming, which may overstate the issue since this is a maintenance reminder overdue by 2 months rather than an emergency.
Why it Matters
Users might feel unnecessary anxiety or alarm over a normal scheduled task marked with a very intense color, potentially reducing trust and increasing stress.
How to Fix
Use a less aggressive warning color (e.g., amber or orange) or a softer shade of red for overdue maintenance alerts to convey urgency without alarmism.
Issue Highlights
Redundant 'Dachrinnen reinigen' maintenance entries shown twice
Moderate
Efficiency & Cognitive Load
The Problem
The maintenance task 'Dachrinnen reinigen' is listed twice on the main screen: once prominently at the top under 'Nächste Wartung' and again in the Wartungsplan list below with the same details.
Why it Matters
Repeated information forces users to expend extra mental effort to reconcile why the same maintenance item appears twice, potentially causing confusion or distraction.
How to Fix
Consolidate the task display to a single location, either highlight it only at the top or only in the Wartungsplan list, to reduce duplication and streamline information.
Issue Highlights
Low contrast on 'Einfamilienhaus' below heading
Moderate
Color & Contrast
The Problem
The text 'Einfamilienhaus' is in a medium brown color on a light beige background, resulting in a low contrast that likely fails WCAG AA for normal text.
Why it Matters
Low contrast makes this descriptive text harder to read for users with visual impairments or in bright environments.
How to Fix
Increase the text contrast by using a darker color or a bolder font weight for 'Einfamilienhaus' to meet at least 4.5:1 contrast ratio.
Issue Highlights
Low contrast on 'April 2026' date label in multiple places
Moderate
Color & Contrast
The Problem
The 'April 2026' date label uses a medium brown color on a light background, yielding low contrast and potentially failing WCAG AA for normal text.
Why it Matters
Lower contrast date text is harder to read, reducing clarity on maintenance scheduling details.
How to Fix
Use a darker shade of brown or black for the date text to improve the contrast ratio above WCAG AA minimum of 4.5:1.
Issue Highlights
Low contrast on icon colors in maintenance list
Moderate
Color & Contrast
The Problem
The small icons next to maintenance items use muted red and brown shades on a white background, which may have insufficient contrast for clear recognition.
Why it Matters
Icons with low contrast are harder to distinguish, reducing quick identification of maintenance status.
How to Fix
Use stronger or darker icon colors to increase the visibility and contrast against the white background.
Issue Highlights
Insufficient hierarchy between maintenance item title and details
Moderate
Content Readability & Clarity
The Problem
The maintenance task titles and their associated details ('April 2026', 'Seit 2 Monaten fällig') are visually similar in weight and size, reducing clear differentiation between headings and supporting text.
Why it Matters
This weak hierarchy makes it harder for users to quickly scan and distinguish tasks from their details.
How to Fix
Increase the font size or weight of task titles and reduce size or use lighter font color for details to establish stronger visual hierarchy.
Issue Highlights
Unlabeled Status Dots in Maintenance List
Moderate
Visual Consistency, Imagery & Media
The Problem
Red circular dots appear next to maintenance tasks, but there is no legend or label explaining their meaning.
Why it Matters
Without clear meaning, users may be confused about the significance of the dots, reducing the clarity of the interface.
How to Fix
Add a legend, tooltip, or label to clarify what the red dots signify (e.g., overdue, priority).
Issue Highlights
Crowded bottom navigation with central action and multiple tabs
Moderate
Navigation & Structure
The Problem
The bottom navigation contains five distinct clickable icons including a centrally placed large 'plus' button, which creates dense spacing and multiple closely placed touch targets within a small screen width.
Why it Matters
This density can cause accidental taps and difficulty in accurately selecting the intended navigation option, which negatively impacts usability and can cause user frustration.
How to Fix
Increase spacing between navigation icons, possibly reduce the number of visible options, or explore alternative layouts such as a collapsible menu to reduce clutter.
Issue Highlights
Unclear primary CTA action on 'Erinnern' button
Moderate
Conversion & Actions
The Problem
The button labeled 'Erinnern' (Remind) lacks a clear indication of what specific action it performs or what the user can expect after tapping it.
Why it Matters
Users may hesitate or feel unsure about tapping the button if the purpose is not fully clear, impacting interaction and conversion.
How to Fix
Change the button text to a more descriptive label, e.g., 'Erinnerung aktivieren' or add a tooltip explaining the action.
Issue Highlights
Bottom navigation icons are spaced closely
Moderate
Accessibility & Input Ergonomics
The Problem
The four bottom navigation icons appear horizontally close to each other with limited spacing, potentially less than the recommended minimum 44x44 pixel tap area per target with adequate margin.
Why it Matters
Targets too close together increase the chance of accidental taps on the wrong icon, which can frustrate users and increase error rates.
How to Fix
Increase horizontal spacing between bottom navigation icons or increase tap target size with added padding.
Issue Highlights
No clear next step after viewing overdue maintenance
Moderate
Flow & States Completeness
The Problem
The screen highlights an overdue maintenance task (cleaning gutters) with an 'Erinnern' button but does not give a clear indication of what will happen next after pressing it or how to mark the task as done.
Why it Matters
Users might be unsure how to proceed to resolve or update the overdue maintenance, causing friction or confusion about next actions.
How to Fix
Provide clear feedback after pressing 'Erinnern' and add a clear action or prompt for marking a task as complete or updating its status.
Issue Highlights
Multiple Red Overdue Dots Without Clear Action Differentiation
Moderate
Strategic Design
The Problem
The maintenance plan list uses multiple red dots indicating overdue items, but aside from one card with an explicit 'Erinnern' (remind) button, no clear action affordances appear for other overdue items card, leading to unimpressive affordance consistency across similar elements.
Why it Matters
Users may be unclear how to manage or acknowledge overdue items except for the single one with a button, reducing overall task completion efficiency.
How to Fix
Provide consistent affordances such as buttons or swipe actions for all overdue maintenance items, clarifying how users can respond to each task.
Issue Highlights
Notification badge with large numeric value visible at battery icon
Minor
Efficiency & Cognitive Load
The Problem
The red notification badge at the top right with the number 20 on the battery icon draws visual attention and adds clutter even though it is unclear what it references within the interface.
Why it Matters
Excessive or unclear notification badges can distract users unnecessarily and increase cognitive load by presenting competing visual signals without immediate context.
How to Fix
Clarify or reduce the badge to only appear when critical notifications exist, or consolidate notifications in a clearer area inside the app content rather than the system UI area.
Issue Highlights
Subtext under annual cost appears small
Minor
Content Readability & Clarity
The Problem
The subtext 'Noch keine Belege' under the '0,00 €' annual cost is in noticeably smaller font size, which might be hard to read especially on smaller screens.
Why it Matters
Small font size can reduce readability for some users, especially those with visual impairments or older devices.
How to Fix
Increase the font size and line height of the subtext to improve legibility.
Issue Highlights
Misaligned Right Edge in Maintenance Plan Items
Minor
Visual Consistency, Imagery & Media
The Problem
The right edge of the vertical red line on the left does not align with the right edge of the status dot on the right, creating a subtle misalignment within the maintenance plan items.
Why it Matters
Misalignment reduces perceived polish and professionalism, distracting users and making layout feel less intentional.
How to Fix
Adjust horizontal spacing so the left vertical line and right-side dot align consistently relative to item boundaries.
Issue Highlights