Sold to

[email protected]
1

Dear valued customers,

I am excited to announce that Volume Two of our UX/UI Dictionary eBook

will be released soon, packed with exciting new features and valuable
content. I want to thank you for your continued support and interest in our
eBook.

In Volume Two, we have made significant improvements to enhance your

learning experience. One of the key additions is the inclusion of image
descriptions for each word, providing a more visual and comprehensive
understanding. Additionally, we have incorporated real-world examples
for every term, allowing you to grasp the practical applications of UX/UI
concepts more effectively.

To access Volume Two, we will be offering an upgrade option for those

who wish to unlock the full potential of the eBook. By upgrading, you will
gain access to exclusive content and advanced features, taking your
knowledge to the next level.

If you're interested in upgrading to Volume Two, you can find the details
and purchase options through our Gumroad profile link
https://azlibdar.gumroad.com/.

We have worked hard to make this upgrade worth your investment.

2

Table of contents

404 Error Page

A/B Testing
Accessibility
Adaptive Design
Affinity Diagram
Affordance
Agile
Alignment
Analytics
Animation
Anthropometry
Anticipatory Design
API (Application Programming Interface)
App Icon
App Store Optimization
Architecture
Aspect Ratio
Augmented Reality
Authentication
Auto-Save
Aesthetics
ARIA (Accessible Rich Internet Applications)
Behavioral Patterns
Beta Testing
Biometrics
Breadcrumb Navigation
Brand Identity
Branding
Browser Compatibility
3

Button Design
Call-to-Action (CTA)
Card Sorting
Card-based Design
Cascading Style Sheets (CSS)
Chatbot
Churn Rate
Clickability
Cognitive Load
Color Contrast
Color Theory
Component
Competitive Analysis
Concept Testing
Consistency
Content Strategy
Conversational UI
Conversion Funnel
Conversion Rate
Copywriting
Cross-platform
Customer Journey
Dashboard
Data Visualization
Data-driven Design
Deep Linking
Delightful Design
Design System
Design Thinking
Device Testing
Device-agnostic
Dropdown
Emotion
4

Emotional Design
Ethnography
Eye-tracking
Feedback
Flat Design
Flow
Focus Group
Form Design
Framework
Gamification
Gestalt Principles
Grid System
Hamburger Menu
Haptics
Heatmap
Heuristic Evaluation
Hierarchy
Human-Centered Design
Iconography
Image Optimization
Information Architecture
Interaction Design
Iterative Design
Key Performance Indicator (KPI)
Landing Page
Layout
Load Time
Localization
Long Scroll
Low-Fidelity Prototype
Microinteractions
Mobile-first Design
Mockup
5

Moodboard
Motion Design
Navigation
Onboarding
Parallax Scrolling
Personas
Persuasive Design
Pixel
Pop-up
Prototype
QR Code
Responsive Design
Retention Rate
Scalability
Scrolling
Search Engine Optimization (SEO)
Skeuomorphic Design
Storyboard
Style Guide
Typography
User Experience (UX)
User Interface (UI)
User Testing
Visual Design
Wireframe
6

#
404 Error Page
A 404 error page is displayed when a user tries to access a webpage that
cannot be found on a website. It informs the user that the page is not
available and may provide alternative navigation options.

A
A/B Testing
A/B testing, or split testing, involves comparing two versions (A and B) of
a webpage or interface to determine which one performs better in terms
of user engagement, conversions, or other metrics. It helps optimize
design choices and improve user experience.
7

Accessibility
refers to designing and developing digital products or environments that
can be used and accessed by all individuals, including those with
disabilities. It involves ensuring that content, features, and interactions
are perceivable, operable, understandable, and robust for a diverse range
of users.

Adaptive Design
Adaptive design is an approach to web design that aims to provide a
tailored user experience across different devices and screen sizes. It
involves creating multiple layouts or versions of a website and
dynamically serving the most appropriate version based on the user's
device characteristics.

Affinity Diagram
An affinity diagram is a visual tool used to organize and categorize ideas,
information, or data. It involves collecting individual ideas or data points
and grouping them into related categories or themes, helping to identify
patterns and make sense of complex information.

