Article brought to you by Nilead, a website builder platform with fully managed design and build service.
After a lot of thinking and analysis, finally, you decide to have a website. Having found a good web design and development service provider, it pays to be familiar with the industry’s common terms to know how to communicate your needs to your service provider. This way you will prevent that the design team have to make assumptions, that possibly will affect the final result
Layout refers to the arrangement of the content: text, images, video and other elements on a page. Includes the margin, color, size, padding and any grid or template used to establish the overall appearance, relative importance, and relationships between the graphic elements to achieve a smooth flow of information and eye movement for maximum effectiveness or impact.
A website wireframe is a visual guide that represents the skeletal framework of a website, indicating the style, the location and usage of the elements of each page. This allows the client or stakeholder to quickly have a visual reference of the arrangement of website elements without requiring the designer to create an actual site, which makes the design decision process quicker. Also works as an overall blueprint or road map for the developers.
Alignment is the position of the elements (e.g. text, images, etc.) of your page. These elements can be aligned to both: the page and to each other – e.g. in the image below the paragraphs are aligned to the left margin, and the photo is aligned to the right.
The header of a website is the absolute element at the top of each page; it’s present across all pages and parts within the website. Usually, the header includes the business’s logo, as well as the navigation bar. It can also include language selector, search bar, cart (ecommerce websites), login/log out, and many other features depending on the needs and targets of the website.
A form of advertising that is usually at the top of the page and goes from one side to the other. Depending on its purpose, banner can be a graphic image that announces the name or identity of a site or an advertising image. On many sites, the banner also contains links that can be clicked through to reach other pages within the website.
This is a design term that refers to the elements located at the top section of a web page, appearing to the user when the page first loads without having to scroll. Normally it will include the header, a banner (like a slideshow, a video, a graphic or image with a call-to-action) or any type content of the most relevance for the website publisher.
Call to action or CTA is a text link, a button or an icon located all around the website. This will tell the user what to do next (with a messages like “Buy now”, “Subscribe”, etc.) to make it continue in the conversion process. There are a few different types of call to action buttons. While each type aims to get visitors to perform a certain action, that action can vary considerably. Below are the most common types of call to action buttons, based on the action they want you to take.
A hyperlink or simply a link is a word, phrase, graphic or image that the user can click to jump not only to a new section or page within the website, but also to an external document or website. Currently hyperlinks are found in almost all web pages. The most traditional form is a blue color and underlined word or phrase. When you move the cursor over a hyperlink, whether it is a text, image or graphic, the arrow will change to a small hand, letting you know that it is a link. Basically a hyperlink is an element that allows the user to browse information or navigate in the web at high speed.
Icon is a graphical image representing an object, status, specific entity or idea that it is easily recognized by a wide cultural group. Frequently, the icon is a hyperlink that will lead you to another section within the website or to an external page. Their primary function is to serve as a common visual language, removing the possibility of open interpretation or ambiguity. Because of this icon is often used to present a content or message in a clear, concise way that facilitates the user’s experience in a website or app.
Because of its versatility, icons are used in numerous ways:
As the trends and needs of the web evolves, other elements have been added to the footer like:
Website 101 is a series of articles the NILEAD’s team will create explaining the terms related to the website, from the basics, to web design and development. Our goal is help and empower the users for the web, this way will be easier for them to comprehend a website and the process behind.