Key takeaways
- Speed decides first: 53 percent of mobile visitors bounce when a page takes longer than three seconds to load. A fast page is not a bonus, it is the entry ticket.
- Clarity beats creativity: First impressions form in around 50 milliseconds. A logical navigation and visible hierarchy work harder than any animation.
- Accessibility is mandatory: Since 28 June 2025 the BFSG obliges many private providers in Germany to design digital products accessibly.
- CTAs belong where the attention is: According to the Nielsen Norman Group, users spend 57 percent of their reading time above the fold. That is where the primary call to action belongs.
Poor UX design reveals itself through three reliable symptoms: long loading times, unclear navigation, and weak calls to action. Studies show that 53 percent of mobile sessions are abandoned once a page takes longer than three seconds to load. In this guide you will learn how to spot weak UX in the B2B mid-market early, and which concrete steps will make your websites good enough that visitors stay longer and ask more often.
What does good UX design actually mean?
UX design describes the entire experience a person has on your website: from the first click through orientation to the inquiry. Researchers around Gitte Lindgaard show that a judgement about a page forms in around 50 milliseconds. Good UX uses that second, poor UX loses it.
This is not about taste. It is about clarity, speed, and trust. A page with strong UX guides users calmly through a task. It reduces friction instead of hiding it. Three layers play together: technology (loading time, responsiveness), information (structure, content), and interaction (CTAs, forms).
In Evelan projects with B2B mid-market clients I often see how small interventions change the experience. A decluttered navigation. A visible CTA. One image less. That works faster than any relaunch.
What does poor UX design look like?
Poor UX design shows up when visitors have to spend more energy than the task is worth. Studies from the Nielsen Norman Group prove that users spend 57 percent of their attention above the fold, the part of the page visible without scrolling. If you do not deliver there immediately, you lose the session in seconds.
Typical symptoms are technical: heavy images, blocking scripts, slow servers. Just as often the problem is editorial. Menus sorted by department instead of user goals. Copy that tries to say everything at once. Calls to action stuck somewhere at the bottom of the page.
Which warning signs does analytics deliver?
- High bounce rate: Sessions ending far above the industry median point to unclear content or weak relevance and should be investigated first.
- Short dwell time: When central service pages are abandoned in under 20 seconds, the intro, promise, or reading flow does not yet answer the search intent.
- Form abandonment: High drop-off rates on contact or inquiry forms show that friction, mandatory fields, or trust gaps stand between interest and request.
- Recurring support questions: When the support inbox receives the same standard questions over and over, that information is not visible enough on the matching page.
Each of these patterns is already a hint on its own; in combination they are a clear call to act. The good news: all four signals can be read out of analytics and your support inbox in under an hour.
How do you improve the loading speed of your website?
Speed is the toughest UX lever. Google recommends a Largest Contentful Paint value below 2.5 seconds, and Google documents a 53 percent abandonment rate on mobile pages that take longer than three seconds to load. Speed is therefore directly tied to conversion, not just to ranking.
The causes almost always sit in the image stack, in too many third-party scripts, and in weak hosting. Three measures pay off first.
Tame images and media
Compress all hero images into modern formats such as WebP or AVIF. Activate lazy loading for everything that sits below the fold. Serve responsive image sizes that match the user's device. A heavy homepage with 8 MB of image weight is easily reduced to under 1 MB.
Sort your scripts
Every tracking pixel costs time. Separate critical scripts from the rest, load analytics asynchronously, and remove unused plugins. If you are still loading jQuery for a modern frontend, you are paying the price.
Server, caching, CDN
Modern hosting with edge caching delivers HTML in milliseconds. Serving static assets through a content delivery network is the fastest way to substantially improve Core Web Vitals. Pay attention to HTTP/2 or HTTP/3, correct cache headers, and hosting with servers in Europe if your audience sits in the DACH region. Geographic proximity to the server reduces latency noticeably, without hurting the first paint.
Where does a performance budget make sense?
A simple performance budget keeps speed stable over time. Define a maximum total page size (around 1.5 MB for the homepage) and a maximum number of requests (around 50). Every new component, every tracking pixel, every plugin must fit inside the budget or push out an older item. That keeps a site fast for years, even when marketing wants more features.
How do you build a clear structure and user journey?
A website needs two architectures: one for humans, one for search engines. Both benefit from the same logic. Users who judge a page in 50 milliseconds judge clarity first. A flat hierarchy with three to five main items is enough for most SME websites.
The main navigation should consist of user-goal terms, not internal department names. Use "Web design" instead of "Solutions". Use "The team" instead of "About us". Breadcrumbs, a semantic heading structure, and clean internal linking between topic pages support the same goal.
Which elements belong in every page structure?
- Visible main navigation: at most seven items, phrased in user-goal terms instead of internal department names.
- Breadcrumbs on every subpage: show the current location, allow quick jumps between levels, and improve search engine understanding too.
- Consistent layout grid: same spacing, fonts, and components across all templates, so users do not have to relearn every page.
- XML sitemap in the footer and for search engines: ensures that deep pages are indexed reliably.
- Internal linking between related topics: for example to our posts on the first impression of a website and on clear click triggers.
These five elements form the skeleton of a clear website. Applied consistently, they create not only better user guidance but also an SEO-friendly hierarchy that makes later extensions easy.
After 21 years in web development I keep learning the same lesson. Most structural problems do not arise from concept, they arise from sprawl. One page added, then a category, then a landing page. Three years later nothing fits together anymore. An annual IA inventory helps far more than a relaunch.
What makes a website accessible?
Accessibility has been mandatory for many private providers in Germany since 28 June 2025. The Accessibility Reinforcement Act (BFSG) obliges economic operators to design certain products and services accessibly. If you sell B2C offerings online or run an online ordering feature, you are very likely covered.
The technical foundation is WCAG 2.1 at Level AA. Concretely that means: body text needs a contrast ratio of at least 4.5:1, images need meaningful alt text, all interactive elements must be reachable via keyboard. Videos need captions, forms need linked labels.
Which benefits does accessibility offer beyond compliance?
It opens up additional audiences, including older people and users with temporary impairments. It improves SEO through clean, semantic code. And it reduces support load, because more users can operate the site without help. You can read more in our post on trust elements, which carry trust signals on an accessible website too.
How do you measure UX with analytics reliably?
Data-driven UX design starts with clearly defined events. In Google Analytics 4 a session only counts as 'engaged' once it lasts longer than ten seconds, contains at least one conversion event, or includes at least two page views. That threshold replaces the old bounce rate and is far more meaningful.
Focus on a few hard metrics. Engagement rate per landing page. Conversion rate per funnel step. Scroll depth on service pages. Click-through rate on the primary CTA. Whoever measures everything sees nothing in the end.
How do you identify concrete weak points?
Two routes have proven themselves in practice. First: path analyses that show where users drop off. Second: qualitative sessions with tools like Microsoft Clarity or Hotjar, which record real movements. A heatmap on the homepage reveals more within 200 sessions than any hypothesis.
A/B tests are the next instrument, but only with enough traffic. For most B2B websites a sequential before-after measurement across four weeks is more realistic than a classic split test.
Which numbers lie the most?
Three metrics are misread regularly. Engagement rate looks high because it includes pure reading sessions. A conversion rate above the industry average says little if the funnel is defined too narrowly. And average session duration mixes very short and very long sessions into a mean that fits no one. More helpful are medians, path analyses, and segmented reports by device, source, and landing page.
Which UX process works in the mid-market?
In the B2B mid-market the will to improve is rarely missing. What is missing is time, data, and a clear rhythm. Treating UX not as a one-off project but as an ongoing process advances things much faster. A workable four-step rhythm has proven itself: measure, prioritise, implement, re-measure.
In the first step you collect quantitative data from analytics and Search Console, plus two or three qualitative sessions from Clarity or Hotjar. In the second step you prioritise by impact and effort. A simple four-field matrix is enough. Step three consists of concrete interventions with a defined success criterion. Step four is the re-measurement after four to six weeks.
What matters during prioritisation?
Start with levers that produce several effects at once. Improved image compression speeds up the site, lowers mobile data costs for users, and improves Core Web Vitals. Sharper main navigation reduces bounces, improves SEO, and relieves support. Such multi-effect levers are rarely expensive but their impact lasts.
From Evelan's Practice
A north German B2B company from the mid-market, which we supported during the modernisation of its customer portal, had a recurring problem. The old portal navigation forced users through deeply nested menus, the portal was barely usable on mobile, and the support team received the same questions about order status and delivery documents every week.
We rebuilt the information architecture along the real user tasks, introduced a flat main navigation, placed the most important actions directly above the fold, and switched the entire portal to mobile-first. The result: users find orders and delivery papers without detours, support load drops noticeably, and regular customers now move through their standard processes on their own. No relaunch, just a consistent UX sharpening.
How do you optimise your CTAs?
Calls to action are the points where UX turns into business. The Nielsen Norman Group documents that users spend 57 percent of their reading time above the fold. The primary CTA belongs exactly there, paired with a clear benefit statement and a realistic micro-ask.
Effective CTAs meet four conditions: high contrast against the surroundings, action-driven language ("Book a first call" instead of "Learn more"), one clear goal per page, and a visible position. Secondary CTAs are fine, but never styled with equal weight.
Important in the B2B mid-market: many decision-makers prefer to research independently before they ever speak to sales. Gartner reports that 75 percent of B2B buyers prefer a buying journey without sales contact. A good CTA answers that stance with precise information instead of a pop-up that forces urgency.
What does form research say?
According to the Baymard Institute, 18 percent of US online shoppers abandon checkout because the process is too long or too complicated. Transferred to B2B inquiry forms that means: every mandatory field counts. Three to four fields are enough for a first inquiry. Anything more breaks the funnel. More practical triggers can be found in our article on 10 click triggers in web design.
CTA optimization tips
- Test different copy, colors and positions.
- Avoid too many CTAs on a single page to keep users focused.
- Use urgency or exclusivity ("Available today only").
- Tie every CTA to a clear value proposition.
When does storytelling pay off on service pages?
Storytelling works where the need for explanation is high and trust-building is critical. On a pure price list a story disrupts. On a service landing page it saves the conversion. The mix decides: short concrete examples, visible references, a comprehensible process.
Three building blocks work especially well. First, a mini case study with a concrete starting point, the chosen measure, and a measurable outcome. Second, original quotes from real client projects, ideally with photo, first name, and role. Third, a realistic process in four to six steps that shows what users can concretely expect when they submit an inquiry.
Visual anchors support copy. A simple before-after image can tell an argument more compactly than three paragraphs. Anyone who shows their own pictures of the team, the office, or a delivery removes distance. Stock photography in the B2B mid-market now feels more suspicious than professional. A collection of trust signals that complements this is in our article on trust elements for credible websites.
Which mistakes cost the most conversion?
Three patterns appear in almost every UX audit we run in Hamburg and the DACH mid-market. First, an unclear primary CTA that is either missing or competes with other buttons. Second, an overloaded hero section without a single promise that sticks. Third, forms with too many mandatory fields.
Add to that mobile shortcomings. Tap targets that are too small, fonts that scale poorly, sticky banners that cover the content. A simple test: operate your own site exclusively from your phone for a week. What annoys you will annoy your users twice as much.
How do users react to typical UX friction?
Friction is rarely communicated directly. Users usually do not complain, they simply leave. Before they leave they leave clear traces: an abandoned form, a tab closed after eight seconds, an inquiry that arrives by phone instead of email, or an angry review somewhere outside your own site. Whoever reads these traces has already done half the UX audit. The rest is discipline in execution.
A small routine helps. Gather all emails from the last three months in which prospects ask standard questions that should be on the site. Every recurring topic is a request to sharpen the matching part of the website. That turns support into the most honest source of UX insight a company has.
Frequently Asked Questions
UX design plans the entire experience: structure, content, flows, performance. UI design crafts the visible surface: colours, typography, components. UX decides whether users reach their goal. UI decides how pleasant the path looks. Both belong together but can be methodically separated.
Related Evelan articles
- Website first impression: what is decided in 50 milliseconds
- Optimising Core Web Vitals: a guide to LCP, INP, CLS
- 3 signs your website is quietly driving customers away
- Web design and decisions: 10 triggers for more clicks
Sources
- Google AdSense Help: How site speed influences advertising performance (2024)
- Google web.dev: Largest Contentful Paint (LCP) (2024)
- Bundesfachstelle Barrierefreiheit: Accessibility Reinforcement Act BFSG (2025)
- W3C WAI: WCAG 2.1 Understanding Contrast (Minimum) (2018)
- Taylor and Francis: Lindgaard et al. Attention web designers 50 milliseconds (2006)
- Nielsen Norman Group: Scrolling and Attention (2018)
- Baymard Institute: Cart Abandonment Rate Statistics (2024)
- Google Analytics Help: Engaged sessions in GA4 (2023)
- Gartner: The B2B Buying Journey (2023)