Affordance
refers to the visual or sensory cues in a design that suggest how an
object should be used or interacted with. It indicates the functionality or
purpose of an element, guiding users on how to interact with it intuitively.
8

Agile
is an iterative project management and development approach that
emphasizes flexibility, collaboration, and continuous improvement. It
involves breaking down projects into small, manageable tasks and
promotes adaptive planning and rapid iterations based on feedback and
changing requirements.

Alignment
in design refers to the positioning and arrangement of elements relative
to each other or a common axis. It helps create a visually cohesive and
balanced layout, improving readability and overall aesthetics.

Analytics
refers to the collection, measurement, analysis, and interpretation of data
to gain insights into user behavior, performance, and effectiveness of
digital products or campaigns. It helps inform decision-making and
optimize strategies.

Animation
involves bringing visual elements to life by adding motion or movement. It
can enhance user experience, engage users, and communicate
information or interactions in a more dynamic and engaging way.
9

Anthropometry
is the study of human body measurements, proportions, and physical
characteristics. In design, it helps ensure that products, interfaces, or
environments are appropriately sized and designed to accommodate the
range of human variations.

Anticipatory Design
Anticipatory design aims to predict and fulfill user needs and desires
before they explicitly express them. It leverages user data, context, and
machine learning algorithms to provide personalized and proactive
experiences.

API (Application Programming Interface)

An API is a set of rules and protocols that allows different software
applications to communicate and interact with each other. It defines the
methods, data formats, and authentication mechanisms for developers to
access and use specific functionality or data from a service or platform.

App Icon
An app icon is a small graphic symbol or logo that represents a mobile
application on a user's device. It serves as a visual identifier and helps
users locate and distinguish the app from other installed apps.
10

App Store Optimization

App Store Optimization (ASO) involves optimizing mobile apps' visibility
and discoverability in app stores. It includes optimizing app metadata,
keywords, screenshots, and ratings to improve app rankings and attract
more downloads.

Architecture
In the context of design, architecture refers to the structure and
organization of a system, application, or website. It involves defining the
overall framework, components, and relationships to ensure efficiency,
scalability, and maintainability.

Aspect Ratio
The aspect ratio refers to the proportional relationship between the width
and height of an image or screen. It determines the shape and
dimensions of visual content and affects how it is displayed on different
devices or mediums.

Augmented Reality
Augmented Reality (AR) is a technology that overlays digital information
or virtual objects onto the real-world environment, usually viewed through
a device such as a smartphone or AR glasses. It enhances the user's
perception and interaction with the physical world.
11

Authentication
Authentication is the process of verifying the identity of a user or device.
It typically involves providing credentials, such as a username and
password, to gain access to a system, app, or website.

Auto-Save
Auto-save is a feature that automatically saves user input or progress in
an application or form. It helps prevent data loss in case of accidental
closures, crashes, or interruptions.

Aesthetics
refers to the visual appeal and overall attractiveness of a design. It
encompasses elements such as color, typography, layout, and style,
which contribute to the subjective perception of beauty or pleasing
aesthetics.

ARIA (Accessible Rich Internet Applications)

ARIA is a set of attributes and guidelines for creating web content that is
more accessible to people with disabilities. It provides additional
information to assistive technologies in interpreting and navigating web
pages, improving accessibility for users with visual or cognitive
impairments.
12

B
Behavioral Patterns
Behavioral patterns in design refer to recurring and predictable user
behaviors, actions, or decision-making processes. Understanding these
patterns helps designers create intuitive and user-friendly interfaces that
align with users' mental models.

Beta Testing
Beta testing is the stage of software development where a pre-release
version of a product is tested by a limited group of external users. It helps
identify bugs, gather feedback, and make necessary improvements
before the final release.

Biometrics
involves using measurable physical or behavioral characteristics, such as
fingerprints, facial features, or voice, for authentication and identification
purposes. It provides an additional layer of security and convenience in
user verification.
13

