Design Basics
The space between elements on a page that improves clarity and readability
White Space
The acronym WCAG stand for...
Web Content Accessibility Guidelines
This collaborative feature allows users to leave thoughts & feedback directly on designs, making it easier to communicate with teammates and reviewers
Comments
'Cora' is one of our user personas for the brand _______.
Health Equity
In this company-wide application, you might encounter creatures, including a unicorn, an otter, and a narwhal.
Asana
Dubbed as 'the pretties' once by Penny, these are the visual designs we showcase to clients.
Mockups or Prototypes
The text version of a visual element, like an image, that helps screen readers describe it
Alt Text
A diamond shaped icon, made up of 4 smaller diamonds and visualized as ❖, represents a _____ in Figma.
Main Component
This is the process of creating multiple versions of a design to test with users, aiming to identify the most effective solution.
A/B Testing
What occurrence at VOGLIO warrants this emoji: 👯♀️
Matching outfits
When a website adjusts its layout automatically based on screen size, it’s called ________ design.
Responsive or Fluid
For Level AA, text or images of text must have a contrast ratio of at least...
4.5:1
A solid filled diamond icon, visualized as ♦, represents a _____ in Figma.
Variant
This method assesses how easily users can navigate a product and complete tasks, typically involving observation and feedback during real-time interactions to identify issues and improve design.
Usability Testing
Which office dog was a salmon nigiri during last year's Halloween party? 🍣
Sophie's Arya
Term used for the feeling or personality that a brand’s design communicates to users
Brand Identity
This principle encourages the use of clear and simple language in web content, making it more understandable for users with cognitive disabilities.
Plain Language
A hollow diamond icon, visualized as ♢, represents an _____ in Figma.
Instance
This visual representation outlines the structure of a website or application, showing how different sections and pages relate to each other, (commonly used for planning navigation and content organization)
Site Map or Information Architecture Map
'Voglio' which translates to "I want" or expresses a desire for something, is derived from this language.
Italian 🇮🇹
Type of feedback that helps users understand that an action they took (like pressing a button) was successful
Confirmation feedback
This tactile feature enhances user interaction by providing physical sensations, such as vibrations, to convey alerts, notifications, or interactions on devices.
Haptic Feedback
This keyboard shortcut in Figma, known as Paste to Replace, allows you to remove a selected object from your canvas or frame and replace it with the object copied to your clipboard.
Cmd + Shift + R
After a collaborative round of branding workshop exercises where the team explored insights gained from a competitive analysis and user interviews, the PIQ brand character was born, described as the _____ _____.
Innocent Magician 🪄🧙
During this year's boat party, we'll be celebrating the Holiday season 🎁🎄, Raquel's Birthday 🎉🎂, and...
VOGLIO's 10 Year Anniversary 🥳