DEV Community

Antony Kimani
Antony Kimani

Posted on

Product Design and Intro into creating wire frames

Product design is the process of creating a product. It can be anything from a website to an app, video game, or even an entire product line.
Wireframes are a visual representation of your product that show how it will look and function on different devices, so that you can see where you need to make changes before you start building it out in code. They also help you see what parts of your product might work better together than they do separately, which is important when designing for mobile platforms such as smartphones or tablets."

I'm going to be talking about the basics of product design, which is one of the most important steps in the process of developing a new product or website.

The first step is wireframing, which is a step that involves creating a visual representation of your app or website before you build it out. This means that you can see where things will be placed in your app or website and what functionality they will have before getting started on coding. Wireframing will help you to see if there are any holes or opportunities for improvement in your idea.

There are several types of wireframes; going from low-fidelity wireframes,medium-fidelity-wireframes to High-fidelity-wireframes. The best way to determine what kind of wireframe works best for your project is by testing different kinds until you find something that fits perfectly with what you're trying to accomplish with your app or website.

Wireframe is a visual model of your website or app before you start coding. Wireframes are a collection of basic elements that show how the site or app will look and function, minus any content or functionality. Wireframes are usually created in the same style as a physical prototype, but they are not actually real products.

Wireframing can help you make sure your design goals are well-defined and set up before you start building. It also gives you a chance to test out different ideas and see which ones work best before diving into more expensive development work like programming or server setup.

Top comments (0)