Whether you are developing a website or a software application the user interface design has to be remarkable. But between the various deliverables of a project what is the ideal point for defining the design requirements start?
Design is the most important part of any website or software project because it’ll impact the user experience. Don’t get me wrong, without the database, the software code, the testing and everything else “under the hood” the application won’t work so I don’t want to give the impression that those aren’t important because they are. But it’s the user interface design that allows a user to interact with all that functionality and put it to work.
But does functionality drive design or does design drive functionality? Ultimately, they need to come together at the same time. We have taken on development projects and the designs for the user interface were already complete but the functional requirements have not even been defined yet. We have also taken on design projects where everything has been developed but nothing has been designed yet. These have each created obstacles and some rework.
The ideal situation is to make it a collaborative effort. Design teams and development teams have to work in unison and the best way to do that is to get all sides engaged from the very beginning. When the functional requirements are being defined you would want the development team and the design team discussing how each requirement will function as it relates to the overall experience while being mindful of the budget. Once the functionality has been defined then both developers and designers go into their corners and work on their next deliverables while the business analyst starts writing the use cases (or user stories) for those requirements. The user interface designers now know how the application will be architected and what the solution needs to be so they are able to take those requirements and start creating the wireframes. Each wireframe will be designed so the functional requirements can be met. After all this is complete then the beauty starts by creating the graphical design which now matches the wireframes which matches the functional requirements.