UX Bootcamp Resources

Explore

Tools

Buzzwoods

UI Descriptors

⁠

Border Radius

The space between the border and the next element of your design.

⁠

Contrast

When visual design elements appear clearly different.

⁠

Horizontal Alignment

⁠

Margin

The space between the border and the next element of your design.

⁠

Padding

The space between its content and its border.

⁠

Stroke

Line drawn around object

⁠

Vertical Alignment

⁠

Analytics

⁠

Clickstream

When you land on a site, you click your way through it to complete a task. This is what a clickstream represents: the path of clicks you took on it to accomplish a goal.

⁠

Conversion Rate

The Conversion Rate of a product or site is the percentage of users who complete a desired action. Say we’re creating an e-comm site and the desired action is a successful purchase. The Conversion Rate would tell us how many users bought an item.

⁠

KPIs

Key Performance Indicators

⁠

Design

Mockup

High-fidelity designs that look like the final product but without any functionality.

⁠

Pixel

Tiny squares used to construct the images we see on our device displays.

⁠

Prototype

A simulation or sample version of a final product, which UX teams use for testing before launch.

⁠

Storyboard

A visual representation of a user’s experience with a product or problem space.

⁠

SVG

A popular image format, scalable vector graphics, or SVGs, are scalable two-dimensional graphics that can be manipulated and animated with code.

⁠

User Journey Map

User Journey Maps are narrative documents that help us visualize the process a user goes through in order to accomplish a goal. They document the stages the user goes through, the tasks executed during each stage, user emotions, and product opportunities.

⁠

Wireframe

A diagram or a set of diagrams that consists of simple lines and shapes representing the skeleton of a website or an application's user interface (UI) and core functionality.

⁠

Code Languages

⁠

HTML

Hypertext Markup Language, or HTML, is the standard programming language used to create websites. Unlike CSS, it is concerned with the structure of a website. Think of it as the programming language we use to create the blueprint of a website.

⁠

CSS

CSS, or Cascading Style Sheets, is a style sheet programming language used to define how a website should be styled.

It contains information on fonts, color, spacing, layouts, and graphics among others and how each should be applied to the website. Think of the top coat of paint!

⁠

JS or JavaScript

We’ve looked at HTML and CSS, two of the three cornerstone technologies in web development. JavaScript, the third pillar, defines how both the HTML and CSS should behave.

⁠

End User

Who are we designing the product for? This person is our end user.

⁠

Job Types

(CX) Customer Experience

Refers to how a business engages with its customers at every point of their buying journey—from marketing to sales to customer service and everywhere in between. In large part, it's the sum total of all interactions a customer has with your brand.

⁠

(IA) Information Architect

The practice of arranging content in a product in an understandable manner. It involves organizing the content we interact with, as well as the different structures, such as the website’s navigation, we need in order to interact with it.

⁠

(IxD) Interaction Designer

The practice of designing interactive digital products and considering the way in which users will interact with them.

⁠

(UX) User Experience

User Experience encompasses all aspects of the end-user's interaction with the company, its services, and its product

⁠

Product Manager or Owner

Coming Soon

⁠

Project Manager

Coming

⁠

Product Designer

Coming Soon

⁠

Performance

⁠

Design Debt

The sum of all the imperfections of the user experience and design processes that appear over time as a result of innovation, growth, and lack of design refactoring.

⁠

First Paint

The point at which the first pixel renders on a screen after a user navigates to a web page.

⁠

Page Load Speed

The time it takes for a page to load, measured from navigation start to the start of the load event.

⁠

Technical Debt

Describes what results when development teams take actions to expedite the delivery of a piece of functionality or a project which later needs to be refactored.

⁠

SEO

Search engine optimization is the process of increasing a website’s visibility in free, or organic, search results.

⁠

Responsive Layout

⁠

RWD

Responsive Web Design

⁠

Adaptive

An adaptive interface is a collection of layouts designed specifically for different devices. it detects the device type being used and displays the layout designed for it. This does not mean it is a different website—it means you’ll see a specific version of the website which has been optimized for mobile, desktop or tablet.

⁠

Usability Testing

Evaluating a product or service by testing it with representative users. Typically, during a test, participants will try to complete typical tasks while observers watch, listen and takes notes.

⁠

Software

⁠

API

Application Programming Interfaces, or APIs, are pieces of software that help different applications communicate with each other. Products develop APIs to let you access and read information on their server easily.

⁠

Beacon

Beacons are small Bluetooth radio transmitters. They communicate with the user’s smartphone and are used to share information.

⁠

Cache

A cache memory lets you store and save data temporarily for later use. You’ll often find usernames, recent searches and websites in your cache memory.

⁠

Chatbot

Chatbots let you ask the system questions via a chat interface. You can find them everywhere these days. They are a popular customer service tool and resemble the experience of texting a friend.

⁠

CRM

Customer Relationship Management software systems help manage business processes, like sales, data, and customer interactions.

⁠

GitHub

Code hosting platform for version control and collaboration.

⁠

IP Address

An IP address, or Internet Protocol Address, is a unique number made up of numbers and periods used to identify each device utilizing the Internet Protocol to communicate.

⁠

Open Source

Any code or site open to the public to use for free. You can use it, modify it, and build with it.

⁠

Plugin

A piece of software that adds new features or extends functionality on an existing application.

⁠

SaaS