Breadcrumb Navigation
Breadcrumb navigation is a type of website navigation that shows the
user's current location within a website's hierarchical structure. It typically
appears as a series of links, allowing users to easily navigate back to
higher-level pages or sections.

Brand Identity
Brand identity refers to the visual and verbal elements that represent a
brand and help distinguish it from competitors. It includes elements such
as logos, colors, typography, tone of voice, and overall brand guidelines.

Branding
encompasses the strategic and creative process of building and
managing a brand's reputation, image, and perception. It involves
defining the brand's values, personality, and positioning, and aligning
them with the target audience's needs and expectations.

Browser Compatibility
Browser compatibility refers to the ability of a website or web application
to function and display correctly across different web browsers, such as
Chrome, Firefox, Safari, and Internet Explorer. It involves ensuring that the
design, layout, and functionality are consistent across various browsers
and versions.
14

Button Design
Button design involves creating visually appealing and functional buttons
in user interfaces. It includes considerations such as size, shape, color,
placement, and affordance to ensure clear and intuitive interaction.

C
Call-to-Action (CTA)
A call-to-action is a prompt or instruction designed to encourage users to
take a specific action, such as signing up, buying a product, or
subscribing to a newsletter. CTAs are typically displayed as buttons or
links and should be compelling and visually distinct to attract user
attention.

Card Sorting
Card sorting is a user research method used to understand how users
categorize and group information or concepts. It involves providing users
with physical or digital cards representing different items and asking them
to organize the cards into groups based on their own logic or mental
models.
15

Card-based Design
Card-based design is an approach that uses modular content containers
(cards) to present information or functionality in a visually organized and
easily scannable format. Cards can be rearranged, grouped, or interacted
with independently, allowing for flexible and responsive layouts.

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) is a style sheet language used to describe
the presentation and formatting of HTML or XML documents. It allows
designers and developers to control the layout, typography, colors, and
other visual aspects of a web page.

Chatbot
A chatbot is a computer program or artificial intelligence agent designed
to simulate human conversation through text or voice-based interactions.
It can assist users, provide information, and perform automated tasks in a
conversational manner.

Churn Rate
Churn rate is a metric that measures the rate at which customers or users
stop using a product or service over a specific period. It helps assess
customer retention and identify areas for improvement in order to reduce
churn.
16

Clickability
refers to the visual or interactive cues that indicate an element can be
clicked or selected by the user. It helps communicate the interactive
nature of buttons, links, or other clickable elements, improving usability
and user experience.

Cognitive Load
Cognitive load refers to the mental effort or burden required to process
and understand information or perform tasks. In design, reducing
cognitive load is important for creating intuitive and user-friendly
interfaces that minimize distractions and make information easily
accessible.

Color Contrast
Color contrast refers to the difference in luminance or hue between
foreground and background colors. It is important for ensuring readability
and accessibility, particularly for users with visual impairments. Guidelines
and standards exist to ensure sufficient color contrast ratios in design.

Color Theory
Color theory is a field of study that explores the principles and effects of
colors on human perception and emotions. It involves understanding
color harmonies, contrasts, and cultural associations to create visually
appealing and meaningful color palettes.
17

Component
In design and development, a component is a self-contained, reusable
element that encapsulates specific functionality, styling, or content.
Components can be combined and composed to build larger interfaces
or systems, promoting consistency and efficiency in design and
development workflows.

Competitive Analysis
Competitive analysis involves researching and analyzing competitors to
gain insights into their strategies, strengths, weaknesses, and market
positioning. It helps inform design and business decisions and identify
opportunities for differentiation.

Concept Testing
Concept testing is a research method used to gather feedback and
evaluate the viability and desirability of a new product, feature, or
concept. It involves presenting the idea to potential users and
stakeholders to assess their reactions, preferences, and potential
adoption.

Consistency
refers to maintaining a unified and coherent design language and
experience across different elements, screens, or platforms. It involves
using consistent visual styles, interactions, and terminology to improve
usability, recognition, and user trust.
18

