Terms handout 1 Flashcards
(25 cards)
Design brief
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
HTML
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.
CSS
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.
PHP
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
CMS
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.
SEO
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.
Branding
A brand encompasses all messages, promotions, actions, products etc. that are particular business releases to the public.
Alt attribute
Alt attribute text used to describe an image used by search engines and screen readers in place of an image
<img></img>
Title attribute
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
Call to action
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.
Hero
A common term used to refer to the main image on the homepage or a landing page.
Promo area
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.
Exit page
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
Landing page
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.
Drop down
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.
Flyout navigation
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.
Rollover
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.
Input field
And input field is a blank area where a user would input text based information. They are found within a form on a website.
optimization
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.
White space
😉
Style guide
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.
Comp/mock up
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.
UI
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.
UX
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.
