Week 3

Information Architecture – The art form and science of website design, when developing intranets, and on line communities. The construction process is generally executed with a focus on design and architecture principles. Ex: Like generating a family tree diagram for your website, which creates an consistent pattern and clear purpose.

Wire Frame – An early stage in web design where you create a screen blueprint that works as a guide so you can arrange elements and content for a web site or page. Ex: Similar to creating a thumbnail sketch so you can play with the layout of a composition appropriately before creating the physical product.

Site Map – An essential navigation tool on a website that gives the user a sense of direction on large complex sites. Usually a web page that shows the displays test links and drop-down bars all linked to contents of a website. Ex: Most sites that come with a site-map usually come with a search engine on the top of their home page.

Web Page Header – Usually the first thing you see when you visit a website. It sits across the top of the screen, typically with an image and typographic elements. Ex: Like a book cover, but for websites and one that is always interchangeable using JS, HTML, PHP, and CSS.

Web Page Footer – A web page footer is always at the bottom of a web page that contains credentials and various information about the website. Ex: The Sacramento City College website has a web page footer that contains general contact information and a link about campus life.

Web Fonts – Unlike desktop fonts that you can easily download from sites like DaFont.com, a web font is a CSS feature that automatically downloads a specific font all while this particular website is being accessed. Ex: Google has an entire collection of web fonts that are programmed to work instantly for all google related applications. @fonts.google.com

Creative Commons is a U.S. Operation and non-profit organization that was founded in 2001. They have released various copyright-licenses, known as the Creative Commons licenses. Ex: Most open source websites like Flikr.com and Soundcloud.com use a Creative Commons license that allows users to share and remix material legally.

Skumorphism – a design concept used in UI and Web that attempts to create three dimensional effects on a two dimensional surface. For example, a button icon on your smartphone that looks raised until you pressed, reacting like a physical buttons. Ex: Most video games and web applications implement skumorphism that are meant to function with all touchscreen devices.

Web Safe Color – Implies that a set of colors was deemed safe to be used on the Web, but this was applied to early computers, which at the time only 216 colors of 256 were available to have been considered safe because they could be supported across multiple platforms. Ex: According to WebSafeInfo.com It is no longer necessary to limit your pallete to web safe because computers today support millions of colors.

UI Design Patterns– A Web design concept that pertains to finding resolutions to recurring problems on a user interface. A user interface with usability is crucial for sites like Facebook that have many functions and users. Ex: A UI design pattern that helps Facebook maintain its status is the simplicity of its general layout.