Lets Talk About Process
This is a key part of my design & development processes i work with with agile tools and processes such it’s a pleasure showing you a breakdown of the steps which i take in the process for my product design.
It starts with the Exploration phase, I Believe Research is the key foundation to any great design, this is why i primary start with exploring the market research Mood Boards for any user driven product the Analysis is a critical point.
2. User Flows
By User flows I can map single or multiple user journey of the solution this is a great to visualise the possible scenarios normally start my flow in sketch where i have designed a set of workflow components to make this process more efficient.
3. Brainstorming & Sketching
This is the first step to help me outline the app and visually imagine it, its the fastest methods to get down multiple ideas using the good old pen and and paper pre commencing the Wireframing Process.
Following the sketching / idea process i start to implement the hand drawn sketches into Sketch to start building my skeletal framework this part of design process will allow me to arrange the different interface elements whilst focusing primarily on the functionality rather than the visual aspect of the design.
5. Visual Design
The idea really comes to live at this stage by creating mid fidelity mockups figuring the reusable components & layouts using predefined components from a pattern library or redesigning each components with functionality and sustainability in mind. The well-structured layout is one of the core parts of powerful UI.
Compiling the visuals for each user journey and using rapid prototyping tool such as inVison will give the user a more realistic feel from an interactive point during the testing process.
7. UX User Test & Analysis
Sitting in user test sessions is a great way to understand how each customer is reacting to each design allowing for a better judgment on designs.
8. Design Iteration
When visuals have been tested in lab feedback is provided on the bases of the results these are then implemented into the visuals and tested further to measure its adaption was successful this is normally a very repetitive process until the results are validated.
9. Development & Release
Following test building process will get started various quick build methods are used such use reusable partials allow allow for an easier refactoring of the code.
10. Measure & Learn
Following test building process will get started various quick build methods are used such use reusable partials allow allow for an easier refactoring of the code. During this process it crucial that that both backend and front end development are in sync this is normally achieved by kickoff meetings and standups. Developments process is approached by using code collaboration tools such as git, sourcestree to version control the code before code commits. Pull Branch commit.