Glossary

25 Graphic design and web design terms

Accessibility
Noun
Accessibility is the practice of making websites accessible to all users, that means users with vision problems (partially sighted, colour blind, or generally poor vision), physical disabilities such as tremors, users who require assistive technology such as screen readers, deaf users, or users on slow internet connections (very common in certain parts of the world.)
Example: The page is very accessible to all types of users
es: Accesibilidad
Banners
Noun
Banners tend to be found on important pages such as homepages and are found immediately beneath the Header. They're often combined with a company's lead marketing message or important website functionality. There has been an overreliance in webdesign to use Banners, with little evidence to suggest that they improve site performance/user experience.
Example: Please if you need more information click on the next banner
es: Banners
Breakpoints
Noun
Breakpoints are the specific sizes of a Viewport, at which a websites structure, layout or content changes in order to optimise the user experience. They're defined by CSS Media Queries, and a typical responsive site will have several breakpoints. Normal breakpoints tend to follow standard device resolutions i.e. 320, 375, 550, 768, 1024, 1200px (width in pixels).
Example: This page has a lot of breakpoints so that it does not saturate the user
es: Puntos de interrupción
Checkboxes and Radio Buttons
Noun
Both are types of an input field, they differ in that checkboxes allow users to select multiple items in a list, whereas radio buttons will only allow a single list item to be selected.
Example: check the boxes sincerely checked
es: Casillas de verificación y botones de opción
Domain
Noun
For example, "castus.co.uk", usually the address of a site's homepage. Different parts of the domain name can be referred to; the top-level part (.co.uk), the naked domain (castus.co.uk) and subdomains (priority.castus.co.uk). Domains can be bought from sites like 123-reg.com for as little as 99p.
Example: the domain of the Mexican government pages is .mx
es: Dominio
DPI & PPI
Noun
Dots per inch and Pixel per inch indicate resolution (how detailed an image/print/screen is. Traditional printing is done at 300dpi, whereas screens were traditionally 72ppi. Modern screens are much more detailed than 72ppi but images for use online should typically be saved at 72 or 150 ppi.
Example: The DPI is making this page late to load your images
es: DPI
Dynamic Content
Noun
This is content that when published to a section on your site, a snippet or intro of that content automatically shows on other pages in other sections of the site. This is handy because Google likes to see content being updated on a site.
Example: the current trend shows a growth of dynamic content on web pages
es: contenido dinámico
Footer
Noun
Usually, the bottom area of a webpage, consisting of links to internal pages including legal information etc, Copywrite info etc.
Example: The legal conditions can be found in the footer of this website
es: Pie de página
Header
Noun
Usually the top area of a website, containing the company logo, main navigation, phone number
Example: If you need to go to any section, all the important information is in the header
es: Encabezamiento
Host
Noun
All websites need to be hosted somewhere. This is where the website is stored and made accessible to internet users. There are thousands of hosting providers out there. Hosting prices and packages vary wildly.
Example: the host of this website is in Australia
es: Anfitrión
Image Licensing
Noun
Copyrights mean that we can't legally use images that don't belong to us. So, you can't just use an image on your site that you find in a Google image search. Creative Commons licensing is a legal system of licensing that dictates what images can/can't be used.
Example: The licensed images are not for public use
es: Licencia de imagen
Keywords
Noun
These are the terms/phrases that users type into Google, and site owners/businesses want to be found for, such as 'web design', 'web design sheffield'. If you don't have a page on your site where you talk about web design in sheffield, it's unlikely you'll feature in the results for a search for that term. But don't abuse this or you will be punished, Google doesn't like being manipulated. Your webpages should focus on providing good information that's genuinely useful to users who are performing those searches. Think about why users are searching for a term... what information or answers are they looking for. Fill your site with info like that and Google will reward you by sending users to you.
Example: the Internet searches are based on keywords for greater versatility when displaying results
es: Palabras clave
Layout
Noun
Layout describes what is on a page and where, the page structure.
Example: The layout of this website is the most curious
es: Diseño
Publishing
Noun
This just means putting new words, images, pages on your website. This is one of the most important factors that Search Engines use to rank a site for search terms that are aligned with the subject matter of the content in question. Be warned, you cannot cheat the system! Your content must be of good quality and written with users in mind. Forget putting keywords in white text on a white background on your page, search engines will punish sites that do this, see Blackhat SEO Techniques.
Example: The Conservation Handbook . Blackwell Science PUBLISHING UK. Wright, P. & Jernvall, J. (1998) T
es: Publicación
Responsive
Noun
Responsiveness is when a website changes its structure/appearance/layout/content in order to give an optimal experience to users, whether they're on a desktop computer or phone. This means users don't need to pinch and zoom a website on a phone to read it properly. It usually means the website text will changes sizes, and the pages will narrow, and menus change layout in order to fit in small screens.
Example: The web design of this page is very responsive
es: responsive
Search Console
Noun
A tool that allows web admin to check the Indexing of their site, check for search ranking issues and check keyword search impressions and clicks.
Example: for more information about a prospect go to the search console and add the necessary keywords
es: Consola de búsqueda
Server
Noun
Basically a computer, usually in a datacentre (a big building with lots of servers), which stores a website's files and runs the software that enables a website to function. If you're going to have a website you'll need a server to host it on, which means getting your own server or using a hosting provider.
Example: the server is under maintenance
es: Servidor
Sitemap
Noun
A diagrammatic representation of all the sections and pages within a website, which shows where the areas/pages exist within the website and the navigation structures.
Example: The sitemap is defining how our website will be organized
es: Mapa del sitio
Templates
Noun
A page on a site exists as a template. Multiple pages can use the same template. So a 100-page site might only have 2 templates.
Example: Wix is ​​a good way to create web pages, it contains a huge number of templates.
es: Plantillas
URL
Noun
The web address of a single web page. URL stands for Uniform Resource Locator and is a human-friendly identifier for a webpage such as "https://www.castus.co.uk/portfolio". It can be divided into several parts, the "protocol" ("https://"), the "domain" ("castus.co.uk"), the "URI" or Uniform Resource Identifier ("/portfolio")
Example: www.google.com is the URL of google
es: URL
Usability
Noun
Usability is the ease with which a user can use a site. It's a scale, not a binary thing. It's wide-ranging, covering text sizes and contrast, copywriting, and functional processing such as how errors are handled on a form.
Example: the page is more like an image than a page its usability is almost nil
es: Usabilidad
User Experience (UX)
Noun
This is the experience that the user has when accessing and using the website. So how easy and pleasing a website is to use.
Example: The management of this website is very comfortable, its UX must be very creative
es: Experiencia de usuario
User Interface (UI)
Noun
This is the thing that the user sees and interacts with. In web this usually means all aspects of a website that the user can see.
Example: The UI of this website is very modern and clean
es: Interfaz de usuario
Vector/Raster
Noun
JPGs and PNGs and GIFs are raster filetypes, this means they are composed of pixels and lose quality when enlarged (they become blurry), vector files (svg, ai, pdf) are not composed of pixels and can be infinitely scaled up without any loss in quality, they can't, however, contain detailed colour information, like a photo, can. Vector file types are most commonly used online for icons and logos.
Example: Use vectorized images are better in web designs
es: Vector / Ráster
Wireframe
Noun
A line and box representation of a webpage, which serves as a record or plan for what content and functionality will exist on a given page. At Castus we produce wireframes for all of the unique pages or 'templates' within a given site.
Example: the wireframe is equivalent to the sketch on a web page
es: Estructura alámbrica