Terms handout 1

Question 1

Design brief

Answer 1

A document with multiple questions about your business.
examples of design brief questions 
who makes up your target market 
List your competitors 
what are your goals for this project

Question 2

HTML

Answer 2

Stands for hypertext markup language
Consists of different tags combined to create the structure of any website. The tags are put together in pairs with the content of your website filling in the spaces in between.

Question 3

CSS

Answer 3

Stands for cascading style sheets
These documents contain the colors, fonts, layout, and overall appearance of a website. They are separated from the HTML structure to reduce the repeating of the styling of similar elements on multiple pages. A stylesheet may need only be altered once in order to have an affect on multiple pages of the website, hence having a cascading effect. A stylesheet can control the layout of the website. Some web designers choose to separate the colors and fonts in a separate stylesheet than the layout elements. There are also different style sheets that apply to printing a webpage or to view a webpage on a mobile device.

Question 4

PHP

Answer 4

Stands for hypertext preprocessor
It allows for dynamic web content to be displayed and/or interacted with on a webpage.
It’s back end design

Question 5

CMS

Answer 5

Content management system
A CMS allows its users to edit, delete and manage the content of a website from a visual interface. A successful CMS requires no knowledge of the programming languages to easily update the website.

Question 6

SEO

Answer 6

Search engine optimization
Planning out and writing a website’s content to improve the likelihood of it showing up in relevant search terms and search engines.
It may include keyword research, content writing, web design, web development and blogging.

Question 7

Branding

Answer 7

A brand encompasses all messages, promotions, actions, products etc. that are particular business releases to the public.

Question 8

Alt attribute

Answer 8

Alt attribute text used to describe an image used by search engines and screen readers in place of an image
<img></img>

Question 9

Title attribute

Answer 9

Text used to describe the webpage in the top of the browser window. A HTML page title is recognizable by search engines and should be carefully determined. It is displayed in search results for the title of a page listing.
This is your page title

Question 10

Call to action

Answer 10

A button, arrow or other graphic element, which entices a user to perform a particular action.
A button appears to be clickable, causing the user to click on the button and bring them further into the website.

Question 11

Hero

Answer 11

A common term used to refer to the main image on the homepage or a landing page.

Question 12

Promo area

Answer 12

An area on the website which can be used to promote products and/or services and is typically changed out frequently. A promo area is typically used to showcase graphics.

Question 13

Exit page

Answer 13

When looking at web analytics (data statistics on your website) an exit page is the last page a visitor may see when exiting your website. Example on many e-commerce websites the shopping cart is a popular exit page

Question 14

Landing page

Answer 14

A page on a website that contains specific and direct promotional content or information that a user is directed from clicking an advertisement or other external link.

Question 15

Drop down

Answer 15

I drop down can be one of two elements: a drop-down menu is a navigational menu that has sub-menus or categories below it. When clicked on, the sub menus down down and are then visible to the user. A drop down field is found within a form on a website. It acts similarly to a drop-down menu, but it requires the user to choose an option from multiple choices.

Question 16

Flyout navigation

Answer 16

A fly out navigation menu contains multiple links to different pages and/or categories on a website. It’s typically contains multiple columns, whereas a drop-down menu may only display one column below the main tab.

Question 17

Rollover

Answer 17

A rollover is an action that happens when a user places his or her mouse over a particular element that has a rollover effect applied to it. The mouse action causes the element’s appearance to change into a different image, color or font style.

Question 18

Input field

Answer 18

And input field is a blank area where a user would input text based information. They are found within a form on a website.

Question 19

optimization

Answer 19

This term is used to refer to the reduction of size of an element to be more ideal for web use. Example: images used on the website should be optimized to a smaller file size to decrease the time it takes to load the page they reside on.

Question 20

White space

Answer 20

😉

Question 21

Style guide

Answer 21

A style guide the document that includes all the colors, fonts colors and branding guidelines for a website, brochure, book or complete brand. A style guide is often a great Guide to supply a web developer so that there are no questions about the technical specifications of a design. I can also save them time from having to go back-and-forth with the designer.

Question 22

Comp/mock up

Answer 22

Refers to representative sample or preview of the design for a website, book, pressure etc.
For a website, a comp would be the nonfunctioning design sample of the homepage. Or, it could be a design sample the developer would use to set up the link colors on the particular section of the website. The designer will supply you with design comps to show you with the website look like before a developer begins to code it. Giving feedback on design comps, rather than coded sample pages will save you time and money, especially when there are changes that need to be made. They act as a visual plans.

Question 23

UI

Answer 23

User interface a UI designer focuses on the usability between a website and its users. They make sure they targeted user can use the website with the ease by designing elements to make their experience easy. Example: the UI of the website allowed to user to easily find the product they were searching for and make a purchase.

Question 24

UX

Answer 24

User experience
This term encompasses UI. It includes all of the emotions, feelings, moods etc. associated with the use of a website’s UI. Example: while using Saralins designs UI to find work samples, the user experienced happiness, a sense of clarity and no feelings of frustration while completing the task.

Question 25

Wireframe

Answer 25

Very crude and simplistic drawings and/or layouts of a webpage, which typically have no design applied. Wire frames are used in the preliminary stages of a website design. They allow for designers to focus on the UI and the layout of content first before applying any design. This is a critical step and any mid to large size website is a lot of different elements and/or content. The design of the website can often distract from it’s true purpose of displaying information and content effectively. Many designers do this step first to avoid missing any critical elements or information. Wire framing can save time in development by allowing for items to be missed in the planning or design phases rather than in the final stages. It typically cost more to rework an already designed and developed webpage than to catch and a mistake in the planing stages