Content Strategy
Content strategy involves planning, creating, organizing, and managing
content to meet business goals and user needs. It includes defining
content objectives, target audience, messaging, and guidelines to ensure
a consistent and engaging content experience.

Conversational UI
Conversational UI (CUI) is an interface design approach that mimics
natural language conversations between humans and machines. It
enables users to interact with applications or devices using text or
voice-based conversational interactions, such as chatbots or voice
assistants.

Conversion Funnel
A conversion funnel represents the steps or stages that a user goes
through before completing a desired action, such as making a purchase
or signing up. It helps analyze and optimize the user journey to maximize
conversions and identify areas of improvement.

Conversion Rate
Conversion rate is a metric that measures the percentage of users who
complete a desired action, such as making a purchase, signing up, or
subscribing, out of the total number of users who interacted with a
19

website, app, or campaign. It is used to assess the effectiveness of

design and marketing strategies.

Copywriting
involves writing persuasive and compelling text or content for advertising,
marketing materials, websites, or other mediums. It aims to engage the
audience, communicate key messages, and drive specific actions or
conversions.

Cross-platform
refers to the ability of an application, software, or system to work
seamlessly on different operating systems or platforms, such as Windows,
macOS, iOS, or Android. It involves using technologies or frameworks that
allow for code reuse and compatibility across multiple platforms.

Customer Journey
The customer journey refers to the process or steps that a customer goes
through when interacting with a brand, product, or service. It includes
awareness, consideration, purchase, and post-purchase stages, and
helps understand and optimize the overall customer experience.
20

D
Dashboard
A dashboard is a visual display of key information, data, or metrics in a
consolidated and easily understandable format. It provides an overview
and real-time insights into performance, trends, or status, helping users
make informed decisions.

Data Visualization
Data visualization is the visual representation of data and information
using charts, graphs, or other visual elements. It helps simplify complex
data sets, identify patterns, and communicate insights in a more
accessible and meaningful way.

Data-driven Design
Data-driven design involves using quantitative or qualitative data to
inform and validate design decisions. It relies on user research, analytics,
and user testing to understand user behavior, preferences, and needs,
and uses this data to drive design improvements.
21

Deep Linking
Deep linking is a technique that allows linking to specific content or
pages within a mobile app instead of only opening the app's main screen.
It enables a seamless user experience by directing users to relevant
in-app content from external sources such as websites or other apps.

Delightful Design
Delightful design focuses on creating positive and memorable user
experiences that go beyond meeting basic functional needs. It involves
surprising and delighting users through unexpected interactions,
animations, or personalized elements that evoke positive emotions.

Design System
A design system is a collection of reusable components, patterns,
guidelines, and assets that provide a unified and consistent design
language for an organization. It promotes efficiency, scalability, and brand
coherence across different products or teams.

Design Thinking
Design thinking is a problem-solving approach that emphasizes
understanding user needs, generating creative ideas, and prototyping
and testing solutions. It involves empathy, collaboration, and iterative
processes to address complex problems and create user-centered
solutions.
22

Device Testing
Device testing involves testing a website, application, or software on
different devices, operating systems, and screen sizes to ensure
compatibility, responsiveness, and optimal user experience across a
range of devices.

Device-agnostic
Device-agnostic refers to designing and developing applications or
interfaces that are not dependent on a specific device or platform. It aims
to create designs that adapt and work well on various devices, providing
a consistent user experience.

Dropdown
A dropdown is a user interface element that displays a list of options or
actions when activated. It allows users to select or choose from the
available options by clicking or tapping on the dropdown menu.
23

E
Emotion
Emotion refers to a subjective experience characterized by feelings,
moods, or reactions. In design, evoking and understanding user emotions
is important for creating engaging, memorable, and impactful
experiences.

Emotional Design
Emotional design involves designing products or interfaces that elicit
specific emotions or emotional responses from users. It aims to create a
meaningful and memorable user experience by considering the
emotional impact of design choices.

Ethnography
is a research method that involves observing and studying people in their
natural settings to gain insights into their behavior, interactions, and
cultural practices. It helps designers understand the context and needs of
users and inform user-centered design.
24