Software as a Service, or SaaS, is a software distribution model in which software is licensed on a subscription basis and hosted on external servers.

⁠

Testing

⁠

A/B Testing

Practice of comparing two versions of a web page with a single variable online to determine which one performs better.

⁠

Analytics

Analytics measure human behavior on a site. They help us better understand and interpret patterns of behavior on the products we use.

⁠

Card Sorting

In a card sorting exercise, we’ll give users topics, cards, and a Sharpie pen. We will then ask users to write down the topics on the cards and organize them in a way that makes sense to them. This exercises helps us understand and design the information architecture of a site.

⁠

Diary Study

UX research method in which participants keep a log of their thoughts, experiences, and activities over a defined period of time, usually a few days to several weeks.

⁠

Eye Tracking

An unobtrusive method to gain deeper understanding of cognitive processes, such as problem solving and decision making. By measuring eye movements, researchers get insight into the ongoing mental processes during tasks.

⁠

Heat Map

A heat map is a graphical representation of the areas on your product that receive the most user attention. They use a warm-to-cool color spectrum to show you where exactly your users are going. The red areas in the heat map below, for example, are the areas users interact with the most on the website.

⁠

Multivariate Test

Testing multiple elements on the same page can be changed in tandem to improve a single conversion goal.

⁠

Unit Testing

The process of testing parts of an application to ensure they’re working properly. It can be done manually or can be an automated process.

⁠

Usability Testing

Evaluating a product or service by testing it with representative users. Typically, during a test, participants will try to complete typical tasks while observers watch, listen and takes notes.

⁠

Troubleshooting

⁠

Bug

Bugs are mistakes in software that can cause a product to glitch, behave in unintended ways, or even crash.

⁠

Cache

A cache memory lets you store and save data temporarily for later use. You’ll often find usernames, recent searches and websites in your cache memory.

⁠

User

⁠

(CX) Customer Experience

⁠

End User

Who are we designing the product for? This person is our end user.

⁠

Workflow & Process

⁠

Agile

Agile is an incremental approach to software development. Instead of building the entire product at once, Agile breaks it down into smaller bits of user functionality and assigns them to two week cycles we call “iterations.”

⁠

Backlog

The backlog is a list of tasks to be completed. The list is prioritized and ideally the tasks will be completed in the order listed.

⁠

Commit

Throughout the development process, developers create commits whenever they have reached a good point in their work. Commits are similar to drafts.

⁠

Flowchart

Diagrams that display the complete path a user takes when using a product.

⁠

Iteration

It isn’t uncommon for a product to be chopped up into smaller pieces as it is developed or designed. Iterative development is just that: the practice of breaking down development into small parts. The period of time that we assign to work on each part is referred to as an iteration. They’ll normally last anywhere between 1-4 weeks.

⁠

Lean UX

A collaborative user-centric approach that prioritizes “learning loops” (building, learning, and measuring through iterations) over design documentation.

⁠

MVP

Minimum Viable Product, refers to the essential set of features we can launch a product with to get the ball rolling.

⁠

Pull Request

Pull requests let developers share changes they’ve made to code with others involved on Github.

⁠

Repo or Repository

Tracks all code changes made to files in your project, building a history over time.

⁠

Scrum

Scrum is an agile software development framework.

⁠

Sprint

Defined periods of time assigned to complete certain tasks “sprints.” Their length can vary but is usually around 1-3 weeks.

⁠

Task Analysis

The process of listing tasks or the steps a user takes to complete any given goal from the user’s perspective. It is typically done during early stages of product development to help us identify and communicate problems in the user experience.

⁠

User Flow

A series of steps a user needs to take to complete a goal on a product.

⁠

User Stories

An informal, general explanation of a software feature written from the perspective of the end user or customer. The purpose of a user story is to articulate how a piece of work will deliver a particular value back to the customer.

⁠

Waterfall

A workflow opposite of Agile where each phase must be completed before the next phase can begin. So, all the design would have to be completed before developers could begin any work.

⁠

Webpage Structure

⁠

Breadcrumb

Breadcrumb navigation systems help users understand their location in a website or app. They’ll show a sequence of steps users have take to get where they are.

⁠

CTA

A Call to Action is button or link used on website to guide users towards goal completion.

⁠

Homepage

First page of the website

⁠

Landing Page

Any page a user lands on.

⁠

Microcopy

The small bits of text you see on apps or websites that help you navigate it. Think labels on buttons, error messages, placeholder text in input fields and text on tooltips.

⁠

Minicart

Generally displayed as a cart or bag icon that reveals order summaries when moused over, or it is sometimes a sidebar that appears once the visitor adds the first product to their cart.

⁠

Site Map

A site map is a visual representation of a website’s pages and hierarchy.

⁠

Hero

Largest content area at the top of the homepage.

⁠

Resources:

https://careerfoundry.com/en/blog/ux-design/ux-design-glossary/⁠

Words that Still Need to be Added Above

module

modal

interstitial

schema

Metadata

Global Nav

Flyout

Dropdown

taxonomy

database librarian

SSO - Single Sign On, Social Sign On

font

font-family

letter-spacing

line-height

Sub Cat

Product Car

DAM

CMS

Governance

EMS

RMS OMS

Top Search/ Recent Categories

Cognitive Loud

Product Card

body copy

utility nav

sticky nav

What is “product”

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.