7-3 Ideate Phase in Figma
Key Concepts
The 7-3 Ideate Phase in Figma involves generating a large number of ideas (7) and then refining them down to the most promising ones (3). This phase is crucial for fostering creativity, exploring multiple possibilities, and ultimately selecting the best solutions.
1. Brainstorming
Brainstorming is the initial step where you generate as many ideas as possible without judgment. The goal is to encourage free thinking and capture a wide range of possibilities. In Figma, this can be done by creating multiple frames or pages to sketch out different concepts.
Example: If you are designing a new mobile app, create seven different frames, each representing a unique idea for the app's layout, features, or user flow. This allows you to explore various design directions without limiting your creativity.
2. Divergent Thinking
Divergent Thinking involves expanding on the initial ideas by considering different perspectives and variations. This step encourages you to think outside the box and consider unconventional solutions. In Figma, you can use components and variants to create multiple versions of the same idea.
Example: For one of the app layout ideas, create variants that explore different color schemes, button styles, and navigation patterns. This helps in visualizing how small changes can impact the overall design.
3. Convergent Thinking
Convergent Thinking is the process of narrowing down the ideas to the most viable and promising ones. This involves evaluating the ideas based on criteria such as feasibility, user needs, and alignment with project goals. In Figma, you can use comments and annotations to discuss and critique the ideas.
Example: After generating seven different app layout ideas, use the comments feature to discuss the pros and cons of each. Based on the feedback, select the three most promising ideas to move forward with.
4. Prototyping
Prototyping involves creating interactive models of the selected ideas to test their functionality and user experience. In Figma, you can use the prototyping tools to link frames and create clickable prototypes. This helps in visualizing how users will interact with the design.
Example: For the three selected app layout ideas, create clickable prototypes that simulate the user flow. This allows you to test how intuitive and user-friendly each design is, providing valuable insights for further refinement.
5. Feedback and Iteration
Feedback and Iteration involve gathering input from stakeholders and users to refine the prototypes. This step is crucial for identifying issues and making improvements. In Figma, you can use the commenting and version control features to manage feedback and track changes.
Example: Share the prototypes with a group of users and gather their feedback using the commenting feature. Use this feedback to make iterative changes, ensuring that the final design meets user needs and expectations.
6. Selection and Finalization
Selection and Finalization involve choosing the best idea based on the feedback and testing results. This step ensures that the final design is both innovative and practical. In Figma, you can use the version control and history features to document the selection process and finalize the design.
Example: After several rounds of feedback and iteration, select the app layout idea that received the most positive feedback and best met the project goals. Use the version control feature to finalize this design, ensuring it is ready for implementation.
7. Documentation
Documentation involves recording the ideation process, including the initial ideas, feedback, and final decisions. This step ensures that the design rationale is clear and can be referenced in the future. In Figma, you can use the comments, annotations, and version history to document the process.
Example: Create a summary document that outlines the seven initial ideas, the feedback received, and the final design decision. Use the comments and version history to provide context and support for the final design choices.