Don’t let your help center fall victim to bad design

70% of online businesses fail because of bad usability

Source: Uxeria

Poor visuals and confusing Zendesk design can ruin your content efforts and keep your potential customers from buying. Your visitors won’t stay long if the text is hard on the eyes, and the knowledge base is difficult to use. 55% of consumers think that help centers aren’t user-friendly, but most of the time, they won’t tell you what is wrong.

91% of customers would use a self-service portal if it was tailored to their needs

Source: Zendesk
Here are some of the most common design flaws that keep your customers from using your Zendesk help center. Watch out for them on your knowledge base.

What's wrong with this Zendesk design?

Design flaw #1

Category blocks overlap each other because of the poor adaptability of the design. The page looks messy and unprofessional.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #2

Buttons don’t fit in one line on a small screen of the phone and look cluttered because the mobile version isn’t well thought out and tested thoroughly.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #3

The search bar is too wide, and the button doesn’t fit the same line.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #4

The mobile version design isn’t well thought out, so custom blocks aren’t aligned.

The short lines of text on a small screen make the eye jump too often from one line to another and annoy readers.

Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #5

Low contrast between the text, icons, and background makes the items nearly invisible.

Navigation buttons don’t take into account page padding (spacing), so they look inconsistent.

Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #6

The text is hardly readable because of the low contrast with the background.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #7

There are too many different fonts on one page and they don’t match.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #8

A mixture of uppercase and lowercase letters and buttons of different heights makes the design look chaotic.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #9

The gray color is usually used for non-editable fields and thus looks misleading for users.

Low contrast between the field titles and the text makes them hardly noticeable.

Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #10

The background image doesn’t fill the whole page on some screens and looks unprofessional.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #11

There are no bullets that divide different pieces of information. Everything is collapsed into one text, and the data is difficult to digest.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #12

The horizontal section divider is shorter than the content width. Sections don’t look easily distinguishable, and the content is less legible and enjoyable.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #13

Small space between the title and the author makes this information harder to read and understand.

There is an ugly vertical line on the left that is aesthetically annoying.

Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #14

Top and bottom spacing (vertical padding) on the button is too small. The button looks too narrow, and it’s difficult to click on some devices.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong

Design flaw #15

Multi-column form layouts make it difficult for users to scan fields and fill them out. They may skip some of the fields because they don’t notice them, complete the wrong ones, or spend too much time thinking about how to continue.
Bad design
Good design

Toggle to compare bad and good design

Check what's wrong
We use cookies to provide you with a better service and for promotional purposes. By continuing to use this site you consent to our use of cookies as described in our Privacy & Cookie Policy.
Thank you!
Your information was sent perfectly.

Request a Quote

Fill out this brief if you are interested in Zendesk customization.

If you only want to make the help center match your website, buy a theme and branding in our online shop to save time:

* If you don’t have clear requirements and want to discuss a general question, submit a ticket.

What is your name? *

Thank you for taking this questionnaire. It will take two or three minutes only.

Your answers will help us get a sense of where you would like to go.

Feel free to skip any question.

Where can we find your website*

What is your Help Center URL, if you have one?

What is the single most important objective of the Help Center project? What can you tell us about your project? Do you have any requests or expectations?

Tell us why you are considering the Support Center update? Do you have extra information, comments or requests you would like us to consider?

Do you have a mockup for a new design of the Help Center?

Do you need the header and footer for your Help Center to be the same like on your main site?

How do you think, which of our themes would suit your brand the best?

Use the link to observe our collection:

Choose as many as you like

What is your budget range for this project?

What is your corporate email address to contact you on? *

Please use your corporate email. In these latter days, we receive too much spam messages from personal emails.

What is your phone number to reach you?

Please add the international call prefix (+1, +44, etc.)

Please submit recaptcha