Common Website mistakes Pt.1

By steveNovember 26, 2014

[et_pb_section admin_label="section"][et_pb_row admin_label="row"][et_pb_column type="4_4"][et_pb_text admin_label="Text" background_layout="light" text_orientation="left" use_border_color="off" border_color="#ffffff" border_style="solid"]

Websites are a great tool for those of us in small business.  They allow us to attract visitors from all over, communicate important info in a way easily accessible to our customers, they allow us to showcase our products, and much more.  A web site really is an integral part of your small business strategy.  There are a number of mistakes that people make when putting together a site for their small business.  Here we’re going to look at a few of them, and what we can do to easily fix the problem.

[/et_pb_text][et_pb_text admin_label="Text" background_layout="light" text_orientation="left" use_border_color="off" border_color="#ffffff" border_style="solid"]

PART I: NAVIGATION LAYOUT

Navigation is critical for your site.  Your content doesn’t do any good if people can’t find it.  I think we’ve all been frustrated when visiting a site, and having to search and search for a piece of information.  If we do find it, we will have to retrace our steps on a subsequent visit, if we need to find it again.  It’s like being lost in a forest.  If you want a good example of this, visit any government’s immigration web site.  I think they are made deliberately obtuse, so that people will just give up before they apply for anything

[/et_pb_text][et_pb_text admin_label="Text" background_layout="light" text_orientation="left" use_border_color="off" border_color="#ffffff" border_style="solid"]

PRIMARY NAVIGATION

Your first line of defence if your primary Navigation. You should link to every major section of your site, but you don’t want there to be too many buttons. You need to categorize pages for sub-navigation in a way that will seem intuitive to users. Often we can use fly-out menus for sub-levels of navigation, but they can be come tiresome if you have to go past a second level. If you have a lot of things you need to link to in primary navigation, consider using a mega menu. Menu plugins like Ubermenu will allow you to lay out a massive menu in way that is accessible, and attractive.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row admin_label="Row"][et_pb_column type="1_2"][et_pb_image admin_label="Image" src="https://mb.missionbell.net/wp-content/uploads/2016/02/Screen-Shot-2014-11-25-at-9.53.12-PM.png" alt="flout menus" show_in_lightbox="off" url_new_window="off" use_overlay="off" animation="left" sticky="off" align="left" force_fullwidth="off" always_center_on_mobile="on" use_border_color="off" border_color="#ffffff" border_style="solid" /][et_pb_text admin_label="Text" background_layout="light" text_orientation="left" text_font_size="11" use_border_color="off" border_color="#ffffff" border_style="solid"]

multiple level flout menus can create cumbersome navigation

[/et_pb_text][/et_pb_column][et_pb_column type="1_2"][et_pb_image admin_label="Image" src="https://mb.missionbell.net/wp-content/uploads/2016/02/Screen-Shot-2014-11-25-at-9.53.56-PM.png" show_in_lightbox="off" url_new_window="off" use_overlay="off" animation="left" sticky="off" align="left" force_fullwidth="off" always_center_on_mobile="on" use_border_color="off" border_color="#ffffff" border_style="solid" /][et_pb_text admin_label="Text" background_layout="light" text_orientation="left" text_font_size="11" use_border_color="off" border_color="#ffffff" border_style="solid"]

mega-menus offer a much more efficient solution for complex navigation

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row admin_label="Row"][et_pb_column type="4_4"][et_pb_text admin_label="Text" background_layout="light" text_orientation="left" use_border_color="off" border_color="#ffffff" border_style="solid"]

SECONDARY NAVIGATION

You can also use custom menus for sections of your web site.  If you have 3 product lines (we’ll call them ProdA, ProdB, and ProdC, which are available in 3 different configurations (ProdA1, ProdA2, ProdA3, etc)  Perhaps you have a products button in your main navigation.  Then you have a submenu for each product line, and then you go one level further for each configuration.  If someone doesn’t know exactly which product they want want to view, they would have to navigate through 9 possible product configurations and be frustrated, having to go through 3 levels of navigation 9 each time.  This could be solved by having a custom sidebar menu on each of the 9 pages, linking directly to the other 8, or by using a mega-menu.

You want to anticipate the route that customers will take through your site, and build navigation around making that path as simple as possible.  You may have a page with bios for your team members.  This isn’t necessarily something that needs to be in top navigation, but it would certainly be something that you would want to link to from your about page.  Anticipating this sort of path will help simplify your navigation, and make your user experience better.  Someone please let people at immigration know!

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Photo by marfis75

Mission Bell Communications Inc.
A-44 Frederick St.
Stratford, ON N5A 3V4
Canada
+1 (226) 921-5070

©2020 Mission Bell Communications Inc.  All Rights Reserved

phonefacebookenvelope
WP Feedback

Dive straight into the feedback!
Login below and you can start commenting using your own user instantly