KEMBAR78
UIUX Cheatsheet | PDF | User Experience | User Interface
0% found this document useful (0 votes)
125 views3 pages

UIUX Cheatsheet

This document is a UX/UI cheat sheet that outlines core concepts, research methods, design processes, and metrics relevant for interviews and practice. It covers essential topics such as user experience, usability testing, design systems, and analytics. The cheat sheet serves as a quick reference guide for individuals preparing for UX/UI interviews.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
125 views3 pages

UIUX Cheatsheet

This document is a UX/UI cheat sheet that outlines core concepts, research methods, design processes, and metrics relevant for interviews and practice. It covers essential topics such as user experience, usability testing, design systems, and analytics. The cheat sheet serves as a quick reference guide for individuals preparing for UX/UI interviews.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

‭UX/UI Cheat Sheet for Interviews & Practice‬

‭📌 Core UX/UI Concepts‬

‭●‬ U ‭ ser Experience (UX)‬‭– The overall interaction and‬‭satisfaction users have with a‬
‭product.‬
‭●‬ ‭User Interface (UI)‬‭– The visual and interactive design‬‭of a digital product.‬
‭●‬ ‭Usability‬‭– How easy and efficient it is for users‬‭to accomplish tasks within a‬
‭product.‬
‭●‬ ‭Accessibility (a11y)‬‭– Designing for people with disabilities,‬‭including color contrast,‬
‭text readability, and assistive technologies.‬
‭●‬ ‭User Trust‬‭– Building confidence through transparent‬‭UI, security measures, and‬
‭reliable interactions.‬
‭●‬ ‭User-Centered Design (UCD)‬‭– A design process that‬‭prioritizes user needs at‬
‭every stage.‬

‭📊 UX Research & Testing‬

‭●‬ U ‭ ser Research‬‭– Gathering data on user behavior, pain‬‭points, and needs through‬
‭interviews, surveys, and analytics.‬
‭●‬ ‭Usability Testing‬‭– Observing real users interacting‬‭with a product to identify issues.‬
‭●‬ ‭A/B Testing‬‭– Comparing two versions of a design to‬‭determine which performs‬
‭better.‬
‭●‬ ‭Affinity Mapping‬‭– Organizing research insights into‬‭clusters to find patterns and‬
‭key takeaways.‬
‭●‬ ‭Competitive Analysis‬‭– Evaluating competitors' products‬‭to identify gaps and‬
‭opportunities.‬
‭●‬ ‭Card Sorting‬‭– A method where users categorize content‬‭to improve navigation and‬
‭information architecture.‬
‭●‬ ‭Personas‬‭– Fictional user profiles created from research‬‭to represent different user‬
‭types.‬
‭●‬ ‭User Stories‬‭– Short descriptions of user needs written‬‭from their perspective (e.g.,‬
‭"As a user, I want to...").‬
‭●‬ ‭Journey Mapping‬‭– A visual representation of a user's‬‭interactions with a product‬
‭over time.‬
‭●‬ ‭Heuristic Evaluation‬‭– An expert review of a UI based on usability principles.‬
‭🖌️ UX/UI Design & Process‬

‭‬ W
● ‭ ireframing‬‭– A low-fidelity blueprint that outlines page layout and functionality.‬
‭●‬ ‭Prototyping‬‭– An interactive model that simulates‬‭the final product for testing.‬
‭●‬ ‭Information Architecture (IA)‬‭– Structuring content‬‭for easy navigation and‬
‭discoverability.‬
‭●‬ ‭Visual Hierarchy‬‭– Arranging elements based on importance‬‭to guide user attention.‬
‭●‬ ‭Atomic Design‬‭– A modular design system that breaks UI into small reusable‬
‭components (atoms, molecules, organisms).‬
‭●‬ ‭Design Systems‬‭– A set of reusable UI components,‬‭guidelines, and principles that‬
‭ensure consistency (e.g., Material Design, Apple HIG).‬
‭●‬ ‭Microinteractions‬‭– Small animations or feedback mechanisms‬‭that enhance‬
‭usability (e.g., button hover effects, loading indicators).‬
‭●‬ ‭Gestalt Principles‬‭– Psychological principles that‬‭explain how users perceive UI‬
‭elements (e.g., proximity, similarity, closure).‬
‭●‬ ‭Dark Mode‬‭– A UI design variation with a dark color‬‭scheme for better contrast and‬
‭reduced eye strain.‬
‭●‬ ‭Neumorphism‬‭– A design trend that combines skeuomorphism‬‭and flat design,‬
‭creating soft, realistic UI elements.‬

‭🌟 UX in Fintech & Product Design‬

‭●‬ D ‭ ark Patterns‬‭– Deceptive design tactics that manipulate‬‭users into unwanted‬
‭actions (e.g., hidden fees).‬
‭●‬ ‭Curb-Cut Effect‬‭– The idea that accessibility improvements‬‭benefit all users, not just‬
‭those with disabilities.‬
‭●‬ ‭Trust Signals‬‭– UI elements that reassure users about‬‭security and transparency‬
‭(e.g., SSL badges, transaction confirmations).‬
‭●‬ ‭Frictionless Experience‬‭– Removing unnecessary steps‬‭in financial processes to‬
‭improve efficiency.‬
‭●‬ ‭Gamification‬‭– Applying game-like elements (e.g.,‬‭progress bars, badges) to‬
‭increase engagement.‬
‭●‬ ‭Data-Driven Design‬‭– Using analytics and user data‬‭to inform design decisions.‬
‭●‬ ‭Progressive Disclosure‬‭– Revealing information progressively‬‭to avoid‬
‭overwhelming users.‬
‭●‬ ‭Error Prevention & Recovery‬‭– Designing to reduce‬‭errors and provide clear‬
‭recovery steps (e.g., undo options, error messages).‬
‭●‬ ‭Conversion Rate Optimization (CRO)‬‭– Improving design‬‭elements to increase‬
‭user actions (e.g., sign-ups, purchases).‬
‭●‬ ‭Scalability‬‭– Designing systems that can grow and handle increased users or‬
‭features.‬
‭●‬ ‭Edge Cases‬‭– Rare but possible scenarios that might break a design or cause‬
‭usability issues.‬
‭📈 UX Metrics & Analytics‬

‭●‬ C ‭ onversion Rate‬‭– The percentage of users who complete a desired action (e.g.,‬
‭signing up, making a payment).‬
‭●‬ ‭Drop-off Rate‬‭– The percentage of users who abandon‬‭a process before completion.‬
‭●‬ ‭Time on Task‬‭– How long a user takes to complete a‬‭specific action.‬
‭●‬ ‭Click-Through Rate (CTR)‬‭– The percentage of users‬‭who click on a specific‬
‭element (e.g., CTA button, link).‬
‭●‬ ‭Bounce Rate‬‭– The percentage of users who leave a‬‭page without interacting.‬
‭●‬ ‭Heatmaps‬‭– Visual representations of where users click,‬‭scroll, or hover the most.‬
‭●‬ ‭Session Recording‬‭– Capturing user interactions to‬‭analyze behavior patterns.‬
‭●‬ ‭Eye-Tracking‬‭– A method that tracks where users focus on a screen.‬

‭ his cheat sheet is designed to‬‭help you review key‬‭UX/UI concepts‬‭quickly before your‬
T
‭interviews! 💪🏻 Let me know if you need any adjustments!‬

You might also like