Ux Design
Lộ trình phát triển toàn diện Ux Design theo tiêu chuẩn quốc tế nilbuild/developer-roadmap
Hướng dẫn từng bước từ nền tảng đến chuyên sâu giúp bạn làm chủ Ux Design. Tích hợp tài liệu lý thuyết, bài viết thực chiến, video tham khảo và bài tập lập trình trực tiếp trên IDE.
Nền Tảng & Khái Niệm Cốt Lõi
Giai đoạn 1 tập trung hoàn thiện 19 chủ đề then chốt.
Adobe XD
Adobe XD (Experience Design) is a powerful design and prototyping tool that allows UX designers to create wireframes, mockups, and interactive prototypes for various digital projects. It is available for both Mac and Windows, and it focuses on providing an easy-to-use, intuitive interface for designing responsive websites, mobile apps, and more.
Automate the Act of Repetition
Automating repetition removes the user from having to repeat an action manually once it has been done or approved once. Recurring subscriptions, auto-renewals, and scheduled backups are examples where the system takes over a task after the first setup. This reduces the chance that a user abandons a beneficial habit simply because they forgot to repeat it.
Avoid Direct Payments
Avoiding direct payments means reducing the visible friction of parting with money, for example by using stored credit, points, or a saved card instead of asking users to re-enter payment details each time. Research shows the physical or visible act of paying creates psychological pain that can reduce purchase likelihood. Reducing that friction supports a more favorable conscious evaluation of the purchase decision.
Avoid Cognitive Overhead
Cognitive overhead refers to the mental effort needed to understand or operate a given system, tool, or interface. In UX design, it is crucial to minimize cognitive overhead to create user-friendly and efficient experiences. The less mental effort a user needs to invest, the more likely they will have a positive conscious evaluation of your design.
Avoid Direct Payments
Avoiding direct payments is a crucial aspect of UX design that can lead to favorable conscious evaluations from users. Direct payments refer to instances where users are required to pay for your product or service upfront, which can create a negative perception and less willingness to engage. By finding alternative ways to monetize or offer premium features, you can create an enjoyable experience and encourage users to appreciate and invest in your offerings without feeling forced.
Balsamiq
Balsamiq is a popular wireframing tool that helps designers, developers, and product managers to quickly create and visualize user interfaces, web pages, or app screens. It's an easy-to-use software that allows you to focus on ideas and concepts rather than getting caught up in pixel-perfect designs.
Be Authentic and Personal
When creating a user experience (UX) design, it's essential to be authentic and personal. This means that your design should be genuine, truthful, and relatable to your users. By being authentic and personal, you can create a positive intuitive reaction in your users, as they feel connected and engaged with your website or application.
Behavior Change Games
Behavior change games are a powerful UX design pattern that help users adopt new habits or make positive lifestyle changes. These games are typically designed to be engaging, enjoyable, and motivating, utilizing various game elements and mechanics to encourage users to take desired actions. When designing behavior change games, it's essential to keep user experience in mind, and create an enjoyable and motivating experience. Balancing fun and educational elements can result in a powerful tool for guiding users towards positive change in their lives.
Behavior Change Strategies
Behavior change strategies are techniques that aim to help users adopt new behaviors or break existing ones to achieve specific goals, such as healthier lifestyles or improved productivity. In UX design, these strategies are applied to design elements and features within digital products or services to motivate and support users in making lasting changes in their actions.
Behavior Design
Behavior Design is an approach that combines elements of psychology, neuroscience, and design principles to understand and influence human behaviors. The goal behind behavior design is to make it easier for users to accomplish their goals or desired actions within a product, service, or system.
Behavioral Economics
Behavioral Economics is a subfield of economics that studies the psychological, social, and emotional factors that influence decision-making and economic behavior. It seeks to understand why people make choices that deviate from the traditional economic model, which assumes that individuals behave rationally and seek to maximize their utility.
Behavioral Science
Behavioral science is the interdisciplinary study of human behavior, which encompasses disciplines like psychology, sociology, and anthropology. This field- primarily focuses on understanding what impacts our decisions, actions, and emotions. In the context of UX design, applying behavioral science concepts and principles can enhance user experience by improving user engagement, usability, and overall satisfaction.
BJ Fogg’s Behavior Grid
The BJ Fogg Behavior Grid is a framework that helps UX designers, product managers, and marketers understand and identify different types of behavior change. Created by Stanford University professor B.J. Fogg, the grid consists of 15 behavior types based on the combination of three dimensions: Duration, Frequency, and Intensity.
BJ Fogg's Behavior Model
B.J. Fogg, a renowned psychologist, and researcher at Stanford University, proposed the Fogg Behavior Model (FBM). This insightful model helps UX designers understand and influence user behavior by focusing on three core elements. These key factors are motivation, ability, and prompts.
Business Model Canvas
The **Business Model Canvas** is a strategic management and visual representation tool that allows you to describe, design, challenge, and pivot your existing business model. Developed by **Alexander Osterwalder** and **Yves Pigneur**, it helps organizations to understand how they create, deliver, and capture value. The canvas is divided into nine building blocks, which represent the essential elements of a business model:
Business Model Inspirator
A Business Model Inspirator is a tool or method that helps you to generate new or creative ideas for the strategic, operational, and financial aspects of a business. It helps entrepreneurs, startups, and established companies to explore different ways of designing or improving their business models by drawing inspiration from various sources.
Business Process Model & Notation (BPMN)
BPMN is a standardized graphical notation for modeling business processes using elements like events, activities, gateways, and swimlanes. It is more formal and detailed than a simple flowchart, making it suited for complex processes involving multiple actors or systems. Teams use BPMN when a process needs to be communicated precisely across both design and engineering.
Call to Action
A **Call to Action (CTA)** is a UX pattern that encourages users to take a specific action on a website, app, or other digital product. It is an essential component of effective UX design, as it helps guide users through the experience and accomplish their goals. CTAs can come in various forms, including buttons, links, images, or text.
Cheating
Cheating, in the context of behavior design, refers to shortcuts that produce a desired user action without relying on willpower or motivation. Instead of trying to persuade the user, the designer removes the need for a decision altogether. Defaulting, making an action incidental, and automating repetition are common cheating techniques.
Kỹ Năng Trọng Tâm & Thực Hành
Giai đoạn 2 tập trung hoàn thiện 19 chủ đề then chốt.
Clear the Page of Distractions
Clearing the page of distractions means removing any element that competes with the user's attention on the target action, such as unrelated links, ads, or excessive navigation. A cleaner page increases the odds a user notices and completes the intended action. This is especially important on high-stakes screens like checkout or signup, where every extra element is a chance for the user to leave.
Competitor Analysis
Competitor analysis is the process of researching other products or businesses that solve a similar problem for similar users. It covers their features, pricing, positioning, and user experience to find gaps and opportunities for differentiation. Teams use it before designing a new business model or product feature so decisions are informed rather than made in isolation.
Conceptual Design
Conceptual design is the stage where a team turns a product idea into a structured plan, defining the backlog of features and how user progress and completion will be communicated. It sits between understanding the product and building actual prototypes. Deliverables at this stage, such as flowcharts or process models, describe how the product should behave before any screens are designed.
CREATE Action Funnel
The CREATE Action Funnel breaks the path to a user action into six stages: Cue, Reaction, Evaluation, Ability, Timing, and Execution. A user must pass through each stage for the target behavior to happen, and a failure at any stage stops the action. It gives designers a step-by-step way to audit where users drop off before completing a task.
Create User Personas
Creating user personas means building fictional but research-based profiles that represent the key user types a product serves. Each persona typically includes goals, frustrations, behaviors, and context drawn from interviews, surveys, or analytics rather than guesswork. Personas give a team a shared reference point when making design decisions instead of relying on personal assumptions.
Crowd Out Old Habit with New Behavior
Crowding out an old habit means introducing a new, incompatible behavior that occupies the same cue and reward slot as the unwanted one. If checking a phone at bedtime is the target, replacing it with reading a book at that same moment can push the old habit out over time. The new behavior competes for the same trigger until it becomes the default response.
Cue Routine Reward Model
The Cue-Routine-Reward model explains a habit as a loop where a cue triggers a routine, and that routine produces a reward that reinforces the cue-routine connection. Over repeated cycles, the routine becomes automatic once the cue appears, requiring less conscious thought each time. Designers use this model to understand existing habits before deciding whether to support, replace, or break them.
Customer Experience Map by Mel Edwards
The Customer Experience Map is a deliverable developed by Mel Edwards that visualizes a user's journey through a product across stages, capturing their actions, thoughts, and emotions at each point. It highlights pain points and moments of friction alongside points of delight across the full experience. Teams use it during conceptual design to see the product from the user's perspective before deciding what to build or fix.
Decision-Making Support
Decision making support plays a crucial role in UX design by providing users with the necessary information, options, and feedback to make informed choices when interacting with a product or interface. This UX pattern focuses on helping users make decisions through clear presentation of information, minimizing cognitive load, and offering guidance throughout the various interactions.
Default Everything
Defaulting everything means pre-filling or pre-selecting sensible choices throughout an interface so the user can proceed with minimal input, only changing what they specifically want to adjust. This reduces the effort required to complete a task, since accepting the default is always easier than making an active choice. It is one of the most effective ways to make a target action easy to complete.
Defaulting
Defaulting means setting a pre-selected option so the user has to opt out rather than opt in. Because most people stick with whatever is already selected, this single design choice can dramatically shift outcomes, such as organ donation rates or retirement plan enrollment. It works because taking no action is the path of least resistance for most users.
Deploy Peer Comparisons
Deploying peer comparisons in the context of making an action easy means showing users what similar people typically do, which can reduce hesitation by making the target action feel normal and low-risk. Seeing that others in a similar situation completed the same action reassures a user that it is a safe and reasonable choice. This reduces the perceived effort or risk that might otherwise stop a user from acting.
Deploy Social Proof
Social proof shows users that other people have used, trusted, or approved of a product, through reviews, testimonials, user counts, or ratings. People tend to look to others' behavior when they are uncertain about a decision, so visible social proof reduces hesitation. It is commonly placed near decision points like signup forms or purchase buttons.
Deploy Strong Authority on Subject
Displaying authority means showing credentials, expertise, or endorsements relevant to the subject matter, such as certifications, media mentions, or an author's professional background. Users are more likely to trust and follow guidance from a source that appears knowledgeable. This practice is common on educational, financial, and medical products where credibility strongly affects user decisions.
Dual Process Theory
Dual process theory describes two systems of thinking: a fast, automatic, intuitive system and a slower, effortful, analytical system. Most daily decisions rely on the fast system, which is why habits and defaults are so powerful in shaping behavior. Designers use this theory to decide whether an interface should support quick, intuitive action or slow down the user for careful evaluation.
Educate & Encourage User
Educating and encouraging the user means providing clear information about a choice along with positive reinforcement to help them decide with confidence. This can take the form of tooltips, explainer content, or contextual tips shown at the moment a decision is being made. The goal is to improve the quality of a conscious decision rather than to push the user toward a specific outcome.
Elicit Implementation Intentions
Eliciting implementation intentions means prompting users to specify exactly when, where, or how they will perform an intended action, rather than leaving the intention vague. Research shows that a concrete plan, such as picking a specific time to exercise, makes follow-through significantly more likely than a general intention alone. Apps often support this by letting users schedule or specify the details of a planned action at the moment they commit to it.
Event-driven Process Chain Model (EPC)
The Event-driven Process Chain model, or EPC, is a diagramming notation that represents a business process as an alternating sequence of events and functions. Each function is triggered by an event and produces one or more resulting events, which can branch using logical connectors. It is used to model detailed business processes with more precision than a basic flowchart allows.
Figma
[Figma](https://www.figma.com/) is a powerful and versatile web-based design tool that allows designers, developers, and stakeholders to collaborate on UI and UX projects in real-time. It's an excellent choice for creating wireframes and high-fidelity prototypes and supports vector editing, responsive design, and team collaboration.
Kiến Trúc Nâng Cao & Tối Ưu
Giai đoạn 3 tập trung hoàn thiện 19 chủ đề then chốt.
Five Forces Model
The Five Forces Model, developed by Michael Porter, analyzes an industry's competitiveness through five factors: existing competition, threat of new entrants, threat of substitutes, and the bargaining power of suppliers and buyers. It helps teams understand how much pressure a business faces from its market environment beyond just direct competitors. This analysis often shapes decisions about pricing, differentiation, and where a new business model can find an advantage.
Frame Text to Avoid Temporal Myopia
Temporal myopia is the tendency for people to undervalue future consequences in favor of immediate ones. Framing text to counter this means making future benefits or costs feel more immediate and concrete, such as showing exactly how much money is lost per month rather than per year. This technique is used to create urgency by making a delayed consequence feel present and real.
Gamification
Gamification is a UX design pattern that involves incorporating elements of game design into non-game applications or websites to enhance user engagement and create enjoyable experiences. By using game mechanics like points, achievements, competition, and progress-tracking, designers can make mundane tasks more appealing and motivate users to interact with the content or perform certain actions.
Gather Lessons, Prioritize & Integrate
This step involves collecting insights from testing and user data, deciding which findings matter most, and feeding them back into the product's design. Not every lesson learned is worth acting on immediately, so teams prioritize based on expected impact and effort required. Integrating validated lessons closes the loop between measuring impact and improving the product.
Goal Trackers
Goal trackers are essential UX patterns that enable users to monitor their progress towards accomplishing a specific task or objective. Essentially, they help users stay motivated, organized and informed about their journey within an app, website, or system. In this guide, we'll explore the significance of goal trackers, and how to effectively design and incorporate them in your projects.
Good Layout Rules
Good layout rules are the visual design principles that guide how elements are arranged on a screen, covering alignment, spacing, hierarchy, and grouping. Following them makes an interface easier to scan and reduces the mental effort needed to find information. These rules apply regardless of which prototyping tool is used to build the design.
Help user Avoiding the Cue
Helping a user avoid the cue means removing or hiding the trigger that sets off an unwanted habit. If a notification prompts compulsive checking, muting or removing that notification eliminates the starting point of the loop. This is often the simplest way to break a habit, since a habit cannot start without its cue.
Help User think about their Action
This design approach slows the user down at a key decision point so they consciously weigh the consequences of an action before confirming it. Confirmation screens, cooling-off periods, and summary reviews before a purchase are common examples. It is used when a mistaken or impulsive action would be costly or hard to reverse.
How-to-Tips
How-to-tips are short pieces of guidance shown to users at the moment they need help completing a specific action. They appear as tooltips, inline hints, or brief instructions rather than long documentation. This pattern works well when attention is scarce, since it gives just enough information to move the user forward without demanding extra reading.
Human Decision Making
Human decision-making encompasses the cognitive processes and influences that drive individuals to select a course of action from multiple options. It involves evaluating information, considering biases, weighing potential outcomes, and ultimately choosing what they believe is the best path forward in a given situation. Understanding how people make decisions is crucial for creating user experiences that align with their natural tendencies and help them achieve their goals effectively.
In general, keep it short and simple
This principle says that any task or flow presented to the user should be reduced to the fewest possible steps and the simplest possible language. Extra steps, fields, or explanations increase the chance a user gives up before completing the task. It applies across onboarding, forms, and any process where user effort is required.
Incremental A/B Testing
Incremental A/B testing compares two versions of a design that differ by a single, small change, showing each version to a separate group of users and measuring which performs better. Because only one variable changes at a time, teams can clearly attribute any difference in outcome to that specific change. It is commonly used to validate individual design decisions before rolling them out to all users.
Lean Canvas
Lean Canvas is a variation of the Business Model Canvas adapted for early-stage startups, replacing some blocks with problem, solution, and key metrics sections. It puts more focus on the problem being solved and the unfair advantage a startup has over competitors. Founders and product teams use it to sketch and test a business idea quickly before committing to a full plan.
Lessen the Burden of Action / Info
This practice focuses on reducing the amount of effort or information a user must provide to complete a task, such as shortening forms, auto-filling known data, or breaking a long process into smaller steps. Every additional field or requirement is a chance for a user to stop and reconsider or abandon the task. Simplifying these requirements directly increases completion rates.
Leverage Loss-Aversion
Loss-aversion is the tendency for people to feel the pain of losing something more strongly than the pleasure of gaining something equivalent. Designers use this by framing messages around what a user stands to lose, such as "don't lose your progress" instead of "keep your progress," which tends to be more motivating. It is a common technique in subscription cancellation flows and limited-time offers.
Make Commitment to Friends
This technique has users publicly commit to a goal or action in front of friends or their social network, increasing the social cost of not following through. Because people want to appear consistent to others, a public commitment adds pressure beyond the user's own motivation. Fitness and habit-tracking apps often use this by letting users share goals with friends.
Make it Clear, Where to Act
This practice focuses on making the actionable element, such as a button or link, visually obvious through size, color, contrast, or placement. If users cannot quickly locate where to act, they hesitate or abandon the task even if they understand what to do. Visual hierarchy and consistent placement of key actions support this practice across a product.
Make it easy to understand and complete
This principle focuses on making sure users know what a task requires and can finish it without confusion or friction. Clear instructions, sensible input formats, and forgiving validation all support this. A task that is easy to understand but hard to complete, or vice versa, still causes users to abandon it.
Make or Change Habits
Making or changing habits covers design approaches for building a new habit from scratch or replacing an existing one. It requires working with the existing cue, routine, and reward loop, either by disrupting an unwanted habit or reinforcing a new one. Models like Nir Eyal's Hook Model and the Cue-Routine-Reward loop are commonly applied here.
Hệ Sinh Thái & Triển Khai Thực Tế
Giai đoạn 4 tập trung hoàn thiện 19 chủ đề then chốt.
Make progress meaningful to reward user
This principle says that visible progress should feel like a real reward, not just a mechanical status update. Small celebratory moments, encouraging messages, or visual milestones at meaningful points keep users motivated to continue. Progress indicators that feel arbitrary or disconnected from actual achievement fail to reinforce continued effort.
Make progress visible to user
Making progress visible means showing users where they are in a multi-step process, such as through a progress bar, step counter, or checklist. It reduces uncertainty and helps users judge how much effort remains before they reach completion. Without this visibility, users are more likely to abandon a task partway through because they cannot tell how much is left.
Make Reward Scarce
Making a reward scarce means limiting its availability by time, quantity, or exclusivity, such as a limited-time discount or a small number of remaining spots. Scarcity increases perceived value and creates urgency to act before the opportunity disappears. This is a widely used technique in ecommerce and event registration flows.
Make successful completion clearly visible
This principle emphasizes giving users an unmistakable signal when they have finished a task successfully, such as a confirmation screen, success message, or visual change. Ambiguous endings leave users unsure whether their action worked, which can lead to repeated submissions or abandoned trust in the product. A clear completion moment also closes the loop and reinforces that the effort paid off.
Make UI Professional and Beautiful
A professional and visually polished interface builds immediate trust with users, often before they read any content. Inconsistent spacing, mismatched fonts, or a dated look can make users doubt the credibility of a product, regardless of how good the underlying functionality is. This first impression shapes how favorably users judge everything that follows.
Making it Incidental
Making an action incidental means folding it into a task the user is already doing, so it happens as a side effect rather than a separate decision. An example is a payment app that automatically rounds up purchases and saves the difference, so saving money requires no extra effort from the user. This avoids relying on the user to remember or choose to perform the target behavior on its own.
Measuring the Impact
Measuring the impact is the stage where a team evaluates whether the design decisions made throughout the product actually produced the intended behavior change. It involves testing methods such as multivariate testing and incremental A/B testing to compare outcomes across different design variations. Findings from this stage feed back into earlier design decisions to refine and improve the product.
Mindfulness to Avoid Acting on the Cue
This technique trains users to notice a habit cue as it happens and choose not to act on it, rather than removing the cue itself. Apps that prompt a brief pause or breathing exercise when a craving cue appears use this approach. It relies on building the user's own awareness rather than changing the environment around them.
Multivariate Testing
Multivariate testing compares multiple design variations that differ across several elements at once, such as headline, image, and button color, to see which combination performs best. Unlike a simple test of one variable, it can reveal how different elements interact with each other. It typically requires more traffic than a simple A/B test to produce statistically reliable results.
Nir Eyal's Hook Model
Nir Eyal's Hook Model describes a four-step loop that products use to build habitual engagement: trigger, action, variable reward, and investment. The trigger prompts the user, the action is the simplest behavior done in anticipation of a reward, the reward keeps the user interested through variability, and the investment step has the user put something into the product that makes future triggers more effective. Social media feeds and many mobile games are commonly cited examples of this loop in action.
Nudge Theory
Nudge Theory suggests that people make decisions based on cognitive biases rather than purely rational analysis. It proposes that subtle changes in the way choices are presented can significantly influence people's behavior without restricting their freedom of choice. This involves designing choices that are easier to make or more appealing, guiding users towards desired actions without being overly forceful or restrictive.
Persuasive Technology
Persuasive technology refers to digital products deliberately designed to change a user's attitude or behavior through interaction, not through argument or coercion. Fitness apps that reward streaks or apps that use progress bars to keep users engaged are common examples. The field studies which design elements make a system convincing and how far that influence should go before it becomes manipulative.
Planners
Planners are an essential aspect of UX design, helping users accomplish complex tasks by breaking them down into manageable steps. Planners are particularly useful in situations where users are expected to make decisions or deal with a range of options. They help to create an engaging and interactive experience, guiding users to achieve their goals efficiently.
Prime User-Relevant Associations
Priming means exposing users to words, images, or cues related to a desired outcome just before they make a decision, so that concept is more mentally accessible. For example, showing images of relaxation before a spa booking flow can make the decision feel more aligned with the user's goals. This technique shapes the frame of mind a user is in without changing the actual options presented.
Prototyping
Prototyping is the stage where a design idea is turned into a testable representation, ranging from low-fidelity wireframes to interactive high-fidelity mockups. It lets designers and stakeholders evaluate layout, flow, and interaction before development begins. Tools like Figma, Sketch, and Adobe XD are commonly used to build prototypes at this stage.
Remind of Prior Commitment to Act
This technique reminds users of a commitment they already made, such as a goal they set or an item they added to a wishlist, to prompt them to follow through. People feel internal pressure to stay consistent with past commitments, which this pattern leverages to drive action. It is often used in re-engagement emails or notifications that reference something the user previously started.
Reminders & Planning Prompts
Reminders and planning prompts are notifications or in-app messages that nudge a user to complete a pending task or plan an upcoming action. They work by re-capturing attention at a relevant moment rather than requiring the user to remember on their own. This pattern is useful when a user's attention on the product is limited or intermittent.
Reminders
**Reminders** play an essential role in the user's experience, especially when it comes to retaining user attention and engagement. They can be helpful in making sure that the user stays focused on their tasks, remembers essential information or deadlines, and continually interacts with your product or design.
Replace the Routine
Replacing the routine means keeping the same cue and reward but substituting a different action in between. For example, if boredom triggers snacking, a product might prompt a short walk instead while still delivering a comparable reward like distraction or a mood boost. This approach works with the existing habit loop rather than trying to remove it entirely.
Chuyên Gia & Mở Rộng Hệ Thống
Giai đoạn 5 tập trung hoàn thiện 18 chủ đề then chốt.
Simple Flowchart
A simple flowchart is a diagram that maps out the steps and decision points in a process using basic shapes like boxes and arrows. It shows the logical path a user or system takes from a starting point to an outcome, including any branches. Teams use it during conceptual design because it is quick to draw and easy for anyone to read.
Sketch
Sketch is a powerful digital design tool specifically tailored for user interface (UI) and user experience (UX) design. As part of the creative process, designers use Sketch to create wireframes, visual mockups, and interactive prototypes that help plan and iterate their ideas.
Social Sharing
In the realm of UX design, **Social Sharing** is a crucial pattern that allows users to share content from a website or app to various social media platforms. It helps in creating interaction between users and the content, engaging the audience and generating more traffic to the source.
Spectrum of Thinking Interventions
The spectrum of thinking interventions ranges from automatic, low-effort nudges on one end to interventions that demand deliberate, conscious thought on the other. Design choices sit somewhere along this spectrum depending on how much reflection the target behavior needs. Choosing the wrong point on the spectrum, such as an automatic nudge for a decision that needs careful thought, can backfire.
Status Reports
Status reports are UI elements that summarize the current state of a process, account, or system for the user, such as a dashboard showing recent activity or an order tracking screen. They let users quickly check where things stand without digging through details. This pattern suits moments of limited attention because it delivers a condensed, scannable summary.
Support Conscious Action
Supporting conscious action means designing for moments where a user needs to actively think through a decision instead of relying on automatic habits. This applies to choices with real consequences, such as financial commitments or health decisions, where speeding the user through the process could cause harm. It typically involves giving the user relevant information and time to reflect before they act.
SWOT Analysis
SWOT analysis evaluates a business or product across four categories: strengths, weaknesses, opportunities, and threats. Strengths and weaknesses look inward at the organization itself, while opportunities and threats look outward at the market and competition. Teams use it as a quick way to structure a strategic discussion before deciding on a new business direction.
Target Action
The target action is the specific behavior the product is designed to get users to perform, such as completing a purchase, submitting a form, or returning the next day. Defining it clearly early in a project keeps design decisions focused on a measurable outcome. Every later step, from wireframes to UX patterns, is built around driving this action.
Target Actor
The target actor is the type of user the product is designed for, defined by their goals, context, and constraints rather than just demographics. Clarifying the target actor early prevents a design from trying to serve everyone and satisfying no one well. It feeds directly into building user personas later in the process.
Target Outcome
The target outcome is the result the business or user gets once the target action is completed, such as increased retention, revenue, or user satisfaction. It connects the user's action back to a measurable goal that justifies the design effort. Clarifying the target outcome early helps teams judge whether a design is actually succeeding after launch.
Tell User what the Action is and ask for it
This practice means stating plainly what the user should do next instead of leaving them to infer it from vague copy or an unclear button. Direct, specific requests such as "Add to cart" outperform vague ones like "Learn more" when the goal is a specific action. It removes the guesswork that causes users to hesitate or leave.
Tutorials
Tutorials are an important aspect of UX Design, as they help users understand and learn how to navigate through a new application, software or website. It is essential to create engaging, informative and easy-to-follow tutorials to ensure users can quickly comprehend the interface and become efficient in navigating it.
Understanding the Product
Understanding the product is the early stage of a UX project where the designer clarifies what the product does, who it serves, and how it makes or delivers value. It includes defining the target action, actor, and outcome, along with analyzing the business model behind the product. This groundwork shapes every later design decision, from conceptual design through prototyping.
Use Competition
Using competition means framing a decision or task as a contest against other users, such as leaderboards or limited spots, to motivate a favorable choice. People are often more willing to act quickly or commit fully when they sense they are competing against others. This taps into the same drive that makes gamification effective, applied specifically to nudging a conscious evaluation toward action.
Use Consciousness to Interfere
Using consciousness to interfere means inserting a moment of deliberate awareness into an otherwise automatic habit loop. A confirmation dialog before a purchase or a screen time warning before opening an app forces the user out of autopilot. This gives the user a chance to consciously decide whether to continue the routine.
Use Peer Comparisons
Peer comparisons show users how their behavior or choices compare to others in a similar group, such as "you used less energy than 80% of similar households." This taps into social norms, since people tend to adjust their behavior to align with what others like them are doing. It is commonly used to encourage a favorable decision by framing the target choice as the normal one.
User Stories
A user story is a short description of a feature written from the perspective of the user, typically following the format "as a \[user\], I want \[goal\] so that \[benefit\]." It keeps the product backlog focused on user needs rather than technical implementation details. Teams use user stories to prioritize what to build and to write acceptance criteria for each feature.
UX Best Practices
UX best practices are established design guidelines proven to improve how users notice, react to, evaluate, and act within a product. They cover getting a user's attention, producing a positive first impression, supporting a favorable conscious evaluation, creating urgency, and making the target action easy. These practices are drawn from repeated observation of what works across many products rather than from a single framework.