Luc Thomasen posted an update 3 months ago
From my own experience, I assume you could categorise the site design process into two sections: the look process that doesn’t utilize a prototyping tool, and the the one that does. Being for both sides on this fence, We’ve an awareness of methods both of these processes work and even though designing with out a wireframe really does work, I might have to vote towards them.Wireframing, the development of a “visual blueprint”, needn’t be overly complicated. At the most beginner’s, I have come across wireframes that are are simply compilation of post-it notes together with the interface (UI) elements drawn on them. They are then placed onto a sheet of paper to demonstrate the structural layout. Organic and natural to wireframes produced through design software and you will view a slightly more refined wireframe through the latter, but regardless how you wish to make your structural model, it’s wise always exactly the same. Simply put, it shows yourself, the consumer and other party where things will likely be on the page.This may be a real-time saver in case you are creating a website for the client. Going back to my events of being on “side A” from the fence, when producing a website to get a client I never utilized to execute any wireframing process in the past. The complete process was comprised of: gathering requirements, spec’ing your website, creating the graphical UI after which building the site if the design was agreed. The main flaw I found with this process could be the possibility of your client looking to change the main layout quite considerably. I’d have zero problem when they would like to tweak things in some places e.g. colours, make text larger, then add more images in some places, make the video a little bigger (the typical stuff); nonetheless it would be a good deal more painful should they then wish to move numerous things about around the page that directly affected the “page template”. Jumping up to “side B” from the fence and producing the wired layout to the site ensures that layout may be agreed beforehand in the knowledge that if the UI design is presented, you might then only need to update the standard stuff.The need to Spell it for ClientsEven if presenting a wireframe to a client though, I have had occasions where they might be unwilling to sign this part off on the basis which it looks very “blocky” and “plain”. “Yes it does” would be my immediate reply to this as these blocks determines where we are going to put things in your lovely page to ensure that whenever you get back to me down the road once you’ve reviewed the graphical design, you can not then notify me why is the navigation up here instead of over there? Keep in mind that, I’ve had clients this way during the past so even when making a wireframe, there may be when you still must spell against each other that this is solely to get the layout correct for starters, then we’ll make use of the pretty small bit with it afterwards.A collection of Design SoftwareYou don’t have to necessarily know the right path around Adobe software to be able to produce some decent wireframes. I use an internet tool, Cacoo, to produce mine. This online software lets you drag and drop pre-created elements on to your page. This may save lots of time during the process.?Conclusions Please…Much like everything web related, everyone will have their unique opinion for this topic, but my own, personal preference is with a wireframe whenever I’m designing a web site. Whether or not it’s for a client and for my personal site, no matter because it ensures that the UI design is sped up because you’re effectively working from the template.When you’re focusing on a job for any client, then looking to have Joe Bloggs sign off the wires before starting about the UI is part of this design method that I’d personally call fundamental to making sure that you maintain good budget and time management on the project.