Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Feedback re. Sealer Coverage Rate Chart

Featured Replies

Hi there,

We've recently launched a new website and are looking for feedback re. our Sealing Coverage Rates chart.

 

Do you think this chart is easy to follow?

The chart is the last link on the page below called "Coverage Rates"

http://stonedoctors.ie/rust-iron-oxide-stains-on-the-surface-of-my-material/

 

Any feedback at all would be helpful.

Many thanks

Nora

Edited by Nora Mackey

I don't see any chart on that link, but what I do see is: 2012 Stone Doctor which is giving a negative impression. You could also give your content a bit more padding and breathing room for the eye, titles and content don't seem to have much space around the tops and bottoms.

agree with William. content could be better laid out and the product page has a black bar across with nothing in it on some of the pages while others have a size in there. Would it not be better to have an if statement to not display it if there is no data?

  • Author

Thanks, I will ask the developer to look at the if statement for me. I'll also put in a bit of spacing between the headings and the text on pages, to give it a bit more room. I see what you mean about the 2012...

 

The 'Coverage Rates' chart should be linked to a pdf at the end of that page, anyway here it is...

 

http://stonedoctors.ie/wp-content/uploads/2014/04/Coverage-Rates.pdf

Yeah the PDF is easy enough to follow.

Other options for this would be to have it based in a table layout with the manufacturer at the top and the product down the left.

Thanks a mill for the feedback guys, if you get a chance can you look at the pdf too...

 

http://stonedoctors....erage-Rates.pdf

 

I had hastily commented stating that the chart makes no sense to someone with little/ no knowledge about what you do but on closer inspection I realised what the highlighted acronyms referred to. I do think you should have clearer headers - and perhaps better format the document to match your site OR drop the data on the page that you link to the PDF :)

Edited by jakdothtml

After looking at your pdf, it seems like you're trying to present tabular data without a table. It seems a little crazy to me.

 

To speed things along for you , you're going to need 23 rows (22 for data, 1 for the title) and what looks like 4 columns. Make it up in InDesign and give it some visual flare, then export as a PDF. It'll instantly become more readable and professional.

 

The more industrial and labour intensive work-sector is notoriously bad for presenting themselves, and a little bit of investment in your appearance will go a long way to getting you a more professional look and instant credibility. I should know, I used to work as a graphic designer/website designer in the access-hatch industry and I really blew away their cobwebs and got them more business by revolutionising their e-shots, brochures and flyers.

 

I know you're probably trying to save money by doing some of these jobs yourself, or it might not be in the budget, but I highly recommend you look into professional services to deal with this stuff until your skills are up to par. The extra space you gave your body text that I suggested you achieved with a blank <p> tag. This is poor practise and should really have been done with a simple (and site-wide) CSS modification of padding. Using EMs, you could have (possibly, this is just a guess) just added this to your CSS and solved the problem:

 

.columns{padding:1.5em 0;}

If you are looking for help in either graphic design or website design from a professional, I offer both services at reasonable prices.

  • Author

Thanks for your help guys. The budget is small for the website, and I don't have InDesign at the moment. I'll definitely look at putting it into a table though and putting better headings etc. on it, so it looks and reads better. Thanks again.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.