Help
Options
Didn't know it?
click below
click below
Knew it?
click below
click below
Don't Know
Remaining cards (0)
Know
retry
shuffle
restart
0:00
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
Website Terms
Term & definition for Website projects
| Term | Definition | Use Case |
|---|---|---|
| Landing page | The web page you "land" after clicking on an ad or a link that are designed to take an action. This is different than a webpage (homepage) in that it is a stand-alone webpage | Should be considered in the overall design of the web page & content. |
| SEO | Search Engine Optimization - the process of increasing visibilty in search engines such as Google, Bing, Edge, etc. | Done after site goes live |
| Indexing | Adding website content to a search engine index to make it more "findable" | This is considered throughout design - informed by the site map, roughed out in the wireframe, and fully designed at the layout phase, when look and feel are brought to life. |
| Menu/Main navigation | The options, usually at the top of the page, that allow a user to "navigate" to all of the website's content. | Uses include - alt text on an image or hyperlink, descriptive text that tells you what will happen if you click, or a fun way to reveal more information in bits at a time. |
| Hover | When a user puts their mouse over content with a "hover" effect, it will reveal something else. Typically, it reveals text that further explains the content that is being hovered over. There is no actual click needed to see this content. | Items like this take some extra code and should be noted early |
| Pop-up | Content that appears over the main content on a webpage - it "pops up" over the content. This can be automatic, or have a trigger such as a click or scroll to a certain point on the page. | Items like this take some extra code and should be noted early |
| Drop-down menu | When options are needed under a category (for example, when filtering), a user can click on an item and that "drops down" a list of items you can choose from. What they click determines what they see next. | Items like this take some extra code and should be noted early |
| Hamburger menu | The three horizontal lines, usually used on mobile, to denote a collapsed menu. When clicked, it expands to show the user the options available for navigation. | Typically needed for mobile - one of the alternate designs needed when making responsive content. |
| Cookie | Cookies are small pieces of text sent to your browser by a website you visit. They help that website remember information about your visit, which can both make it easier to visit the site again and make the site more useful to you. | It's important to consider if data is stored on a site we create and determine if a cookie policy is needed. Legal advice may be consulted on the client's end. |
| Layout (website) | A full website design including images and design that includes the major pages of a website. Used to plan our user experience and "test" the site before programming it. | The wireframe is fleshed out with look & feel, overall design added or concepted |
| Wireframe | A blueprint or framework for a website - usually has placeholders for images, helps to map out content and flow between pages prior to adding in design and visual elements. | Typically done in B&W, after site map to plan individual pages. |
| User experience | The way that a user interacts and experiences a product or website. It is having a thorough understanding of the audience, their values, abilities, needs, and limitations. There are best practices for this. | Should be considered in the wireframe/layout phase and again in the demo/beta site phase (note:user exeprience should be considered for all media we create, although this specifically is relating to website creation) |
| URL | Uniform Resource Locator - a web address | A URL can be generated prior to the site being live. It will vary if we are hosing the site or if it will be hosted externally. |
| Back end | Back-end development means working on server-side software, which focuses on everything you can't see on a website. Back-end developers ensure the website performs correctly, focusing on databases, back-end logic, APIs, architecture, and servers. | Back end and front end are then "hooked up" to make the site functional and populate the URL |
| Front end | Front-end web development is the development of the graphical user interface of a website, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that website. It is the main visual design of the site. | Back end and front end are then "hooked up" to make the site functional and populate the URL |
| HTML | The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the meaning and structure of web content. | |
| Desktop vs mobile | When we design content to be "responsive," or to change when displayed on mobile vs desktop for optimal viewing | Mobile should be considered early in the process, and designed prior to desktop if possible |
| Site map | A schematic view of the pages of a website and how they connect to one another (via buttons/links) | First step in web design process, submitted to Veeva with wireframe/layout |
| Button | A clickable element on a webpage that links to another page, usually looks like a button that you can press. | Set up around the time the site will go live |
| Mailbox | Can be created and linked to a website to allow for email to be sent to/from users of the site | Set up when site goes live, check periodically for metrics reporting |
| Analytics | General term for the collection of data around a website - clicks, views, bounce rate, demographics, etc. | Plan from the start, execute after site is live |
| Drivers | Emails or social media campaigns that encourage use of the site and "drive" users to the site, often via a link or QR code | Plan from the start, execute after site is live |
| Beta site | Also a "demo" site, this is a sample site that has it's own temporary URL and can be tested prior to launching the live site | Beta rollout and testing happens prior to launching live site |
| Live site | The final site at the final URL. This site likely collects analytics data and is used in email drivers, has active log ons, etc. | This is the final deliverable. |
| Metrics | Related to analytics, but often compiled to tell a story about the users of a site, and how to optimize the site to attract and retain engaged users | Talk to the client early about metrics to be sure we collect the information they want, and agree on how often reporting will be given, and how much analysis they want us to handle for them. |
| Hyperlink | A clickable element on a webpage that sends the user to another page. Usually a hyperlink is text only, often blue and underlined, but each site may have a different hyperlink look and feel. |
Created by:
CommunicationPartners
Popular Graphic Arts sets