Feeling left behind in creative conversations? Unable to tell your raster from your vector? This guide will teach you the lingo and give you the tools you need when speaking with a designer about your next website redesign.
Let’s take a deeper dive into some common-but-not-so-common terms that can help you understand what exactly your designer is talking about!
Strategy: A method or plan to solve the goals of the website redesign. It can include recommendations for content and functionality.
Wireframe: The skeletal framework of your site - the structure, hierarchy of content, as well as key tasks and features. Typically wireframes are simple sketches or blueprints created from lines and boxes.
Design: Visual representation of the wireframe that includes content, imagery, fonts, colors and all of the brand elements that make up the website.
Prototype: A preliminary working model of the website. Accessible through a URL, a prototype includes 1 - 3 pages of a website including content and images.
USER EXPERIENCE: The process of enhancing user satisfaction by improving the usability, accessibility, and efficiency of user interaction with websites. (Commonly referred to as UX)
Hierarchy: Also known as Information Architecture, hierarchy is the organization of different types of information in a manner that makes it easy to find.
User Interface: The visual elements that allows someone to use and engage with a website. It generally refers to the look-and-feel of a website.
Interactivity: The communication process that takes place between a user and a website. It is important to ensure users are engaging with the website.
Usability: The ease with which a user can navigate the site and obtain the information they are seeking.
USER INTERFACE: Visual elements make up the user interface and contribute to the user experience by defining the hierarchy and look-and-feel.
Typography: Visual art created through written words. It includes your font, font sizes, and the layout of your content.
Grid: A set of horizontal and vertical lines that allow the designer to structure and align content in a consistent manner. A designer sets up a grid using “guides”.
RGB Color: A mode used to display vibrant colors on a digital screen using Red, Green and Blue.
Vector Images: Made up of shapes, can be scaled smaller ot larger without losing quality.
Raster Images: Images made up of pixels (or dots) that define the colors within the image. Cannot be scaled larger without losing quality.
Call-to-Action (CTA): Clickable button or hyperlink that allows the user to take action or move to the next step or page.
Tabs: A way to organize information by placing various content across the page horizontally rather than vertically. You can click to expand additional information.
Accordion: A way to organize information by placing various content across the page vertically, but organized within buttons. You can click to expand additional information.
COMMON FILE TYPES:
PDF: Displays documents and graphics correctly, no matter the device, application, operating system or web browser. Typically used for printed documents, though they cannot be edited.
AI: Produced by Adobe Illustrator, the industry-standard program for developing vector graphics. The document is fully editable with multiple layers and objects.
PSD: Produced by Adobe Photoshop, the industry-standard program for digital image manipulation. The document is fully editable with multiple layers and image adjustments.
JPG: A flat, compressed image file that will always have a solid color background, usually white.
PNG: A flat, compressed image file that supports a transparent background and is good for the web.
GIF: An image or animation file that’s compressed to reduce the amount of colors and image information.
SVG: Scalable Vector Graphic, SVGs are scalable and will adjust in size and resolution to the size of the viewing window.
EPS: An image format that can use both vector and raster image data. Typically used for logos, not photographs.
TIFF: Compressed image files at extremely high quality. Typically used for high-quality print graphic such as photographs.
You are now fully equipped to talk with your creative types!