Complete UX Design Process: Start to Finish

Home Forums UI / UX Complete UX Design Process: Start to Finish

  • This topic is empty.
  • Creator
    Topic
  • #942
    designboyo
    Keymaster
      Up
      0
      Down
      ::

      The UX design process is a methodology that helps designers create user-centered designs that are effective, efficient, and satisfying to use. The process consists of several stages, including research, analysis, design, and validation. You can use design systems to help you along the UX design process.

      Find users to interview – people you know, an agency that you worked for that has a database of users, user testing sites (User Testing, User Interviews), social networks or ask random people. Offer gift cards as rewards, this can work well.

      Prepare for interview – ask open ended questions, gather data.

      Test your first version or MVP product with users.

      If you work for an agency and they assign a UX project, get to know company and the users to find what they are looking for from the product. Here accessibility will come into play – make sure you have thought of visually impaired and people with disabilities.

      Consult any business requirements associated with your project, including any goals or parameters you received from your client or other business stakeholders. Then, conduct your empathy work in ways that align with those goals and parameters.

      UX design is all about iterating through the design thinking process: Empathizing with users, defining user needs, ideating on design solutions, creating lo-fi and hi-fi prototypes, and finally testing those prototypes and making refinements. 

       

      The first stage of the UX process is research. Designers seek to understand the needs, wants, and behaviors of the users. The goal is to collect as much information as possible about the users’ pain points, motivations, and expectations. This stage can involve various methods of research, such as surveys, interviews, focus groups, and observation.

      Empathize with your user. Empathizing is the first step in the design process. You need to know who you’re solving for, how users have experienced your product and what their needs are (Conduct User Interviews).

      • Analysis

      After gathering insights from user research, the next step is analysis. In this stage, the designer analyzes the data collected in the research stage and identifies patterns, trends, and insights. The goal is to identify the user’s needs, pain points, and behaviors and use this information to create a user-centered design.

      You empathized with your user already by creating:

      Empathy maps

      You know their pain points before creating personas.

      User personas

      User stories (one sentence fictional story told from the persona’s point of view to inspire and inform design decisions)

      User journey maps

       

      • Step 2: Define the problem.

      Defining is the second step in the design process. The problem you’re trying to solve should be well defined, so that everyone on your team can think of ideas to solve the same problem.

      “Which of my users’ needs or problems are the most important for my design to address? “

      Knowing exactly what problem you need to solve will also keep your users’ needs top-of-mind.

      Create problem statements

      Hypothesis statements

      Value proportions: (What does your product do? Clearly explain the offering that your product provides users. Why should the user care? Describe how your product addresses users’ pain points. (Connect these features and benefits with the needs of your users)

       

      Define problems statements –

      The 5 Ws and H: who, what, when, where, why, and how

      Who is experiencing the problem? 

      What are the pain points you’re trying to solve? 

      Where is the user when they’re using the product?

      When does the problem occur?

      Why is the problem important? 

      How are users reaching their goals by using the product? 

      Build goal statements: one or two sentences that describe a product and its benefits for the user. The goal statement provides the ideal solution for your design challenge. Goal statements cover who the product will serve, what the product will do, and why the product solves the user’s need. 

      A strong goal statement:

      • Describes a specific action users can take or what the product will do.
      • Defines who the action will affect.
      • States the positive impact of the action or why the product solves the user’s need.
      • Outlines success in measurable terms.

       

      Conduct a Competitive audit, which is an overview of your competitors’ strengths and weaknesses

      The competition falls into two categories: direct and indirect. Direct competitors are companies that have offerings similar to your product and focus on the same audience. Indirect competitors can have a similar set of offerings and a different audience, or a different set of offerings with the same audience.

      “How might we” (HMW) as a design thinking activity. ex. How might we make keeping track of spending a fun competition among friends? 

      Sketch Ideas using – Crazy 8’s

       

      The design stage is where the designer creates the visual and interactive elements of the product. This stage includes creating user flows, wireframes, and prototypes. The goal is to create a design that is visually appealing, easy to use, and meets the user’s needs. This stage can involve various tools, such as Sketch, Figma, or Adobe XD.

       

      User Flow

      After gathering insights from user research, the next step is to create a user flow. A user flow is a visual representation of the steps a user takes to accomplish a task or goal within the product. It helps the designer identify potential pain points in the user journey and ensures that the design meets the user’s needs.

      Create user flows – path taken by a typical user on an app or website to complete a task from start to finish.

      Circles show actions that a user will take when moving through your design. They show a task that must be completed, or steps that must be completed to complete a task from start to finish.

      Rectangles describe screens in your digital product, such as a homepage or confirmation page, that users will experience while completing tasks.

      Diamonds ask questions where the user must make a decision. The decision made will either move them forward through the flow or back to start the process again.

      Lines with arrows tie everything together and display the flow of information.

      Create storyboards – explore users experience with a product

      • Big-picture storyboards focus on what the user needs, their context, and why the product will be useful to the user. Big-picture storyboards are often used early in the design process when designers are trying to get stakeholders to support their ideas.
      • Close-up storyboards concentrate on the product and how it works. They’re best used in the middle to the end of the design process.

       

      Then prepare some Paper and digital wireframes

      And some Lo-fi prototypes with connected wireframes

       

      Task Flow

      Task flows are similar to user flows but focus on specific tasks within the product. They outline the steps a user takes to complete a specific task, such as making a purchase or booking a reservation. Task flows can help the designer identify the critical paths of a user’s journey and optimize the design accordingly.

      Sketch on paper: Once the user flow and task flow have been established, the designer can begin to create sketches. Sketches are quick, rough drawings that explore different design solutions. The goal is to generate a variety of ideas and concepts to solve the user’s problem. Sketches can be created using pen and paper or digital tools.

      Workflow

       

      Flowcharts

       

      Low-Fidelity Wireframes

       

      High-Fidelity Wireframes

       

      Prototyping: The process of creating a functional version of the product. The prototype can be a clickable prototype, a static prototype, or a functional prototype, depending on the project’s needs. The goal of prototyping is to test the product’s usability, functionality, and design with real users.

       

      • Step 5: Test/Validation

      The final stage of the UX process is validation. In this stage, the designer tests the design with real users and collects feedback. The goal is to identify any usability issues and make improvements before the product is released. This stage can involve various methods of validation, such as user testing, usability testing, A/B testing, or heuristic evaluations.

      User Testing: User testing is the process of observing users interacting with the product. It can be done in-person or remotely, and the feedback collected can help improve the design. User testing can be done at any stage of the UX process but is most commonly done after prototyping.

       

      Design Iteration

      Based on the feedback collected from user testing, the designer can iterate on the design. This can involve making changes to the user flow, task flow, wireframes, or prototype. The goal is to refine the design and create a product that meets the user’s needs.

       

      Final Design

      After multiple iterations and testing, the final design is created. The final design incorporates all the elements of the UX process, including user research, user flow, task flow, sketches, low-fidelity wireframes, high-fidelity wireframes, prototyping, user testing, and design iteration.

       

      Tools Used in the UX Process

      The UX process requires a variety of tools to accomplish each stage. Here are some of the most commonly used tools in the UX process:

      1. Sketching and Whiteboarding: Essential tools for ideation and brainstorming. They allow the designer to quickly explore and refine ideas and concepts.
      2. Wireframing: Wireframes can be created using digital tools such as Sketch or Figma.
      3. Prototyping
      4. User Testing
      5. Analytics: Analytics tools such as Google Analytics can be used to collect data on user behavior and inform the design process.

       

      The UX process is a methodology that helps designers create user-centered designs that are effective, efficient, and satisfying to use. The process consists of several stages, including research, analysis, define, Ideate, design, validation and more. Each stage requires a variety of tools, such as sketching, wireframing, prototyping, user testing, and analytics. By following the UX process and using the right tools, designers can create products that meet the user’s needs and expectations.

      UX research methodologies in the product and service design lifecycle.

       

    Share
    • You must be logged in to reply to this topic.
    Share