
Key Web Design Terms You Need to Know
Are you new to the world of web design and development? If so, there's a mind-boggling amount of terms and abbreviations that you'll be expected to know. To help stop any confusion and give you a quick start into the web world, we've compiled some of the most common web design terms.
User
As the name implies, the term "user" simply refers to anyone who will be using the site you're making. Some other industries might call it a "customer" or "client" but it's a good idea to start being consistent and only using the term "user" when referring to the, well, users on your site.Usability
If a website is hard to use, people will abandon it. You want your site to retain users, of course, so the term "usability" refers to how easy it is to use and navigate for an average person.User Interface (UI)
The user interface is simply how a user interacts with the design on a page. For example, the battery indicator on your smart phone is a part of the user interface. Sometimes UI is lumped with UX, which includes how pretty the site is, the site's response time, and site content.User Experience (UX or UXD)
User Experience, or User Experience Design, as it's sometimes called, focuses on the human interaction with the computer or device. For example, the action that happens if you were to tap the battery indicator on your phone is a part of the user experience. So while the UI is the design of something that your users will interact with, the UX is what will happen when the interaction actually takes place.Responsive Design
The term responsive design refers to a specific design technique in which your site will shift around by using grids and flexible images. The goal is so it'll rearrange itself depending on the screen size the user is using while still keeping a great user experience across all devices. This is often how a site will look different on your phone than on your computer.
Wireframe
A wireframe is an outline used to plan a site's structure and functionality. It usually starts hand-drawn on paper and then created in grayscale in program like Photoshop or Illustrator without any design elements like color, photos or typography. Places where text content would be is also replaced with Lorem Ipsum (or dummy) text.Frameworks
A framework provides a foundation that developers can use to build programs and streamline the development process. They help you add extra functionality to your site without having to start from scratch or create a simple feature that could take you hours to write.Text Editor
Until developers can figure out a way to magically create code, text editors are the program-of-choice for actually writing code, much in the same way you might use Microsoft Word as your go-to for writing documents. There are dozens of options available that all have time-saving features.HTML
Whether or not you’re new to web design, you've probably heard the term “HTML”. What you may not know is that HTML is an acronym that stands for HyperText Markup Language. HTML is a computer language used by your browser to display your site to the user. Since just about all websites are displayed in a browser, HTML is the backbone of any website.