Look Mock Analyze Template
Engage in collaborative design research with your team and streamline the design process. Discover inspiration, create mockups, and get feedback — all in one consolidated place.
About the Look, Mock, Analyze Template
Our Look, Mock, Analyze Template makes it easy to quickly create designs and get valuable feedback from your team. With this powerful tool, you’ll be able to identify your strengths and weaknesses, what you did right or wrong, and whether you spent your time efficiently.
What is the Look, Mock, Analyze approach?
Look, Mock, Analyze is a method that allows you to discover inspiration, create mockups, and analyze your designs. When developing a new product or starting work on a new design, it’s crucial for you to understand what customers want and to communicate your vision. But it’s equally important to learn what has already been done. This can help you find common patterns and gather additional inspiration.
Benefits of using the Look, Mock, Analyze Template
Here are a few ways this simple three-step process can help your design team:
Seek inspiration. Creating new designs can be tricky, especially if you’re stuck in a creative rut. The initial step in the Look, Mock, Analyze method is dedicated solely to finding unique, inspiring ideas. By looking externally for what you want your design to be, you can later collaborate on how to bring these new ideas to life.
Creates focus. Knowing where to start in the design process can be overwhelming. This template gives your team a broad idea of what design features they are aiming for and why. Based on these insights, everyone is aligned on where to focus their efforts and dedicate their time.
Collaborate with your team. Getting input and feedback from your team is a crucial part of the design process. It helps you see what’s working well and how things can be improved. Getting someone else's opinion can also help you see the small details you may have missed. By analyzing all the ideas you’ve gathered, your team can make a collective decision on the best design to pursue.
When to use the Look, Mock, Analyze Template
The Look, Mock, Analyze framework is especially useful for simplifying the design research process. It helps teams structure their research and analyze mockups when building any design concept. For example, you could use this template to come up with new designs for a mobile app or website. In one consolidated place, you can conduct research, gather references, sketch some ideas, and analyze the results. It’s that simple.
How to use the Look, Mock, Analyze Template
Step 1: Select this Look, Mock, Analyze Template and share your board with the rest of your design team. You can copy and send a team invite link or invite others from Slack or Gmail.
Step 2: Start with the “Look” section of your board. This is where you source reference materials and inspirational content. Add screenshots from the web using Chrome Extension or the Capture web page feature to collect your visual references. Your competitors and existing successful designs are a great place to start.
Step 3: Next, move on to the “Mock” section. This is the place for you to use your imagination and add your own design ideas to the board. Use your reference materials as a base, but add your own creative spin to the designs. This is the time for your team to get creative. Don’t be shy about adding a lot of ideas to the board, no matter how crazy they seem. This step is about creative brainstorming more than strategic thinking.
Step 4: Last but not least is the “Analyze” column. Here’s where your team analyzes all of the mockups and discusses the pros and cons of each. This crucial step calls for a lot of communication and collaboration. Add sticky notes, leave comments, and tag your team members to get your ideas across.
Example of an effective mock analysis
Let’s look at an example of how a team of UX designers could use the Look, Mock, Analyze Template for their design research. The UX design team has been asked to come up with an improved user interface for a mobile app.
Starting in the “Look” column, all the team members look for other apps that inspire them and that they think are designed well. They post links, take screenshots, and add any reference material that they think will help them.
Next, the team shares images of their own mockups. Taking the best features and designs from the reference material, they add diagrams, wireframes, sketches, and videos to the “Mock” section. The team now has a significant number of creative designs, some better than others. It’s time to analyze them.
The team collectively shares their feedback in real-time in the “Analyze” section of the board. Everyone is invited to share their analysis and why they think a design is particularly exciting or lacking. This is also the space for the team to take a deep dive into which designs are practical or not. Finally, the team votes on the best design ideas and collectively decides which ones to pursue.
Get started with this template right now.
Idea Drafting Template
The Idea Drafting Template encourages you to tap into your innate creativity by drawing pictures to quickly generate ideas. The sketching process stimulates a cycle of creativity that supports the development of concepts. By externalizing your thoughts through sketches and seeing them visualized, you can generate variations and continue the creative process.
Design Review Template
Works best for:
Design
Constructive feedback is a valuable skill. The Design Review Template provides a structured approach for effective conversations. Critiques promote collaboration and drive improvement, inspiring all participants. It's an accessible way to involve people beyond your core team.
Workflow Template
Works best for:
Project Management, Workflows
The digital world requires collaboration, and better collaboration leads to better results. A workflow is a project management tool that allows you to sketch out the various steps, resources, timeline and roles necessary to complete a project. It can be used on any multi-step project, whether it’s a business process or otherwise, and is ideal for plotting out the tangible actions you’ll need to take to achieve a goal and the order in which you need to complete those actions.
Website Landing Page Wireframe Template
Works best for:
Wireframe, UX, Design
The Website Wireframe template equips you with everything needed to kickstart your next website or web page concept. Rather than starting from scratch, the template offers a ready-to-use, customizable layout for your designs. Change and rearrange the included pages and components to build the perfect wireframe for your project.
Research Template
Works best for:
Education, Desk Research, Product Management
Teams often need to document findings from usability testing sessions and customer interviews into a systematic, flexible user research template. Collecting everyone’s observations into a centralized location makes it easier to share insights company-wide and suggest new features based on user needs. Research templates can be used to record quantitative or qualitative data.. When it’s your job to ask questions, take notes, learn more about your user, and test iteratively, a Research Template can help you validate your assumptions, find similarities across different users, and articulate their mental models, needs, and goals.
Voice of the Customer Template
Works best for:
Marketing, Desk Research, User Experience
Identifying the voice of the customer is a crucial part of any customer experience strategy. Your Voice of Customer is simply a framework for understanding your customers’ needs, wants, preferences, and expectations as they interact with your brand. Evaluating your Voice of Customer allows you to dive into what your customers are thinking, feeling, and saying about your products and services, so you can build a better customer journey. Use the Voice of Customer template to record answers to key questions about your customer, including: What are they saying about our product? What do they need? How can we fulfill that need? And who is this persona?