UI/UX Dictionary
UI/UX Dictionary
UI/UX Dictionary
(56)
(56)
GLOSSARY
Design Field Words
Design Field Words
UI Words
UI Words
UX Words
UX Words
Psychology terms & law
Psychology terms & law
Metrics & Analytics Terms
Metrics & Analytics Terms
Marketing Side
Marketing Side
Development Side
Development Side
Design Field Words
80/20 Rule
20% of your input (like Time, Effort, Resource) Will Produce 80% of your output (result, reward)
80/20 Rule
20% of your input (like Time, Effort, Resource) Will Produce 80% of your output (result, reward)
80/20 Rule
20% of your input (like Time, Effort, Resource) Will Produce 80% of your output (result, reward)
Vertical Rhythm
Vertical rhythm Is when a body of text and all content of the page Is a line to evenly spaced horizontal line.
Vertical Rhythm
Vertical rhythm Is when a body of text and all content of the page Is a line to evenly spaced horizontal line.
Vertical Rhythm
Vertical rhythm Is when a body of text and all content of the page Is a line to evenly spaced horizontal line.
Dots Per Inch (DPI)
The number of dots of video or image that can fit into a one-inch space showing resolution of an image. High resolution Image means a lot of Dots is present in 1 inch vs low resolution or bad quality image means Fewer dots and cannot be reused, making it more detailed image.
Dots Per Inch (DPI)
The number of dots of video or image that can fit into a one-inch space showing resolution of an image. High resolution Image means a lot of Dots is present in 1 inch vs low resolution or bad quality image means Fewer dots and cannot be reused, making it more detailed image.
Dots Per Inch (DPI)
The number of dots of video or image that can fit into a one-inch space showing resolution of an image. High resolution Image means a lot of Dots is present in 1 inch vs low resolution or bad quality image means Fewer dots and cannot be reused, making it more detailed image.
Brand Guidelines/ Brand Book
An official corporate document that explains the brand’s identity and presents brand standards. Besides the design aspect, brand books may include a company overview and communication guidelines as well.
Brand Guidelines/ Brand Book
An official corporate document that explains the brand’s identity and presents brand standards. Besides the design aspect, brand books may include a company overview and communication guidelines as well.
Brand Guidelines/ Brand Book
An official corporate document that explains the brand’s identity and presents brand standards. Besides the design aspect, brand books may include a company overview and communication guidelines as well.
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
UI Words
Accessibility
The measure of a web page’s usability by persons with one or more disabilities.
Accessibility
The measure of a web page’s usability by persons with one or more disabilities.
Accessibility
The measure of a web page’s usability by persons with one or more disabilities.
Interaction Design (IXD)
The study of how a user interacts with a page, application or product.
Interaction Design (IXD)
The study of how a user interacts with a page, application or product.
Interaction Design (IXD)
The study of how a user interacts with a page, application or product.
User Interface (UI)
What the user sees, Through UI is how users Interact with the app or site.
User Interface (UI)
What the user sees, Through UI is how users Interact with the app or site.
User Interface (UI)
What the user sees, Through UI is how users Interact with the app or site.
SEO - Search Engine Optimisation
The quicker your page loads, the higher it will rank in Google search results. and it can only be done by optimising your website speed. Less animation, compressed Photos or best case .webp format, no gifs, no Extra imported codes & Relevant text that people search are the ways to improve it.Where to test your website speed insights?: Here is the Best Link I fount- even better than google Page-Insight:https://pantheon.io/pantheon-website-speed-test(Paste your site link and select asia Try demo site like asos :)
SEO - Search Engine Optimisation
The quicker your page loads, the higher it will rank in Google search results. and it can only be done by optimising your website speed. Less animation, compressed Photos or best case .webp format, no gifs, no Extra imported codes & Relevant text that people search are the ways to improve it.Where to test your website speed insights?: Here is the Best Link I fount- even better than google Page-Insight:https://pantheon.io/pantheon-website-speed-test(Paste your site link and select asia Try demo site like asos :)
SEO - Search Engine Optimisation
The quicker your page loads, the higher it will rank in Google search results. and it can only be done by optimising your website speed. Less animation, compressed Photos or best case .webp format, no gifs, no Extra imported codes & Relevant text that people search are the ways to improve it.Where to test your website speed insights?: Here is the Best Link I fount- even better than google Page-Insight:https://pantheon.io/pantheon-website-speed-test(Paste your site link and select asia Try demo site like asos :)
Card Sorting Method
Card sorting helps to create websites that are easy to navigate. they arrange cards like Homepage written card at top and then Tshirts, Pants Below it. Its Creation of information architecture by users with help of cards, thus better understanding what users thinks how navigation of website should be according to them. In 1 line: Organise content by users in a way that suits users’ mental models not how you think it should be.
Card Sorting Method
Card sorting helps to create websites that are easy to navigate. they arrange cards like Homepage written card at top and then Tshirts, Pants Below it. Its Creation of information architecture by users with help of cards, thus better understanding what users thinks how navigation of website should be according to them. In 1 line: Organise content by users in a way that suits users’ mental models not how you think it should be.
Card Sorting Method
Card sorting helps to create websites that are easy to navigate. they arrange cards like Homepage written card at top and then Tshirts, Pants Below it. Its Creation of information architecture by users with help of cards, thus better understanding what users thinks how navigation of website should be according to them. In 1 line: Organise content by users in a way that suits users’ mental models not how you think it should be.
Modals
Modals are dialogs that overlay the main content of a web page or application. Like Alerts that 10% battery remaining, Do you sure you want to delete, etc. a small prompt popup or like an Advertisement email or offer popup where you can interact wit them
Modals
Modals are dialogs that overlay the main content of a web page or application. Like Alerts that 10% battery remaining, Do you sure you want to delete, etc. a small prompt popup or like an Advertisement email or offer popup where you can interact wit them
Modals
Modals are dialogs that overlay the main content of a web page or application. Like Alerts that 10% battery remaining, Do you sure you want to delete, etc. a small prompt popup or like an Advertisement email or offer popup where you can interact wit them
Responsive Web Design
Responsive Provides best viewing experience across different platforms and devices. Whatever device you open in, design should Auto-adapt accordingly rather than designing different designs for each device.
Responsive Web Design
Responsive Provides best viewing experience across different platforms and devices. Whatever device you open in, design should Auto-adapt accordingly rather than designing different designs for each device.
Responsive Web Design
Responsive Provides best viewing experience across different platforms and devices. Whatever device you open in, design should Auto-adapt accordingly rather than designing different designs for each device.
Legibility
Legibility is the quality or characteristic of text or typography that makes it clear, readable, and easily comprehensible to readers. It measures how easily individual characters and words can be distinguished and understood, ensuring that the text can be read without difficulty or strain.
Legibility
Legibility is the quality or characteristic of text or typography that makes it clear, readable, and easily comprehensible to readers. It measures how easily individual characters and words can be distinguished and understood, ensuring that the text can be read without difficulty or strain.
Legibility
Legibility is the quality or characteristic of text or typography that makes it clear, readable, and easily comprehensible to readers. It measures how easily individual characters and words can be distinguished and understood, ensuring that the text can be read without difficulty or strain.
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
Lightbox
A lightbox is a design element or feature that displays content, such as images, videos s an overlay on top of the main web page, dimming or darkening the background to bring attention to the content
Lightbox
A lightbox is a design element or feature that displays content, such as images, videos s an overlay on top of the main web page, dimming or darkening the background to bring attention to the content
Lightbox
A lightbox is a design element or feature that displays content, such as images, videos s an overlay on top of the main web page, dimming or darkening the background to bring attention to the content
WCAG Guidelines
The Web Content Accessibility Guidelines (WCAG) are a set of guidelines and standards which should be is accessible to all users, including those with disabilities. making it more understandable, and usable for people with various disabilities.
WCAG Guidelines
The Web Content Accessibility Guidelines (WCAG) are a set of guidelines and standards which should be is accessible to all users, including those with disabilities. making it more understandable, and usable for people with various disabilities.
WCAG Guidelines
The Web Content Accessibility Guidelines (WCAG) are a set of guidelines and standards which should be is accessible to all users, including those with disabilities. making it more understandable, and usable for people with various disabilities.
Iterations
Iterative design is a UX design approach that involves the repetitive process of creating, testing, refining, and improving a design based on user feedback and insights. Not Making higher Jumps and thinking of final product from first but growing slowly.
Iterations
Iterative design is a UX design approach that involves the repetitive process of creating, testing, refining, and improving a design based on user feedback and insights. Not Making higher Jumps and thinking of final product from first but growing slowly.
Iterations
Iterative design is a UX design approach that involves the repetitive process of creating, testing, refining, and improving a design based on user feedback and insights. Not Making higher Jumps and thinking of final product from first but growing slowly.
Accessibility
The measure of a web page’s usability by persons with one or more disabilities.
Accessibility
The measure of a web page’s usability by persons with one or more disabilities.
Accessibility
The measure of a web page’s usability by persons with one or more disabilities.
Interaction Design (IXD)
The study of how a user interacts with a page, application or product.
Interaction Design (IXD)
The study of how a user interacts with a page, application or product.
Interaction Design (IXD)
The study of how a user interacts with a page, application or product.
User Interface (UI)
What the user sees, Through UI is how users Interact with the app or site.
User Interface (UI)
What the user sees, Through UI is how users Interact with the app or site.
User Interface (UI)
What the user sees, Through UI is how users Interact with the app or site.
Information Architecture (IA)
Its an overview of all pages that a website or app has . The organising of information, including site hierarchies, web content, labelling schemes and navigation. IA makes it easy for people to find, understand and manage information.
Information Architecture (IA)
Its an overview of all pages that a website or app has . The organising of information, including site hierarchies, web content, labelling schemes and navigation. IA makes it easy for people to find, understand and manage information.
Information Architecture (IA)
Its an overview of all pages that a website or app has . The organising of information, including site hierarchies, web content, labelling schemes and navigation. IA makes it easy for people to find, understand and manage information.
Landing Page
It is the Web page a given user goes to after clicking a link, also known as the Target or Destination page, generally its the Homepage BUT in software companies they create Separate unique pages just to run ads and show specific content only want user searched on google.
Landing Page
It is the Web page a given user goes to after clicking a link, also known as the Target or Destination page, generally its the Homepage BUT in software companies they create Separate unique pages just to run ads and show specific content only want user searched on google.
Landing Page
It is the Web page a given user goes to after clicking a link, also known as the Target or Destination page, generally its the Homepage BUT in software companies they create Separate unique pages just to run ads and show specific content only want user searched on google.
Onboarding
You know when yo open a game and they give you tutorial on how to play and welcome screen, That's Onboarding. Onboarding is the process of guiding and familiarizing new users with welcome messages, tooltips, or instructional videos. It is usually limited to a first-time use scenario.
Onboarding
You know when yo open a game and they give you tutorial on how to play and welcome screen, That's Onboarding. Onboarding is the process of guiding and familiarizing new users with welcome messages, tooltips, or instructional videos. It is usually limited to a first-time use scenario.
Onboarding
You know when yo open a game and they give you tutorial on how to play and welcome screen, That's Onboarding. Onboarding is the process of guiding and familiarizing new users with welcome messages, tooltips, or instructional videos. It is usually limited to a first-time use scenario.
White space
Its the Blank Space Between elements to look aesthetically calming and easy controllable UI. Without ample white space, the existing elements of your layout won’t be able to breathe, and the UI design runs the risk of becoming cluttered and overwhelming.
White space
Its the Blank Space Between elements to look aesthetically calming and easy controllable UI. Without ample white space, the existing elements of your layout won’t be able to breathe, and the UI design runs the risk of becoming cluttered and overwhelming.
White space
Its the Blank Space Between elements to look aesthetically calming and easy controllable UI. Without ample white space, the existing elements of your layout won’t be able to breathe, and the UI design runs the risk of becoming cluttered and overwhelming.
Visual hierarchy
Arranging elements to indicate their order of importance. It dictate the order in which users read the information on the page. How it is Structured, What all things you want them to read.
Visual hierarchy
Arranging elements to indicate their order of importance. It dictate the order in which users read the information on the page. How it is Structured, What all things you want them to read.
Visual hierarchy
Arranging elements to indicate their order of importance. It dictate the order in which users read the information on the page. How it is Structured, What all things you want them to read.
Placeholder
Placeholders are temporary content or visual cues that are used to represent or occupy space until the actual content is provided or finalised. Its a dummy content of how much space text, or image/video or data is going to take.
Placeholder
Placeholders are temporary content or visual cues that are used to represent or occupy space until the actual content is provided or finalised. Its a dummy content of how much space text, or image/video or data is going to take.
Placeholder
Placeholders are temporary content or visual cues that are used to represent or occupy space until the actual content is provided or finalised. Its a dummy content of how much space text, or image/video or data is going to take.
Atomic Design
A mental model that helps create a Unified Design Language, with rules on how to use Such that it creates an ecosystem that you dont have to create Different component Every Time. Atoms : It is the Smallest Item in design like -> buttons, Text input field, labels, an Image etc Molecules : Its the Combination of multiple Atoms -> Like Cards, Forms etc Organisms: more complex UI components that can be composed using groups of atoms, molecules -> Generally a Section Like Eg: Contact us section, Menu, Top banner section Etc
Atomic Design
A mental model that helps create a Unified Design Language, with rules on how to use Such that it creates an ecosystem that you dont have to create Different component Every Time. Atoms : It is the Smallest Item in design like -> buttons, Text input field, labels, an Image etc Molecules : Its the Combination of multiple Atoms -> Like Cards, Forms etc Organisms: more complex UI components that can be composed using groups of atoms, molecules -> Generally a Section Like Eg: Contact us section, Menu, Top banner section Etc
Atomic Design
A mental model that helps create a Unified Design Language, with rules on how to use Such that it creates an ecosystem that you dont have to create Different component Every Time. Atoms : It is the Smallest Item in design like -> buttons, Text input field, labels, an Image etc Molecules : Its the Combination of multiple Atoms -> Like Cards, Forms etc Organisms: more complex UI components that can be composed using groups of atoms, molecules -> Generally a Section Like Eg: Contact us section, Menu, Top banner section Etc
60-30-10 Rule
Rule To create a well thought color in your design to make aesthetic sense. But you can break a Little bit with aurora gradient
60-30-10 Rule
Rule To create a well thought color in your design to make aesthetic sense. But you can break a Little bit with aurora gradient
60-30-10 Rule
Rule To create a well thought color in your design to make aesthetic sense. But you can break a Little bit with aurora gradient
UX Words
Nielsen’s 10 Usability Heuristics
10 general principles to find solution to any problem in your design, You have to compare all 10 principals against 1 design and check is that page usable or not. -> Very Important when Job interviewer tells you What are all the Problems you see in the page and how to improve it. You just Compare it with these principals and TELL THEM, “according to Usability heuristic it Violates this Principal.”
Nielsen’s 10 Usability Heuristics
10 general principles to find solution to any problem in your design, You have to compare all 10 principals against 1 design and check is that page usable or not. -> Very Important when Job interviewer tells you What are all the Problems you see in the page and how to improve it. You just Compare it with these principals and TELL THEM, “according to Usability heuristic it Violates this Principal.”
Nielsen’s 10 Usability Heuristics
10 general principles to find solution to any problem in your design, You have to compare all 10 principals against 1 design and check is that page usable or not. -> Very Important when Job interviewer tells you What are all the Problems you see in the page and how to improve it. You just Compare it with these principals and TELL THEM, “according to Usability heuristic it Violates this Principal.”
User-Centred Design (UCD)
An approach to designing a product or service (user interface design), in which the end user is placed in the centre of the process. User-Centered Design (UCD) and Human-Centred Design (HCD) are similar sounding UX terms, but the second one is more suitable for the “social problems solving” context.
User-Centred Design (UCD)
An approach to designing a product or service (user interface design), in which the end user is placed in the centre of the process. User-Centered Design (UCD) and Human-Centred Design (HCD) are similar sounding UX terms, but the second one is more suitable for the “social problems solving” context.
User-Centred Design (UCD)
An approach to designing a product or service (user interface design), in which the end user is placed in the centre of the process. User-Centered Design (UCD) and Human-Centred Design (HCD) are similar sounding UX terms, but the second one is more suitable for the “social problems solving” context.
Behavior analytics tools
such as Hotjar and UserZoom Helps to see what is clicked more and where users attention is not getting. Also we can See user session - That is if any user comes on your website - Where did they click and go, how much time they spend and where they struggled in a Video. Basically we can track track their doings on our website. like hacking.
Behavior analytics tools
such as Hotjar and UserZoom Helps to see what is clicked more and where users attention is not getting. Also we can See user session - That is if any user comes on your website - Where did they click and go, how much time they spend and where they struggled in a Video. Basically we can track track their doings on our website. like hacking.
Behavior analytics tools
such as Hotjar and UserZoom Helps to see what is clicked more and where users attention is not getting. Also we can See user session - That is if any user comes on your website - Where did they click and go, how much time they spend and where they struggled in a Video. Basically we can track track their doings on our website. like hacking.
Data-Driven
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better understanding of UX. Design With data, clicks and testing in mind.
Data-Driven
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better understanding of UX. Design With data, clicks and testing in mind.
Data-Driven
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better understanding of UX. Design With data, clicks and testing in mind.
Cognative Load/ overload
Cognitive load refers to the amount of Mental effort or mental Load required to think or complete a task. Cognitive overload means very high thinking effort to do the task. hich means lot of time will be taken to complete the task.
Cognative Load/ overload
Cognitive load refers to the amount of Mental effort or mental Load required to think or complete a task. Cognitive overload means very high thinking effort to do the task. hich means lot of time will be taken to complete the task.
Cognative Load/ overload
Cognitive load refers to the amount of Mental effort or mental Load required to think or complete a task. Cognitive overload means very high thinking effort to do the task. hich means lot of time will be taken to complete the task.
Customer Journey Map (CJM)
A customer journey map tells the story from initial contact through to engagement and the long-term relationship. It may focus on a particular part of the story, or give an overview of the entire user experience. It about the user’s feelings, motivations & questions they have in their journey.
Customer Journey Map (CJM)
A customer journey map tells the story from initial contact through to engagement and the long-term relationship. It may focus on a particular part of the story, or give an overview of the entire user experience. It about the user’s feelings, motivations & questions they have in their journey.
Customer Journey Map (CJM)
A customer journey map tells the story from initial contact through to engagement and the long-term relationship. It may focus on a particular part of the story, or give an overview of the entire user experience. It about the user’s feelings, motivations & questions they have in their journey.
Heuristic Evaluation
A usability inspection method where experts review the interface based on recognized usability principles.
Heuristic Evaluation
A usability inspection method where experts review the interface based on recognized usability principles.
Heuristic Evaluation
A usability inspection method where experts review the interface based on recognized usability principles.
UX Audit
To Evaluate and analysis of a product to identify areas of improvement and potential issues by reviewing the user interface, usability, content, and overall user journey
UX Audit
To Evaluate and analysis of a product to identify areas of improvement and potential issues by reviewing the user interface, usability, content, and overall user journey
UX Audit
To Evaluate and analysis of a product to identify areas of improvement and potential issues by reviewing the user interface, usability, content, and overall user journey
Customer Experience
The feelings of a customer generated by his or her interactions with a supplier’s employees, systems, channels or products.
Customer Experience
The feelings of a customer generated by his or her interactions with a supplier’s employees, systems, channels or products.
Customer Experience
The feelings of a customer generated by his or her interactions with a supplier’s employees, systems, channels or products.
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
User Scenario
Its an hypothetical Scenario you create. A ”What if” user did this, what we going to show then. What if ser went this flow and found nothing. Both are an example of how user navigates websites hypothetically and see can you provide solution in all user path taken scenario ;)
Inclusive Design
Inclusive design is the practice of creating products, environments, and experiences that are accessible and usable by people with a wide range of abilities, disabilities, and diverse backgrounds. It aims to ensure that everyone, regardless of their age, physical or cognitive abilities, language, or cultural background, can equally access and engage with a design.
Inclusive Design
Inclusive design is the practice of creating products, environments, and experiences that are accessible and usable by people with a wide range of abilities, disabilities, and diverse backgrounds. It aims to ensure that everyone, regardless of their age, physical or cognitive abilities, language, or cultural background, can equally access and engage with a design.
Inclusive Design
Inclusive design is the practice of creating products, environments, and experiences that are accessible and usable by people with a wide range of abilities, disabilities, and diverse backgrounds. It aims to ensure that everyone, regardless of their age, physical or cognitive abilities, language, or cultural background, can equally access and engage with a design.
Persona
User personas are archetypical users whose goals and characteristics represent the needs of a larger group of users. It includes descriptions include behaviour patterns, goals, skills, attitudes, and background information, as well as the environment in which a persona operates. Also add a Quote which yo really find inspiring or Critical in the conversation.
Persona
User personas are archetypical users whose goals and characteristics represent the needs of a larger group of users. It includes descriptions include behaviour patterns, goals, skills, attitudes, and background information, as well as the environment in which a persona operates. Also add a Quote which yo really find inspiring or Critical in the conversation.
Persona
User personas are archetypical users whose goals and characteristics represent the needs of a larger group of users. It includes descriptions include behaviour patterns, goals, skills, attitudes, and background information, as well as the environment in which a persona operates. Also add a Quote which yo really find inspiring or Critical in the conversation.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
User Engagement
It represents the choices a user makes with website content. Where did the user engaged in the website. At what pages or elements they are getting value from, at they places they will be engaged the most.
User Engagement
It represents the choices a user makes with website content. Where did the user engaged in the website. At what pages or elements they are getting value from, at they places they will be engaged the most.
User Engagement
It represents the choices a user makes with website content. Where did the user engaged in the website. At what pages or elements they are getting value from, at they places they will be engaged the most.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Psychology terms & law
Fitt’s Law
A mathematical model that predicts how long it will take to point at a target based on the target’s size and proximity. The further away and smaller it is, the longer it will take for users to interact with it.
Fitt’s Law
A mathematical model that predicts how long it will take to point at a target based on the target’s size and proximity. The further away and smaller it is, the longer it will take for users to interact with it.
Fitt’s Law
A mathematical model that predicts how long it will take to point at a target based on the target’s size and proximity. The further away and smaller it is, the longer it will take for users to interact with it.
Dark Pattern
Dark patterns are user interface (UI) design choices and techniques that are intentionally used to manipulate or deceive users into taking certain actions or making decisions that they might not have otherwise chosen. not visually perceive items in isolation, but as part of a larger whole. These principles account for human tendencies towards similarity, proximity, continuity, and closure.
Dark Pattern
Dark patterns are user interface (UI) design choices and techniques that are intentionally used to manipulate or deceive users into taking certain actions or making decisions that they might not have otherwise chosen. not visually perceive items in isolation, but as part of a larger whole. These principles account for human tendencies towards similarity, proximity, continuity, and closure.
Dark Pattern
Dark patterns are user interface (UI) design choices and techniques that are intentionally used to manipulate or deceive users into taking certain actions or making decisions that they might not have otherwise chosen. not visually perceive items in isolation, but as part of a larger whole. These principles account for human tendencies towards similarity, proximity, continuity, and closure.
Behavior analytics tools
such as Hotjar and UserZoom Helps to see what is clicked more and where users attention is not getting. Also we can See user session - That is if any user comes on your website - Where did they click and go, how much time they spend and where they struggled in a Video. Basically we can track track their doings on our website. like hacking.
Behavior analytics tools
such as Hotjar and UserZoom Helps to see what is clicked more and where users attention is not getting. Also we can See user session - That is if any user comes on your website - Where did they click and go, how much time they spend and where they struggled in a Video. Basically we can track track their doings on our website. like hacking.
Behavior analytics tools
such as Hotjar and UserZoom Helps to see what is clicked more and where users attention is not getting. Also we can See user session - That is if any user comes on your website - Where did they click and go, how much time they spend and where they struggled in a Video. Basically we can track track their doings on our website. like hacking.
Data-Driven
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better understanding of UX. Design With data, clicks and testing in mind.
Data-Driven
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better understanding of UX. Design With data, clicks and testing in mind.
Data-Driven
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better understanding of UX. Design With data, clicks and testing in mind.
Cognative Load/ overload
Cognitive load refers to the amount of Mental effort or mental Load required to think or complete a task. Cognitive overload means very high thinking effort to do the task. hich means lot of time will be taken to complete the task.
Cognative Load/ overload
Cognitive load refers to the amount of Mental effort or mental Load required to think or complete a task. Cognitive overload means very high thinking effort to do the task. hich means lot of time will be taken to complete the task.
Cognative Load/ overload
Cognitive load refers to the amount of Mental effort or mental Load required to think or complete a task. Cognitive overload means very high thinking effort to do the task. hich means lot of time will be taken to complete the task.
Customer Journey Map (CJM)
A customer journey map tells the story from initial contact through to engagement and the long-term relationship. It may focus on a particular part of the story, or give an overview of the entire user experience. It about the user’s feelings, motivations & questions they have in their journey.
Customer Journey Map (CJM)
A customer journey map tells the story from initial contact through to engagement and the long-term relationship. It may focus on a particular part of the story, or give an overview of the entire user experience. It about the user’s feelings, motivations & questions they have in their journey.
Customer Journey Map (CJM)
A customer journey map tells the story from initial contact through to engagement and the long-term relationship. It may focus on a particular part of the story, or give an overview of the entire user experience. It about the user’s feelings, motivations & questions they have in their journey.
Cognitive Dissonance
The discomfort from holding conflicting beliefs or attitudes.
Cognitive Dissonance
The discomfort from holding conflicting beliefs or attitudes.
Cognitive Dissonance
The discomfort from holding conflicting beliefs or attitudes.
Zeigarnik Effect:
The tendency to remember uncompleted or interrupted tasks better than completed ones.
Zeigarnik Effect:
The tendency to remember uncompleted or interrupted tasks better than completed ones.
Zeigarnik Effect:
The tendency to remember uncompleted or interrupted tasks better than completed ones.
Serial Position Effect:
The feeThe tendency to remember the first and last items in a series more than those in the middle.lings of a customer generated by his or her interactions with a supplier’s employees, systems, channels or products.
Serial Position Effect:
The feeThe tendency to remember the first and last items in a series more than those in the middle.lings of a customer generated by his or her interactions with a supplier’s employees, systems, channels or products.
Serial Position Effect:
The feeThe tendency to remember the first and last items in a series more than those in the middle.lings of a customer generated by his or her interactions with a supplier’s employees, systems, channels or products.
IKEA Effect
The tendency for people to place higher value on products they partially created.
IKEA Effect
The tendency for people to place higher value on products they partially created.
IKEA Effect
The tendency for people to place higher value on products they partially created.
Priming
In design, it means using specific cues or prompts to guide how users perceive and interact with a product or interface. By showing certain visuals, using specific words. Pushing something to do certain actions.
Priming
In design, it means using specific cues or prompts to guide how users perceive and interact with a product or interface. By showing certain visuals, using specific words. Pushing something to do certain actions.
Priming
In design, it means using specific cues or prompts to guide how users perceive and interact with a product or interface. By showing certain visuals, using specific words. Pushing something to do certain actions.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Business Terminology
Stakeholder
Anyone who can Make FINAL decision like CEO, Mangers, CFO and all other Upper level People. Keep asking them and Show different version of your design such that they can give you feedback as FAST as possible.
Stakeholder
Anyone who can Make FINAL decision like CEO, Mangers, CFO and all other Upper level People. Keep asking them and Show different version of your design such that they can give you feedback as FAST as possible.
Stakeholder
Anyone who can Make FINAL decision like CEO, Mangers, CFO and all other Upper level People. Keep asking them and Show different version of your design such that they can give you feedback as FAST as possible.
Omni-channel Retailing
Omnichannel marketing provides the customer with an integrated shopping experience across multiple channels (think email, web, social, mobile and in-store). The goal here is to create a seamless experience for the customer, whether they are shopping online from a desktop or mobile device, or in a brick-and-mortar store. Read: 5 Successful Omnichannel Retailing Examples | Emarsys Omnichannel Retailing: Definition, Stats and Strategies (dynamicyield.com)
Omni-channel Retailing
Omnichannel marketing provides the customer with an integrated shopping experience across multiple channels (think email, web, social, mobile and in-store). The goal here is to create a seamless experience for the customer, whether they are shopping online from a desktop or mobile device, or in a brick-and-mortar store. Read: 5 Successful Omnichannel Retailing Examples | Emarsys Omnichannel Retailing: Definition, Stats and Strategies (dynamicyield.com)
Omni-channel Retailing
Omnichannel marketing provides the customer with an integrated shopping experience across multiple channels (think email, web, social, mobile and in-store). The goal here is to create a seamless experience for the customer, whether they are shopping online from a desktop or mobile device, or in a brick-and-mortar store. Read: 5 Successful Omnichannel Retailing Examples | Emarsys Omnichannel Retailing: Definition, Stats and Strategies (dynamicyield.com)
Customer Relationship Management (CRM Platform)
A Customer Relationship Management Platform (CRM Platform) is a technology used by companies to manage customer interactions and store comprehensive data, including transaction details and customer demographics. All the customer data from profile to order history is present in CRM dashboard.
Customer Relationship Management (CRM Platform)
A Customer Relationship Management Platform (CRM Platform) is a technology used by companies to manage customer interactions and store comprehensive data, including transaction details and customer demographics. All the customer data from profile to order history is present in CRM dashboard.
Customer Relationship Management (CRM Platform)
A Customer Relationship Management Platform (CRM Platform) is a technology used by companies to manage customer interactions and store comprehensive data, including transaction details and customer demographics. All the customer data from profile to order history is present in CRM dashboard.
Checkout types
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better uOne Step Checkout - OR one page checkout is an approach to eCommerce website design in which the entire checkout process is completed using a single form on one page. Multi-Step Checkout - he checkout process is spread over multiple pages in steps. Accordion Checkout - Accordion checkout is an approach to eCommerce website design in which each checkout step expands as you progress. You can see all 3 steps of checkout in 1 page like a dropdown but opens after yo complete current page. Eg: Flipkart Checkout
Checkout types
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better uOne Step Checkout - OR one page checkout is an approach to eCommerce website design in which the entire checkout process is completed using a single form on one page. Multi-Step Checkout - he checkout process is spread over multiple pages in steps. Accordion Checkout - Accordion checkout is an approach to eCommerce website design in which each checkout step expands as you progress. You can see all 3 steps of checkout in 1 page like a dropdown but opens after yo complete current page. Eg: Flipkart Checkout
Checkout types
This means using all the available data: analytics, A/B tests, customer service logs and social media sentiment to develop a better uOne Step Checkout - OR one page checkout is an approach to eCommerce website design in which the entire checkout process is completed using a single form on one page. Multi-Step Checkout - he checkout process is spread over multiple pages in steps. Accordion Checkout - Accordion checkout is an approach to eCommerce website design in which each checkout step expands as you progress. You can see all 3 steps of checkout in 1 page like a dropdown but opens after yo complete current page. Eg: Flipkart Checkout
Social Proof
Social Proof is a psychological phenomenon or It’s the Human Mentality, since others are doing it, I should be doing it, too. Simply put, When you are in situations where you don’t know what to do (what behavior/action is appropriate), yo assume that your surrounding know and have more knowledge about the situation, and you just Follow it. Yes Herd Mentality, Sheep herds. It’s the reason we ask for second opinions, assume nightclubs with long lines must be great, and this is the same driving force behind displaying product reviews and customer testimonials.
Social Proof
Social Proof is a psychological phenomenon or It’s the Human Mentality, since others are doing it, I should be doing it, too. Simply put, When you are in situations where you don’t know what to do (what behavior/action is appropriate), yo assume that your surrounding know and have more knowledge about the situation, and you just Follow it. Yes Herd Mentality, Sheep herds. It’s the reason we ask for second opinions, assume nightclubs with long lines must be great, and this is the same driving force behind displaying product reviews and customer testimonials.
Social Proof
Social Proof is a psychological phenomenon or It’s the Human Mentality, since others are doing it, I should be doing it, too. Simply put, When you are in situations where you don’t know what to do (what behavior/action is appropriate), yo assume that your surrounding know and have more knowledge about the situation, and you just Follow it. Yes Herd Mentality, Sheep herds. It’s the reason we ask for second opinions, assume nightclubs with long lines must be great, and this is the same driving force behind displaying product reviews and customer testimonials.
Shopping cart abandonment
Shopping cart abandonment refers the process in which a shopper adds an item to the cart but leaves the site without completing checkout. The average shopping cart abandonment rate is around 72%. Recover Abandoned Carts: As a UX designer you need to take a good look at your behavioral data to figure out why your carts are being abandoned. You may learn that your checkout process is too clunky. You may learn that your prices don’t look competitive when totals are calculated. Sometimes, the quick fix isn’t that simple. That's a Pro Guidance right there.
Shopping cart abandonment
Shopping cart abandonment refers the process in which a shopper adds an item to the cart but leaves the site without completing checkout. The average shopping cart abandonment rate is around 72%. Recover Abandoned Carts: As a UX designer you need to take a good look at your behavioral data to figure out why your carts are being abandoned. You may learn that your checkout process is too clunky. You may learn that your prices don’t look competitive when totals are calculated. Sometimes, the quick fix isn’t that simple. That's a Pro Guidance right there.
Shopping cart abandonment
Shopping cart abandonment refers the process in which a shopper adds an item to the cart but leaves the site without completing checkout. The average shopping cart abandonment rate is around 72%. Recover Abandoned Carts: As a UX designer you need to take a good look at your behavioral data to figure out why your carts are being abandoned. You may learn that your checkout process is too clunky. You may learn that your prices don’t look competitive when totals are calculated. Sometimes, the quick fix isn’t that simple. That's a Pro Guidance right there.
Metrics & Analytics Product
User Acquisition
The process of gaining new users for a product or service.
User Acquisition
The process of gaining new users for a product or service.
User Acquisition
The process of gaining new users for a product or service.
Churn Rate
The rate at which customers stop subscribing or using a product.
Churn Rate
The rate at which customers stop subscribing or using a product.
Churn Rate
The rate at which customers stop subscribing or using a product.
Customer Lifetime Value (CLV)
The predicted net profit generated from a customer throughout their entire relationship with a business.
Customer Lifetime Value (CLV)
The predicted net profit generated from a customer throughout their entire relationship with a business.
Customer Lifetime Value (CLV)
The predicted net profit generated from a customer throughout their entire relationship with a business.
Cost Per Acquisition (CPA)
The cost of acquiring a new customer through a specific channel.
Cost Per Acquisition (CPA)
The cost of acquiring a new customer through a specific channel.
Cost Per Acquisition (CPA)
The cost of acquiring a new customer through a specific channel.
Conversion rate
Conversion rate measures the percentage of visitors or users who complete a desired action or goal out of the total number of visitors or users.
Conversion rate
Conversion rate measures the percentage of visitors or users who complete a desired action or goal out of the total number of visitors or users.
Conversion rate
Conversion rate measures the percentage of visitors or users who complete a desired action or goal out of the total number of visitors or users.
Search Engine Optimization (SEO)
Search engine optimization (SEO) is the process of improving the visibility and ranking of a website or online content in search engine results pages.
Search Engine Optimization (SEO)
Search engine optimization (SEO) is the process of improving the visibility and ranking of a website or online content in search engine results pages.
Search Engine Optimization (SEO)
Search engine optimization (SEO) is the process of improving the visibility and ranking of a website or online content in search engine results pages.
AARRR
Dividing the customer lifecycle into five phases creates a clearer picture of where there is room for improvement. AARRR was created by Dave McClure, the founder of 500 Startups. He introduced the framework after he noticed many startups focusing on the wrong metrics for growth. The AARRR framework is designed to efficiently break down each phase of the customer lifecycle and make necessary improvements in the funnel. Live Casestudy: Ticket Manager (oliviatruong.design)
AARRR
Dividing the customer lifecycle into five phases creates a clearer picture of where there is room for improvement. AARRR was created by Dave McClure, the founder of 500 Startups. He introduced the framework after he noticed many startups focusing on the wrong metrics for growth. The AARRR framework is designed to efficiently break down each phase of the customer lifecycle and make necessary improvements in the funnel. Live Casestudy: Ticket Manager (oliviatruong.design)
AARRR
Dividing the customer lifecycle into five phases creates a clearer picture of where there is room for improvement. AARRR was created by Dave McClure, the founder of 500 Startups. He introduced the framework after he noticed many startups focusing on the wrong metrics for growth. The AARRR framework is designed to efficiently break down each phase of the customer lifecycle and make necessary improvements in the funnel. Live Casestudy: Ticket Manager (oliviatruong.design)
Customer Segmentation
Dividing a market into distinct groups based on characteristics or behavior.
Customer Segmentation
Dividing a market into distinct groups based on characteristics or behavior.
Customer Segmentation
Dividing a market into distinct groups based on characteristics or behavior.
Heat Maps
UX heatmaps are a way to understand how users interact with a webpage. The heatmaps not only tell where visitors click on a specific page but also how far down they scroll and how much time they spend on the website.
Heat Maps
UX heatmaps are a way to understand how users interact with a webpage. The heatmaps not only tell where visitors click on a specific page but also how far down they scroll and how much time they spend on the website.
Heat Maps
UX heatmaps are a way to understand how users interact with a webpage. The heatmaps not only tell where visitors click on a specific page but also how far down they scroll and how much time they spend on the website.
Conversion Rate
The percentage of users who take a desired action.
Conversion Rate
The percentage of users who take a desired action.
Conversion Rate
The percentage of users who take a desired action.
Bounce Rate
The percentage of visitors who navigate away from the site after viewing only one page.
Bounce Rate
The percentage of visitors who navigate away from the site after viewing only one page.
Bounce Rate
The percentage of visitors who navigate away from the site after viewing only one page.
A/B testing
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
A/B testing
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
A/B testing
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Web AnKey Performance Indicator (KPI)alytics
ey performance indicators (KPIs) are measurable metrics used to evaluate and track the performance and progress of a specific goal, objective, or activity within a business or organization. KPIs provide quantifiable data that allows stakeholders to assess the success or effectiveness of a particular aspect of their operations.
Web AnKey Performance Indicator (KPI)alytics
ey performance indicators (KPIs) are measurable metrics used to evaluate and track the performance and progress of a specific goal, objective, or activity within a business or organization. KPIs provide quantifiable data that allows stakeholders to assess the success or effectiveness of a particular aspect of their operations.
Web AnKey Performance Indicator (KPI)alytics
ey performance indicators (KPIs) are measurable metrics used to evaluate and track the performance and progress of a specific goal, objective, or activity within a business or organization. KPIs provide quantifiable data that allows stakeholders to assess the success or effectiveness of a particular aspect of their operations.
User Engagement
It represents the choices a user makes with website content. Where did the user engaged in the website. At what pages or elements they are getting value from, at they places they will be engaged the most.
User Engagement
It represents the choices a user makes with website content. Where did the user engaged in the website. At what pages or elements they are getting value from, at they places they will be engaged the most.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Web Analytics
Testing Design A vs Design B in similar condition and choosing which design performs Better. A or B via testing.
Development Words
A/B Testing
Also known as split testing, A/B testing is the practice of comparing two versions of a web page with a single variable online to determine which one performs better. Not sure what color CTA will drive more conversions on your site? A/B test it!
A/B Testing
Also known as split testing, A/B testing is the practice of comparing two versions of a web page with a single variable online to determine which one performs better. Not sure what color CTA will drive more conversions on your site? A/B test it!
A/B Testing
Also known as split testing, A/B testing is the practice of comparing two versions of a web page with a single variable online to determine which one performs better. Not sure what color CTA will drive more conversions on your site? A/B test it!
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.
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.
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.
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.
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.
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.
Responsive Images
Images that adjust to different screen sizes and resolutions.
Responsive Images
Images that adjust to different screen sizes and resolutions.
Responsive Images
Images that adjust to different screen sizes and resolutions.
Responsive Images
Images that adjust to different screen sizes and resolutions.
Responsive Images
Images that adjust to different screen sizes and resolutions.
Responsive Images
Images that adjust to different screen sizes and resolutions.
Responsive Images
Images that adjust to different screen sizes and resolutions.