Note: Because this is an ongoing series, viewers will not receive a certificate of completion.
Skill Level Beginner
- Communications, when involved in any building project, can be frustrating. You have an idea in your head but you may be having a hard time communicating it to your web developer who can build it for you. The web developer is frustrated because she knows that you don't have the technical chops to have a detailed conversation about what's required. So, what can you do? How can you resolve this situation? Wireframing is a great way to communicate what you want to your web development team. Wireframing is the concept of drawing your website, showing exactly what happens at each step of the process. Wireframes can be as simple as a pen and paper drawing. Or you can get fancier and use software for this purpose like InVision, Adobe XD or Balsamiq. A wireframe shows a rough idea of what the screen will look like. It might not take into account the perfect color scheme or the right fonts, or the perfect photos. It focuses on the functionality. If I click here, what happens next? A wireframe will force you to think through every part of your idea. Take login for example. We assume that a login box will take a user name and password and let a person log in. No big deal, right? But, what if the password is wrong or the account doesn't exist? What are the error messages? How many times can someone try to log in before the account gets locked? This will help your web developer be very clear about what you want for your website. Furthermore, the developer can focus their questions on things you've not thought about or additional functionality you want to consider and that's why a wireframe is a great way to make sure web developers, web designers and clients have good communications about what's expected and how things should be working. Do you have other tips for effective communications with web developers? Share your ideas in our LinkedIn group.