Wireframing and Product Specs
at some point in time in your S. C. O. Career you may be asked to do sdo project management and particularly they may ask you to put together a wire frame and a product spec for your idea. So we just realized that we want to create more drug pages for all of our the kinds of drugs that kids may be using. So let's now create that wire frame and I'll show you roughly how I would do that. So first you thing to note is that I think it's best to just do it by hand through a sketch for your first draft. When you're working with your designers just take a piece of paper, go to the page that you're trying to copy or you can take the screenshot we got earlier from the full page checker and just quickly draw an outline of the page and give that to your development team or your designer. And they can take it to the next step. If your team is looking for something more high fidelity you can use something like this which is balsamic balsamic has a whole bunch of drop down, you can just add them in ...
there. They even have preset page sizes. There's a lot you can do with balsamic and they even have templates that you can use. I personally love using sketch. So I'm going to show you that. So sketch is a tool that many designers use sketch templates and they as well have templates and you can see some of these templates here to start and these are from mobile mobile web but look at the templates here, you can download them and then once they're in sketch you can just move them around and move things around and create high fidelity mock up. Um you can also just do wire frames. So these are more of the wire frames is what you want to create. So yeah, there's sketch resources, there's balsamic. I would highly recommend that you keep everything if you're not a designer, if you don't have experience with these tools, keep everything in pen and paper, go to your design person right up all the requirements in terms of what the page looks like from that design and go from there. And the last thing I'll say about wire frames is if you've never used sketch or any of these programs before, sometimes even using one of the templates may be difficult. So what I would do is hire someone on fiber who already has these programs. You can start from scratch and have them design a fresh UI which might be a little more expensive or you can have them make modifications to your wireframe and the way that you find these kind of people as you go to graphic design web and mobile design and then you can click on wireframe uX and just like I mentioned before, you can filter by budget delivery time pro service and there you have it it makes it really easy. So if you've never used one of these tools like sketch or adobe illustrator, I would highly recommend starting with this.