There are many health-based websites on the Internet; so to make yours stand out a nice, clean design is important. Today we will walk you through a website, www.familydoctor.org, that has incorporated many of the good practices laid out by Mansfield, though we will point out where they can improve.
- Logo & color scheme
The organization has a simple logo that adorns each pages’ header, so it is easy to remember what website you are on. The colors in the logo are repeated down below in the simple icons, so there is consistency. If you bring in too many colors, the website starts to look cluttered.
- Drop down menus
The menus organize the website into several different topics for easy navigation. On the desktop site, the menus expand when you mouse over them, but the mobile site requires a click to expand the menu options. This shows a responsive design; so that the viewing is optimized for whatever device you access the site from. This is great in today’s Internet when there are so many options for accessing the web.
- Use of images
The website does a great job of using images to help keep the website interesting and break up the text.
The website kept readability as a priority throughout their design. There are buttons to increase the font size in case it is too small; but they also did a good job about using an easy to read font and using dark text on light backgrounds (for the most part). The website also sticks to a two-column layout, which keeps the site neat and organized, making it easy to focus on what you’re reading.
- Social Media
Here is where the first piece of constructive criticism I have for this site. While it’s great that they have included ways for people to follow their social media accounts, these buttons should be displayed in a more prominent location. Mansfield recommends they be placed in the top right corner of a page, near where they have the text resizing function. I would definitely make these icons easier to find!
Because there are a LOT of health websites out there, HON was founded to help verify the information that websites are displaying. From the HONcode website:
“The HONcode is a code of ethics that guides site managers in setting up a minimum set of mechanisms to provide quality, objective and transparent medical information tailored to the needs of the audience.”
This verification lets the viewers know that this is a site that can be trusted for health information. It may be something for you/your organization to look into if you are going to display health information- which as public health practitioners I imagine you will!
I hope that this example can help you when it comes to your website for public health!