Understanding Terminology

“What calls-to-action would you like prominently placed on your website layout?”

“So what links do you want on the utility bar and main navigation on your website?”

“….I’m sorry, what?”

When you meet your web development team for the first time, it may seem like they are speaking a different language. While web developers try to explain the process as simply as possible, the communication gap can be frustrating. Understanding common terminology not only boosts your confidence when working with web developers, but also helps you complete your project more quickly.

Ready to learn some common terms?


Website Layout

Aka: mockup, design, image file of the site that you cannot interact with.

The website layout shows you a draft of how the site will appear to your audience. Web layout details vary, but you should be able to see how the audience will experience your website. Remember that in most cases the colors, images, and text are finalized later in the process.

Understanding Web Design Terminology

Navigation and Utility Bar

“Navigation bar” – Aka: menu, link bar, that thing at the top of the site that lists pages. 

A navigation bar is that area of the website that shows links to the other pages of your site . Your navigation bar may also contain a “drop down” with links to other pages or “sub pages” of your website. The goal is to have every page on your website accessible through the navigation bar.

“Utility bar” – Aka: secondary navigation, upper navigation, those random extra links at the very top of the site 

A utility bar is usually placed at the top of the website and contains fewer links than the main navigation. These links might include Client Login, Pay My Bill, Employment, or other links that are not associated with educating people about your products and services.