![]() ![]() ![]() Make time to create a presentation (or written report at the very least) about the process you went through and map your solution back to the problem it solves. This is an opportunity to get everyone on board and ease any concerns others might have about your design.Ī good design should also be a good storyteller. It may seem unnecessary, but bringing the design full circle by restating the original problem and explaining your design choices to the stakeholders is a crucial step is moving your design toward implementation. Communicating your idea effectively and following it through to implementation can take as much effort, if not more.Ī good wireframe should have 2 forms of communication to go along with it: The story behind it and instructions for developers.Īt this point you've put a lot of thought into the design and made deliberate design decisions that aren't visible in the wireframe. It's also good to leave out finer details like fonts, colors, and interaction details that will be distracting in the next step.ĭon't make the mistake of thinking that because you've arrived at a solution that you're done.Ĭoming up with a good design (steps 1-3) is typically only about 50% of the work in the design process. But don't strive for the final design here, try to have a few different variations for each screen, even if you're not 100% about the feasibility or layout. In this step you should start to see some solid user interface concepts come together that you're excited about. Then add the missing details or steps that you overlooked in the initial generation phase.įeel free to involve other colleagues who know the problem and use cases as design collaborators. Collect and combine the concepts that address your users' needs in the most elegant way. The goal in this step is to piece together the best parts of the ideas you visualized in the previous step. If you've done the previous step successfully you should find ideas and directions that you didn't anticipate. Now it's time to look at your creative output. If you're having trouble with this step, read about Wireframing Key Screens to Kickstart the Design Process and Wireframing Tips for Getting "Unstuck". When you are satisfied with your responses to these questions, you are ready for the next step. What are some of the actions or operations they are likely to perform?Īnswering these questions will start you out on the right foot and prevent you from solving the wrong problem, which is much harder to fix later on.What is their goal? What problem does this product or feature solve for them?.Stop and go back to your requirements and/or user research.ĭon't start designing before you fully understand the problem.Ī good template to start with is to write out these 3 questions: If you can't answer these basic questions, you aren't ready to wireframe. You must first understand who you are designing for and what problem you are trying to solve. Steps in the wireframing process:īefore you open your wireframing tool or start sketching, take a few moments to write out the scenario you're addressing. Follow these steps to create designs that lead to successful products. But creating a great wireframe, one that contributes to creating a great product, goes far beyond having an idea and drawing a picture of it.Ī great wireframe is one that solves a real problem. From writing out the scenario to gathering inputs, here is a proven path to a great website or app.Ĭreating a wireframe is easy. Good wireframes solve real problems and lead to strong products.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |