Navigation Map: You might also hear this discussed as the information architecture. What this refers to is the structure and hierarchy of the pages of the website. Mood board: A collection of aspirational design elements you would like to see incorporated into your website. Think of it as a scrapbook of sorts. You'll often see mood boards used if you're working with an agency to kick off the design process. Wireframe: Blueprints are to home construction as wireframes are to websites. They are a critical piece of the website strategy process that outlines the structure of all your website templates.
Conversion Map: Another critical piece of the planning phase, a conversion map shows you the alignment between pages, their calls to action and the stage in the buyer's journey. Template: A template is the coded version of one of the page layouts you saw in the wireframe. A website will be made up of many different templates. For example, the homepage would be one template, then you might have an about page template, a blog listing template and a blog post template. A given template can be employed for as many individual pages as needed. For example, a company with 5 products would likely use a product page template for all 5 product pages.
Hero: The large image, headline and call to action that will usually be seen above the fold of the homepage.
Hamburger Navigation: An increasingly common control to hide/expand the menu of a site. Hamburger navigations were first used on mobile but since have seen expanding use on desktop sites as well to reduce clutter in the header area. These are also referred to as offscreen menu toggles. Sticky Nav/Persistent Nav: This is when the main menu of a site will stay on your screen, even as you scroll down below the fold of the website. It is a common best practice in modern web design. Scroll-Jacking: This hotly contested technique was first made popular by Apple and has since been adopted by a subset of the developer community. Scroll-jacking is when a website doesn't follow conventional scrolling top to bottom but instead only a piece of the page moves while you scroll. Parallax: This is a development technique to create perspective on a site when an element moves faster or slower than the page scroll. A really popular example is parallax backgrounds where the background image moves at a slower rate than the rest of the site on scroll. User Experience (UX): A term most commonly used to define how intuitive and easy to use a website or application is. However, UX goes beyond this and also tries to measure a person's emotional response and engagement with a particular web page or application. User Interface (UI): The UI, or, more specifically in the case of web design, the Graphical User Interface (GUI) are the collection of elements which allow humans to interact with a website. The goal of a good GUI is the make interactions intuitive and simple. Though we typically think of things like navigation menus, buttons, toggles, etc. when it comes to the UI, the term can arguably also relate to the overall aesthetic experience including non-actionable elements. Responsive Design: Responsive design is the ability of a website to adapt and scale to allow usability on all device types regardless of manufacturer or operating system. This is done by using a variety of CSS properties including the @media query which allows for different style declarations based on screen resolution. Responsive design is in contrast to "Adaptive Design" which actually loads a separate web property based on the device.
Sitemap: A web page whose content shows the entire information architecture/navigation map of the website with links to each page. This is not to be confused with an XML Sitemap ( ex: newbreedmarketing.com/sitemap.xml ) which is used for search engines to index sites more efficiently. XML: Extensible Markup Language (XML) is a markup language that sets a collection of rules to define the encoding format for a document type. It's goal, as with JSON (which you'll learn about later in the list), is to be easily readable by humans as well as machines. RSS feeds are a common document format which leverage XML.
DNS: Domain Name System. See the entry "Name Server" on this point. IP: A numeric system which directs traffic to a particular server on the Internet. All websites eventually map back to an IP where the files actually live. IPV6 is a newer version which uses letters in addition to numbers to allows for exponentially more combinations. This is important because with the number of devices connected to the Internet we are starting to run out of IPV4 combinations.
Domain Registrar: A domain name registrar is the company that actually manages the reservation of Internet domain names. This is how you “claim” a given domain such as newbreedmarketing.com. A domain name registrar must be accredited by a generic top-level domain registry such as ICANN (the Internet Corporation for Assigned Names and Numbers). The most well-known registrars include GoDaddy (the biggest), Network Solutions (the oldest) and eNom, but there are many others. Once a domain is registered it is pointed at a specific name server to carry out its function. Name Server: A name server (or DNS Server) is a computer server that tells a user’s computer where a particular resource is hosted. The name server has a “zone file” for each domain associated with it. For example, if you looked at the zone file for newbreedmarketing.com you’d see that our main site is hosted with HubSpot, our email is hosted with Google and our FTP is hosted with Host Gator. Most commonly these records take the form of an A record (address record) or CNAME (Canonical name record) but there are many more. To recap to this point, the registrar points at a name server, and then a name server points at a web host.
Web Host / Web Server: Web hosts are companies that provide space to make websites accessible on the Internet. The web host is the server which physically hosts the files and databases that make up a website. When you’re adding content to your website in your CMS (Content Management System) you are directly interacting with your web host as are your site visitors who view this content. ASP/.Net: Microsoft's server-side programming language. It's a direct competitor to PHP and is most commonly used in business applications. Domain/subdomain: A domain is an identification string, essentially the name of a website. New Breed's Domain Name is newbreedmarketing.com. A subdomain is simply a domain that's part of a larger domain. SSL: Secure Sockets Layer is a security technology for establishing an encrypted link between a web server and a browser. This is good to have in place to protect privacy and absolutely necessary when dealing with monetary transactions. Firewall: A method to prevent outside computers from accessing a local network. This helps with security threats from outside entities.
API: Or Application Protocol Interface. This is the official, documented way in which a particular technology or platform can interface with another. For example, HubSpot can connect with SalesForce via its API. These days a huge part of backend web programming involves leveraging and writing APIs. API endpoints specify where particular resources lie and can be accessed by 3rd party services. oAuth: An open standard for authorization on the web. This allows people to log into a service by using credentials from another service. For example, HubSpot allows you to login from your Google Account.
IoT Visualization, IoT Analytics, Domain specific BOT, qHub – A shared service platform. The Internet of Things (IoT) is steadily approaching, with all industries, directly or indirectly, being affected by it. There is a lot of excitement around what this network of connected devices and sensors can and will become. Rightfully so, as this is just the beginning. The future is going to be exciting. With this massive network of possibilities comes a lot of opportunities worth exploring. Data Visualization provides us with a way to display this avalanche of collected data in meaningful ways that clearly present insights hidden within this mass amount of information. This can assist us in making fast, informed decisions with more certainty and accuracy than ever before.
Bots provide an experience that feels less like using a computer and more like dealing with a person - or at least an intelligent robot. They can be used to shift simple, repetitive tasks, such as taking a dinner reservation or gathering profile information, on to automated systems that may no longer require direct human intervention. Users converse with a bot using text, interactive cards, and speech. A bot interaction can be a quick question and answer, or it can be a sophisticated conversation that intelligently provides access to services.
Shared services is the consolidation of business operations that are used by multiple parts of the same organization. Shared services are cost-efficient because they centralize back-office operations that are used by multiple divisions of the same company and eliminate redundancy. Some companies use a chargeback system to bill divisions that use the service on a per-use, per-quarter or per-year basis. Other companies absorb the cost of shared services as part of the continuing cost of running the business.