Print Services Ordering
The UI effectively uses clear icons and bold typography to immediately communicate the range of print services, enhancing quick user comprehension. However, the dark color scheme combined with small button text and tight spacing may reduce readability and hinder accessibility for some users.
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 & Media1
Navigation & Structure2
Conversion & Actions2
Tone, Friendliness & Delight2
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load3
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
4Major
15Moderate
4Minor
Multiple vague 'OBJEDNAŤ' buttons create confusion
Major
Conversion & Actions
The Problem
All service items have identically labeled buttons ('OBJEDNAŤ') without differentiation or contextual clarity to guide users toward a clear, primary action.
Why it Matters
Users may be uncertain which service to choose or which is the recommended or most popular option, potentially leading to decision fatigue or drop-off.
How to Fix
Designate a single primary CTA with a clear label that stands out visually and contextually. Use distinct labels or grouping to help users prioritize actions.
Issue Highlights
Too many similar 'OBJEDNAŤ' buttons competing for attention
Major
Efficiency & Cognitive Load
The Problem
The screen shows ten separate 'OBJEDNAŤ' (Order) buttons for individual services, all visually similar and close to each other, which can overwhelm the user with multiple competing actionable choices.
Why it Matters
Users can experience cognitive overload when faced with many similar call-to-actions simultaneously, making it harder to decide where to click first and increasing friction in the ordering process.
How to Fix
Consolidate ordering options by grouping related services or using a single 'Order Now' button that leads to a service selection step, reducing the number of competing decision points on one screen.
Issue Highlights
Unclear next step after selecting a service
Major
Flow & States Completeness
The Problem
Each service card has an 'OBJEDNAŤ' (Order) button but there is no indication or visual hint about what happens after clicking it or what the next step in the flow is.
Why it Matters
Users may be uncertain about what will happen next after hitting 'Order,' which could cause hesitation or abandonment.
How to Fix
Add a tooltip, a brief animation, a modal, or a clear next step UI element to inform users what to expect after clicking 'Order'.
Issue Highlights
No visible navigation or confirmation after clicking 'Order' button
Major
Flow & States Completeness
The Problem
The buttons labeled 'OBJEDNAŤ' on services lack any visual clues if they trigger a navigation, modal, or open any form to proceed with ordering.
Why it Matters
Users clicking the buttons could reach a dead end without feedback or a pathway to continue, causing frustration or abandonment.
How to Fix
Implement feedback mechanisms or visible transition states such as modals, pages, or in-place forms that appear after clicking 'Order'.
Issue Highlights
Button Styles Inconsistent in Header
Moderate
Visual Consistency, Imagery & Media
The Problem
The header buttons for 'Zavolať', 'E-mail', and 'Whatsapp' use different styles: outline, solid blue, and solid green respectively, which may confuse users due to inconsistent visual language.
Why it Matters
Inconsistent button styles can increase cognitive load and make it less clear which actions have similar priorities or functions.
How to Fix
Unify button styles by using consistent fill, border, and text color patterns for similar action types.
Issue Highlights
Navigation links have low contrast on dark background
Moderate
Color & Contrast
The Problem
The navigation links 'Domov', 'Služby', and 'Blog' use a medium gray text on a dark background, resulting in likely insufficient contrast, possibly below WCAG AA standards.
Why it Matters
Users with visual impairments may have difficulty reading the navigation links, reducing accessibility and usability.
How to Fix
Increase the contrast by lightening the text color or darkening the background behind these links to meet at least WCAG AA contrast ratio of 4.5:1 for normal text.
Issue Highlights
Small descriptive text below heading has low contrast
Moderate
Color & Contrast
The Problem
The smaller text under the large heading in the left card uses light gray on a dark background, likely resulting in insufficient contrast for small text, probably below WCAG AA 4.5:1.
Why it Matters
Users with low vision or certain color deficiencies may struggle to read this supplementary information.
How to Fix
Darken the text color to increase contrast, or lighten the background behind it, targeting a minimum 4.5:1 contrast ratio for small text.
Issue Highlights
Services Grid Items Not Vertically Aligned
Moderate
Visual Consistency, Imagery & Media
The Problem
The service cards appear to be arranged in a grid but the vertical alignment of icons and text varies slightly between rows, causing a subtle off-grid appearance.
Why it Matters
Misalignment can disrupt the visual flow, making the interface look less polished and harder for users to scan quickly.
How to Fix
Ensure all icons and text within the service cards are aligned uniformly using consistent padding and margins.
Issue Highlights
No clear indication of current page or active navigation state
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The top navigation bar shows links Domov, Služby, and Blog, but none have a distinct active style to indicate the current page or location within the site.
Why it Matters
Users cannot easily determine where they are on the site, increasing confusion and making navigation less intuitive.
How to Fix
Apply a visible active state style (such as underlining, bold text, or color change) on the current navigation item to indicate the active page.
Issue Highlights
No trust signals near order buttons
Moderate
Tone, Friendliness & Delight
The Problem
The order buttons ('OBJEDNAŤ') for each service lack nearby trust signals such as secure payment icons, customer reviews, or satisfaction guarantees.
Why it Matters
Without trust signals, users may feel uncertain or hesitant to place an order, which can reduce conversion rates and user confidence.
How to Fix
Add trust indicators close to the order buttons, such as secure payment icons, customer testimonials, or brief messages about satisfaction guarantees or data protection.
Issue Highlights
Small tap targets for 'OBJEDNAŤ' buttons
Moderate
Accessibility & Input Ergonomics
The Problem
The 'OBJEDNAŤ' buttons under each service option appear smaller than recommended touch target size (approximately smaller than 44x44 pixels), which may cause difficulty for users to tap precisely.
Why it Matters
Small tap targets can make it difficult for users, especially those with motor impairments, to accurately activate buttons, leading to frustration or errors.
How to Fix
Increase the size of the 'OBJEDNAŤ' buttons to at least 44x44 pixels or add more padding around the touch targets to make tapping easier.
Issue Highlights
Tight spacing between 'OBJEDNAŤ' buttons in grid
Moderate
Accessibility & Input Ergonomics
The Problem
The 'OBJEDNAŤ' buttons for different service options are placed close to each other vertically and horizontally with minimal spacing around them.
Why it Matters
Close placement can lead to mis-taps and increased input errors, especially on touch devices where precise tapping can be challenging.
How to Fix
Increase the spacing between adjacent buttons in the grid to provide adequate separation for easy and accurate selection.
Issue Highlights
Services grid lacks visual hierarchy and differentiation
Moderate
Strategic Design
The Problem
The services section consists of uniformly styled cards with identical layout and button design, making it hard to quickly scan or identify priority or recommended services.
Why it Matters
Users may struggle to quickly choose a service or feel motivated, reducing engagement and potential conversions.
How to Fix
Introduce visual hierarchy by emphasizing popular or new services using different colors, sizes, or placement. Add brief descriptions or unique visuals to create memorable moments.
Issue Highlights
Placeholder text in search input has low contrast
Moderate
Color & Contrast
The Problem
The placeholder text 'Hľadáš niečo?' appears as medium gray on a white background in the search input, which might cause contrast issues and reduce readability.
Why it Matters
Low contrast placeholder text can be difficult to read for users with low vision or in bright environments, leading to poor discoverability of the search feature.
How to Fix
Use a darker shade of gray for the placeholder text to meet at least WCAG AA contrast ratio of 3:1 for placeholder text.
Issue Highlights
Service labels lack clear hierarchy
Moderate
Content Readability & Clarity
The Problem
All service labels (e.g., 'Tlač dokumentov', 'Záverečné práce') use the same font size and weight, making it difficult to prioritize or scan quickly among service options.
Why it Matters
Without clear visual hierarchy, users may find it hard to differentiate or quickly find the services they want, leading to slower decision-making or frustration.
How to Fix
Adjust font sizes, weights, or colors to establish a clearer hierarchy for service labels, for example using slightly larger or bolder text for category titles or main services.
Issue Highlights
Vague text on left section CTA button
Moderate
Conversion & Actions
The Problem
The left panel has a CTA button labeled 'Objednať cez Whatsapp' which specifies channel but lacks a stronger action message or urgency compared to the main headline.
Why it Matters
The CTA does not clearly communicate the next step or compelling value, which can reduce user motivation to click through.
How to Fix
Enhance the CTA text with a clearer action phrase indicating the benefit or next step, e.g., 'Order Your Print Now via WhatsApp'.
Issue Highlights
Multiple individual order buttons create extra steps
Moderate
Efficiency & Cognitive Load
The Problem
Each service has a separate 'OBJEDNAŤ' button, potentially starting separate order flows, requiring users to repeatedly click buttons for each product type they want, increasing the number of micro-steps.
Why it Matters
This increases the time and effort users spend placing multiple orders and may cause frustration or abandonment if users want several products at once.
How to Fix
Allow users to select multiple services from one interface before proceeding to order, or provide a multi-product ordering flow to reduce repeated clicks.
Issue Highlights
No guidance for empty cart or empty order confirmation
Moderate
Flow & States Completeness
The Problem
The top navigation shows a cart icon with '0,00 €' but there is no visual indication or guide for when the cart is empty.
Why it Matters
Users arriving at an empty cart page or after starting an order may feel lost without clear instructions or prompts to take next steps.
How to Fix
Add explicit empty state content with guidance, such as a message indicating the cart is empty and a call to action to add items.
Issue Highlights
Primary call-to-action buttons duplicated without differentiation
Moderate
Strategic Design
The Problem
Multiple 'OBJEDNAŤ' buttons are repeated for each service, plus a separate 'Objednať cez Whatsapp' button on the left panel, and a 'VŠETKY SLUŽBY' button at the bottom, lacking clear prioritization.
Why it Matters
Too many similar calls-to-action can confuse users about the best next step and dilute click-through rates.
How to Fix
Prioritize and consolidate CTAs. For example, highlight one main action with secondary options less prominent, or guide users through a clear funnel.
Issue Highlights
Search Bar and Top Navigation Items Vertically Misaligned
Minor
Visual Consistency, Imagery & Media
The Problem
The search bar's vertical position is slightly off compared to the horizontally aligned navigation links ('Domov', 'Služby', 'Blog') next to it, causing an uneven top bar.
Why it Matters
Vertical misalignment in a header bar can reduce perceived quality and visual harmony of the interface.
How to Fix
Adjust vertical margins/padding to align the search bar horizontally with the navigation links.
Issue Highlights
Cluttered button layout in services grid
Minor
Navigation & Structure
The Problem
The services section contains 10 similarly styled clickable panels with icons and 'OBJEDNAŤ' buttons arranged very closely in a grid, which may overwhelm or confuse users.
Why it Matters
Dense layout of many equally prominent click targets can increase cognitive load and slow decision making, potentially frustrating users.
How to Fix
Add more spacing between service cards, reduce the number shown at once through categorization or progressive disclosure, or visually prioritize key services.
Issue Highlights
Dark and moody background may reduce perceived friendliness
Minor
Tone, Friendliness & Delight
The Problem
The dark background with a moody, abstract image behind the main promo text may reduce the perception of approachability and warmth typically desired in print services.
Why it Matters
A less friendly tone might make users feel less emotionally connected or reassured, lowering engagement and trust.
How to Fix
Consider using brighter, warmer, or more inviting background images and colors to create a more friendly and welcoming atmosphere.
Issue Highlights
Large bright promotional panel competes with service options
Minor
Efficiency & Cognitive Load
The Problem
The left side panel with bold text and a colorful, textured background visually dominates the screen, drawing focus away from the actionable service selection area.
Why it Matters
This visual competition can distract users and reduce focus on the service ordering options, creating some cognitive overload especially on an already busy screen.
How to Fix
Tone down the panel's visual weight by simplifying the background and reducing font size or contrast to create clearer visual hierarchy favoring interactive elements.
Issue Highlights