![]() You should come to a meeting with wireframes that are full of the level of detail you want to have a conversation about. If you want to have a conversation about the business value of a feature, but bring a wireframe that is full of images, colors, and other beautiful details, then you risk that conversation becoming about those details instead of the broader point around whether or not you want to create the product in the first place. When we think about the types of wireframes we want to make, we often think in terms of the fidelity - the level of detail - of those wireframes.Ĭhoosing the right level of fidelity for sharing wireframes is one of the most critical wireframing skills when working with others. What a wireframe stands for, and what it is intended to be used as, all comes down to the purpose of why it was made and the type of wireframe we’re talking about. They can represent a vision, a possibility, or even the final product. Wireframes are used to communicate with engineers how to create the product from code, showing the exact placement of elements on a screen, much like an architect would communicate how to build a house from scratch.Įssentially, wireframes can stand for a lot of different things. Wireframes also serve as blueprints, expressing the final product as it should be built. By visualizing how an idea can be implemented, teams can debate the value of one feature over another, discussing the compromises needed to execute on an idea the business wants to invest in. Wireframes also represent possible solutions. Using abstract shapes, boxes, and lines, wireframes serve as a way for people to have conversations about the direction of a product without getting into the details around color, positioning, or branding. They stand as high level, “what if” possibilities of how we could approach a business problem. Wireframes represent the vision of an idea. Generally created and used by designers (though other departments can generate and utilize them as well), wireframes allow designers to take business ideas and visualize them in a way that allows teams to debate features, discuss implementations, and create products for the customers they serve. ![]() ![]() It’s a tool, a technique that people use to communicate ideas, align teams, and work together toward delivering a final product. How can I get started making wireframes?Īt its core, a wireframe is a representation of a digital product.High fidelity: The pixel-perfect mockup.Midfidelity: The details without detail.To have conversations about digital products, we need to make representations of those products first, called wireframes. We need to take the ideas in our heads and put them down on paper, to discuss them. These conversations require anchor points - things that we can latch on to, see, talk about, and debate. To align on what we want to build, and how, we need to have many conversations around those details - from the strategic ones about where we are going, to tactical ones about how we are getting there. What are we going to build? What will it look like? How will it function? Everyone wants the product to succeed, and we each have different ideas for how that will happen. ![]() There’s a lot that goes into the planning and execution of delivering a digital product. Wireframing for responsive design and good UX ![]() You can learn more about his work on his portfolio or LinkedIn. Anthony Conta Follow Anthony is a Product Design Leader with over ten years of design experience across entertainment, media, and education, focusing on making products more engaging, interactive, and fun. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |