Look Mock Analyze Template

The Look, Mock, Analyze approach is a structured method for analyzing and critiquing designs or creative work. It involves three key steps:

Look: In this stage, participants carefully examine the design or creative work, focusing on its visual and functional aspects.

Mock: During this step, participants create mockups, annotations, or proposed changes directly on the design to suggest improvements or address issues.

Analyze: In the final stage, the team discusses and analyzes the feedback and annotations made during the "Mock" stage. They identify strengths, weaknesses, and opportunities for refinement.

This approach promotes collaborative and constructive design critique, making it an effective tool for enhancing creative projects.

Benefits of using the Look, Mock, Analyze Template

The Look, Mock, Analyze Template offers several benefits:

Structured Design Review
It provides a systematic and organized approach to evaluating and improving designs, ensuring a thorough review process.

Collaboration
The template encourages collaboration among team members or stakeholders, as they can easily annotate and discuss designs in one shared space.

Visual Feedback
It allows for visual feedback through annotations and mockups, making it easier to pinpoint and address specific design elements.

Efficient Iteration
Teams can quickly iterate and refine designs based on the feedback and analysis, leading to improved final outcomes.

When to use the Look, Mock, Analyze Template

You can use the Look, Mock, Analyze Template in various design and creative processes, including:

• Design Reviews: When conducting design reviews to gather feedback and insights from team members or stakeholders.
• Collaborative Design Workshops: During collaborative design workshops where multiple participants need to analyze and improve designs collectively.
• UI/UX Iteration: In the iterative process of refining user interfaces and user experiences, allowing for efficient design improvements.
• Prototyping: When creating and evaluating prototypes to identify design flaws and make necessary adjustments.
• Creative Brainstorming: As part of creative brainstorming sessions to visualize and refine innovative concepts and ideas.

Create your own Look, Mock, Analyze analysis

Creating your own Look, Mock, Analyze analysis is a straightforward process using FigJam's versatile whiteboard tool. Follow these easy steps:

Step 1: Select the Look, Mock, Analyze Template
Begin by selecting the Look, Mock, Analyze Template in FigJam. Share your board with your design team by copying and sending a team invite link or inviting members directly from Slack or Gmail.

Step 2: Populate the "Look" Section
In the "Look" section of your board, gather reference materials and inspirational content. Collect visual references by adding web screenshots using the Chrome Extension or the Capture web page feature. Consider sourcing ideas from competitors and successful existing designs as a starting point.

Step 3: Expand in the "Mock" Section
Transition to the "Mock" section to unleash your creativity. Here, you'll add your unique design ideas based on the reference materials. While using the references as a foundation, encourage your team to inject their creative flair into the designs. Be open to unconventional concepts, as this step is more about creative brainstorming than strategic planning.

Step 4: Collaborate in the "Analyze" Column
Complete the process in the "Analyze" column, where your team evaluates the mockups and engages in discussions about the strengths and weaknesses of each design. Effective communication and collaboration are key at this stage. Utilize digital sticky notes, comments, and team member mentions to facilitate meaningful idea sharing and analysis.

Here's an example of an effective mock analysis using the Look, Mock, Analyze method:

Project: Redesign of E-commerce Checkout Page

Look (Reference Material):

• Screenshots of top e-commerce competitors' checkout pages, highlighting user-friendly features.
• Inspirational images from websites known for their exceptional design and user experience.
• User feedback and customer reviews focusing on pain points during the checkout process.
• Data on cart abandonment rates and user drop-offs at various stages of checkout.

Mock (Design Ideas):

• Proposed a one-page checkout design inspired by competitors, eliminating the need for multiple steps.
• Introduced a progress bar with clear, concise steps, such as "Shipping," "Payment," and "Review."
• Integrated a guest checkout option for users who want to skip registration.
• Enhanced mobile responsiveness for a seamless experience on smartphones and tablets.
• Included a "Save for Later" feature for items in the cart to reduce abandonment.
• Experimented with different color schemes and button placements for A/B testing.

Analyze (Pros and Cons):

Pros:

• The one-page checkout simplifies the process and reduces friction.
• The progress bar helps users track their progress and builds trust.
• The guest checkout option caters to users seeking a quicker transaction.
• Improved mobile responsiveness addresses a growing segment of users.
• "Save for Later" could enhance user retention and increase conversions.
• A/B testing may reveal valuable insights into design preferences.

Cons:

• The one-page layout may appear cluttered on smaller screens.
• The guest checkout could compromise data collection for future marketing.
• Mobile responsiveness may require further optimization for different devices.
• Improved mobile responsiveness addresses a growing segment of users.
• "Save for Later" might introduce complexities in cart management.
• A/B testing results are pending and may not guarantee design improvements.

By following the Look, Mock, Analyze approach, our design team has identified the strengths and weaknesses of the proposed checkout page redesign. The analysis highlights valuable insights and considerations, allowing for data-driven decisions and further iterations before implementation.