Eye-tracking
Eye-tracking is a technique used to measure and analyze the eye
movements and gaze patterns of users when interacting with a website,
interface, or visual stimulus. It provides insights into user attention,
navigation, and information processing, aiding in usability testing and
interface optimization.

F
Feedback
Feedback refers to information or responses provided to users based on
their actions or interactions with a system or interface. It helps users
understand the outcome of their actions, confirms system status, and
provides guidance or suggestions for improvement.

Flat Design
Flat design is a minimalist design style characterized by clean, simple,
and two-dimensional visual elements, often without shadows, gradients,
or textures. It focuses on clarity, usability, and simplicity, and is commonly
used in user interfaces.
25

Flow
refers to a state of deep concentration and immersion in an activity where
users are fully engaged and lose track of time. In design, creating a
smooth and seamless user flow helps users navigate interfaces
effortlessly and enhances the overall user experience.

Focus Group
A focus group is a qualitative research method that involves gathering a
small group of participants to discuss and provide feedback on a product,
service, or concept. It helps uncover insights, preferences, and opinions
and can be used to validate or generate new ideas.

Form Design
Form design involves creating user-friendly and intuitive forms for
collecting information or data from users. It includes considerations such
as clear labeling, logical organization, validation, and error handling to
optimize the form completion process.

Framework
In design and development, a framework is a pre-established structure or
set of tools, libraries, and guidelines that provide a foundation for building
applications or systems. It helps streamline development processes,
promote consistency, and expedite project delivery.
26

G
Gamification
Gamification involves incorporating game-like elements and mechanics,
such as challenges, rewards, and competition, into non-game contexts to
engage and motivate users. It aims to enhance user participation,
learning, and enjoyment.

Gestalt Principles
Gestalt principles are a set of theories that describe how humans
perceive and interpret visual elements as a whole or organized pattern.
Principles such as proximity, similarity, closure, and continuity are used to
create visually coherent and meaningful designs.

Grid System
A grid system is a framework used to create consistent and structured
layouts in design. It involves dividing the layout into columns and rows to
guide the placement and alignment of content, enhancing visual
hierarchy and readability.
27

H
Hamburger Menu
A hamburger menu is a common design pattern that uses an icon
consisting of three horizontal lines stacked on top of each other to
represent a menu. When clicked or tapped, it reveals a hidden menu with
navigation or additional options.

Haptics
refers to the use of tactile feedback or touch-based interactions in user
interfaces. It involves providing physical sensations or vibrations through
devices such as smartphones or game controllers to enhance user
experience and engagement.

Heatmap
A heatmap is a visual representation of data that uses colors to indicate
the density or intensity of certain metrics or user interactions on a web
page or interface. It helps identify patterns, hotspots, and areas of
interest, aiding in data analysis and optimization.
28

Heuristic Evaluation
Heuristic evaluation is a usability inspection method where experts
evaluate an interface or design against a set of recognized usability
principles or heuristics. It helps identify usability issues and provides
insights into potential improvements.

Hierarchy
refers to the organization and prioritization of content or elements based
on their importance or significance. It helps users navigate and
understand information by providing clear visual cues and grouping
related elements.

Human-Centered Design
is an approach that focuses on understanding and addressing the needs,
behaviors, and preferences of end-users throughout the design process.
It involves iterative cycles of research, prototyping, and testing to create
solutions that are truly user-centered.
29

I
Iconography
is the design and use of icons or symbols to represent concepts, actions,
or objects. Icons are visual representations that convey meaning quickly
and universally, enhancing recognition and facilitating user interactions.

Image Optimization
Image optimization involves optimizing and compressing images to
reduce file size while maintaining acceptable visual quality. It helps
improve website performance, load times, and bandwidth usage.

Information Architecture
Information architecture (IA) is the practice of organizing and structuring
information or content in a clear and logical manner. It involves designing
the navigation, hierarchy, and organization of information to facilitate
findability and usability.
30

