romeliyan

Approach Type	Specific Methodology	Key Decision-Makers (When to Choose This Specific Method)
Processes	Design Sprint	Need a Quick Answer: Must answer a critical business question in 4–5 days. High-stakes Decision: Risk reduction is the top priority.
	Goal-Directed Design (GDD)	Designing Complex Systems: Focus is on detailed user goals, tasks, and flows (common in enterprise/SaaS).
	Contextual Design	Deep, Field-Based Research: The product use is complex and must be understood in the user’s natural environment.
Frameworks	Design Thinking	Ambiguous/Hairy Problems: Ideal for blue-sky innovation or services with no clear solution yet. Team Education: Used to foster a culture of empathy.
	Jobs To Be Done (JTBD)	Challenging Status Quo/Innovation: Seeking new market opportunities by defining the motivation (

romeliyan

Question	Contextual Factor	Methodology Implication
What is the current product stage?	Maturity & Clarity: Are you exploring a new problem (Discovery), refining an existing product (Iteration), or building a proven concept (Execution)?	Early-stage ambiguity demands Frameworks or Hybrid approaches. Late-stage efficiency needs Processes.
What are your time and budget constraints?	Speed & Scope: Do you have 6 months or 5 days? Is the budget flexible or strictly defined?	High-pressure, short timelines favor Design Sprints or Lean UX.
How much risk is involved?	Uncertainty & Impact: Is this a completely new market, or a minor feature update?	High-risk, high-uncertainty projects need continuous testing (Lean UX). Low-risk projects can follow a more linear Process.
What is your team’s expertise and size?	Capability & Collaboration: Are you a small, co-located team

romeliyan

import React, { Component } from 'react'

class User extends Component {
    state = {
        name: null,
        age: null,
        class: null
    }

    handleChange = (e) => {

romeliyan

import React from 'react'

const Users = (props) => {
    const { users } = props;

    const userList = users.map(user => {
        return (
            <div className="user" key={user.name}>
                <div>Name : {user.name}</div>
                <div>Age : {user.age}</div>