Web Design Key Words

Responsive – A web design approach aimed at crafting sites to provide an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices, from mobile phones to desktop computer monitors.

Static – A webpage with fixed content. They are the most basic type of website and are the easiest to create. Unlike dynamic websites they do not require any web programming or database design. A static site can be built by simply creating a cew HTML pages and publishing them to a web server.

Dynamic – Webpages that are generated in real time. These pages include web scripting code such as PHP or ASP. When a dynamic page is accessed the code within the page is parsed on the web server and the resulting HTML to the client’s web browser.

Progressive enhancement – A strategy of handling webpage design for different browsers that are lacking in modern support.

Resolution – The number of pixels contained on a display monitor. DPI stands for dots per inch. PPI is pixels per inch.

Rollover – A button used to provide interactivity between the user and the page. A mouse action will have to be set to either “click on” or “mouse over” in order for the rollover to be triggered.

Server and client – A program that uses HTTP (hypertext transfer protocol) to serve the files that form webpages to users, in response to their requests, which are forwarded by their computers’ HTTP clients.

URL – A URL (uniform resource locator) provides a way to locate a resource on the web, the HTTP that operates over the internet. The URL contains the name of the protocol to be used to access the resource and resource name. The first part of a URL identifies what protocol to use.

UI – The UI which stands for user interface is about how the product is laid out. It’s also about how the user interacts with each screen or page.

UX – UX stands for user experience and it is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and product.

Accessibility – The inclusive practice of removing barriers that prevent interaction with, or access to websites by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.

CMS – CMS stands for content management system and it is a software application or set of related programs that are used to create and manage digital content. Content management systems are typically used for enterprise content management (ECM) and web content management (WCM). An example of a CMS is WordPress.

Framework and library – A package made up of a structure of files and folders of standardised code (HTML, CSS, JS documents etc.) which can be used to support the development of websites, as a basis to start building a site. The library is a collection of design elements that appear multiple times across a site.

Wireframe – A visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.

Content hierarchy – How the content of a website is arranged and categorised. This can be visualised as a family tree where the home page is the single common ancestor which all pages are related to. It forms the core structure of a website and affects everything from design to navigation.

SEO – SEO stands for search engine optimisation and it is the process of affecting the visibility of a website or a webpage in a web search engine’s unpaid results – often referred to as “natural,” “organic,” or “earned,” results.

Design patterns – A general repeatable solution to a commonly occurring problem. A design pattern isn’t a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many situations.

Analytics – The systematic computational analysis of data or statistics.


Published by

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s