Interaction Design
Interaction design focuses on designing and defining the interactive
elements, behaviors, and transitions in a user interface. It aims to create
intuitive and meaningful interactions between users and digital products
or systems.

Iterative Design
Iterative design is an approach that involves repeating cycles of design,
prototyping, testing, and refinement. It allows for continuous learning and
improvement based on user feedback and insights, leading to more
effective and user-centered solutions.

K
Key Performance Indicator (KPI)
Key performance indicators are measurable metrics used to evaluate the
success or performance of a product, service, or initiative. KPIs can
include metrics such as conversion rate, engagement, retention, or
revenue, and help track progress towards business goals.
31

L
Landing Page
A landing page is a standalone web page specifically designed for a
marketing or advertising campaign. It is optimized to capture user
attention, convey a specific message, and encourage users to take a
desired action, such as making a purchase or filling out a form.

Layout
refers to the arrangement and positioning of elements, content, and
visual components within a design or interface. It involves balancing
aesthetics, usability, and visual hierarchy to create a visually pleasing and
effective composition.

Load Time
Load time refers to the amount of time it takes for a website, application,
or content to fully load and become usable for the user. Optimizing load
times is important for providing a smooth and responsive user
experience.
32

Localization
involves adapting a product, website, or content to meet the language,
cultural, and regional requirements of a specific target audience. It
includes translating text, adapting visuals, and considering cultural
nuances to ensure relevance and usability.

Long Scroll
Long scroll refers to a design technique where content extends vertically
beyond the initial screen height, requiring users to scroll to view more. It
is commonly used in mobile interfaces and storytelling websites to
provide a continuous and immersive experience.

Low-Fidelity Prototype
A low-fidelity prototype is a basic and simplified representation of a
design or interface. It typically lacks detailed visuals and interactions but
helps test and validate fundamental concepts, layout, and user flows.
33

M
Microinteractions
microinteractions are small, contained interactions or animations that
occur in response to specific user actions or system events. They provide
feedback, guidance, or visual delight, enhancing the overall user
experience.

Mobile-first Design
Mobile-first design is an approach that prioritizes designing for mobile
devices first, then scaling up to larger screens. It recognizes the
increasing importance of mobile usage and ensures optimal experiences
on smaller screens with limited space.

Mockup
A mockup is a static visual representation or prototype that illustrates the
layout, structure, and visual elements of a design. It helps visualize and
communicate design concepts, allowing stakeholders to provide
feedback and make informed decisions.
34

Moodboard
A mood board is a collage or collection of images, colors, textures,
typography, and other visual references that capture the desired look,
feel, or atmosphere of a design project. It serves as a source of
inspiration and helps align stakeholders on the visual direction.

Motion Design
Motion design involves creating animations, transitions, or visual effects
to enhance the user experience and communicate information in a
dynamic and engaging way. It adds depth, interactivity, and visual interest
to interfaces.

N
Navigation
Navigation refers to the system or mechanism that enables users to move
between different sections, pages, or content within a website,
application, or system. Effective navigation facilitates exploration,
discovery, and easy access to desired information or functionality.
35

O
Onboarding
Onboarding is the process of introducing and familiarizing users with a
new product, service, or interface. It typically includes tutorials, welcome
screens, and guided interactions to help users understand features, set
up preferences, and get started.

P
Parallax Scrolling
Parallax scrolling is a technique where foreground and background
elements move at different speeds as the user scrolls, creating an illusion
of depth and immersion. It adds a sense of interactivity and visual interest
to a website or interface.
36

Personas
are fictional representations of target users or customer segments based
on research and data? They help designers empathize with users,
understand their goals, motivations, and behaviors, and design with
specific user needs in mind.

Persuasive Design
Persuasive design involves using psychological and behavioral principles
to influence user behavior and encourage specific actions or decisions. It
leverages techniques such as social proof, scarcity, or gamification to
nudge users toward desired outcomes.

Pixel
A pixel is the smallest unit of a digital image or display. It represents a
single point of color and is used to measure and describe resolution,
screen density, and image quality.

Pop-up
A pop-up is a graphical user interface element that appears suddenly and
overlays the main content, typically to display additional information,
promotions, or requests for user input. Pop-ups can be modal or
non-modal and may require user action to dismiss or interact with them.
37

Prototype
A prototype is a functional or interactive representation of a design
concept or interface. It allows users and stakeholders to experience and
interact with a design before it is fully developed, helping validate ideas,
gather feedback, and refine the design.

Q
QR Code
A QR code (Quick Response code) is a matrix barcode that can be
scanned using a smartphone or QR code reader. It can contain encoded
information such as website URLs, text, or contact details and is
commonly used for marketing, promotions, or information retrieval.
38

R
Responsive Design
Responsive design is an approach to web design and development that
aims to create interfaces that adapt and respond to different screen sizes
and devices. It ensures optimal user experience and usability on
desktops, tablets, and mobile devices.

Retention Rate
is a metric that measures the percentage of users or customers who
continue to use a product or service over a specific period. It is an
important indicator of customer loyalty, satisfaction, and the effectiveness
of retention strategies.
39

S
Scalability
Scalability refers to the ability of a system, software, or design to handle
increasing demands or accommodate growth without sacrificing
performance or usability. Scalable designs can adapt to changing needs
and support larger user bases or higher traffic.

Scrolling
refers to the action of moving content or a webpage vertically or
horizontally using a mouse wheel, trackpad, or touch gestures. It allows
users to navigate through long or additional content that extends beyond
the visible area.

Search Engine Optimization (SEO)

Search engine optimization is the practice of improving a website's
visibility and ranking in search engine results pages. It involves optimizing
content, structure, and metadata to increase organic search traffic and
improve discoverability.
40

Skeuomorphic Design
Skeuomorphic design is a design style that incorporates visual elements
and textures that mimic real-world objects or materials. It creates a sense
of familiarity and tangibility in digital interfaces, such as using a bookshelf
metaphor for displaying e-books.

Storyboard
A storyboard is a visual representation of a sequence of events or
interactions in a story, animation, or user flow. It uses illustrations or
frames to depict the key scenes or steps and helps designers visualize
and communicate the narrative or user journey.

Style Guide
A style guide is a document or reference that outlines the design
guidelines, visual standards, and brand elements for a product,
organization, or project. It ensures consistency and cohesion in design
and helps maintain brand identity across different touchpoints.
41

T
Typography
Typography refers to the art and technique of arranging typefaces or
fonts in a visually pleasing and readable manner. It involves selecting
appropriate fonts, sizes, spacing, and formatting to convey hierarchy, and
emphasis, and enhance the overall design.

U
User Experience (UX)
User experience encompasses the overall experience and satisfaction a
user has when interacting with a product, system, or interface. It includes
usability, accessibility, aesthetics, emotions, and the overall perception of
value and satisfaction.
42

User Interface (UI)

The user interface is the visual and interactive elements of a product or
system through which users interact and perform tasks. It includes
buttons, menus, forms, icons, and other elements that facilitate user
interactions and enable the user to achieve their goals.

User Testing
User testing involves observing and gathering feedback from users while
they interact with a product, prototype, or interface. It helps identify
usability issues, understand user behavior, and validate design decisions
through direct user feedback.

V
Visual Design
Visual design focuses on the aesthetics, visual elements, and overall look
and feel of a design or interface. It includes considerations such as layout,
color schemes, typography, imagery, and branding to create visually
appealing and cohesive designs.
43

W
Wireframe
A wireframe is a low-fidelity, schematic representation of a design or
interface. It outlines the structure, layout, and basic functionalities without
focusing on visual details. Wireframes help visualize and communicate
the underlying structure and user flows of a design concept.

Thank you for choosing the UX/UI Dictionary as your guide in the realm
of design terminology. Your feedback, suggestions, and encouragement
are greatly appreciated. I encourage you to stay connected with me for
updates and announcements regarding future editions or supplementary
materials.

Wishing you continued success and inspiration in your UX/UI design

endeavors.
44

Thank you so much,

Azlan Ibrahim