<\/p>\n
1.Collect as much information as possible<\/strong><\/h2>\nYou will need to get the next information to begin the app design:<\/p>\n
\n\n- Briefing of the project<\/b>. Its necessary to obtain all the information about the functionality of the application, for which platform we will design, if it will be native or not, webapp, hybrid\u2026<\/li>\n
- Agreed budget or estimate hours that you can spend to the project.<\/b> It is also very important to know how custom you can make your design depending of the developers time accord. Something important to know is that the design determine the difficulty of the development.<\/li>\n
- Client ideas.<\/b> If she or he has any preference or fundamental requirements, its very important to keep them on mind. We can\u2019t forget that we must satisfy the client\u00b4s needs but, at the same time, the professional designer determine if those ideas are optimal or not for the result.<\/li>\n
- Corporate guidelines.<\/b> For adjust our design to their corporate guidelines, (if they have it) we must apply the colours, the fonts, logos etc correctly, this step is very important.<\/li>\n<\/ul>\n
<\/p>\n<\/div>\n
2.Research for some references<\/b><\/h2>\nIts very recommended to research some similar apps to get ideas, improve solutions and avoid typical mistakes. We should look and download similar apps for analyse them and and get which points in common are interesting, which errors you think they have, which parts you would take for your design\u2026etc<\/div>\nI would recommend to collect some screenshots, comments, sketches and create a mood board and organise all the ideas to get yourself inspired for the new app design.<\/div>\n <\/p>\n
3.Create a flow map with wireframes<\/b><\/h2>\nNow its time to draw all the functionalities needed in a wireframe, first just in sketches (hand drawn) and then made in digital. We must create a map with the navigation of each screen. Its very important to design correctly the architecture and don\u2019t forget any detail. We will plan every step and case that user could find using the app (register, login, errors, validations\u2026etc)<\/div>\n![\"app](\"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/01\/definir-areas-1-1024x414-1.png\")
<\/span><\/p>\n4.Meeting with the team and corroborate that everything is fine<\/b><\/h2>\nBefore we deliver the flow map to the client, we will corroborate with the team and product owner that the app design is correct and achievable for the developer\u00b4s work and even for the bugged estimated. It\u00b4s very important to talk to them and check the targets and also get their opinion about the UX designed. It\u00b4s essential that your design works correctly with all type of users.<\/div>\n<\/div>\n5.Validate the functionality and navigability with the client<\/b><\/h2>\nBefore we proceed with the UI, it would be necessary to validate the UX work done with the client to avoid possible costly changes (after we spend time working in design and even in development).<\/div>\n<\/div>\n6.Make some tests of design<\/b><\/h2>\nNow it would be time to do some versions with two or three screens of our app (with different colours, fonts, kind of menus, buttons, icons, etc) It would be recommended to choose the views that you could show the client the personality or style.<\/div>\n![\"\"](\"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/01\/pruebas-color-1-1024x451-1.png\")
<\/span><\/p>\nFor this test it is necessary to respect the corporate guidelines and also foresee the complexity in development. What does this mean? if the elements that are going to be used are native (as the manufacturers of iOs or Android recommend) they are easier and faster to implement for the developers, if they are going to be customised they increase the difficulty and time for them.<\/div>\n <\/p>\n
7.Apply the UI to the rest of the screens<\/b><\/h2>\nOnce the style has been validated by the client (maybe they have ordered us for some changes), we would proceed to apply the UI to the rest of the screens. We must not forget at any time anything validated by the client and team. The application must be attractive, easy and usable. That is our mission!<\/div>\n
- \n
- Briefing of the project<\/b>. Its necessary to obtain all the information about the functionality of the application, for which platform we will design, if it will be native or not, webapp, hybrid\u2026<\/li>\n
- Agreed budget or estimate hours that you can spend to the project.<\/b> It is also very important to know how custom you can make your design depending of the developers time accord. Something important to know is that the design determine the difficulty of the development.<\/li>\n
- Client ideas.<\/b> If she or he has any preference or fundamental requirements, its very important to keep them on mind. We can\u2019t forget that we must satisfy the client\u00b4s needs but, at the same time, the professional designer determine if those ideas are optimal or not for the result.<\/li>\n
- Corporate guidelines.<\/b> For adjust our design to their corporate guidelines, (if they have it) we must apply the colours, the fonts, logos etc correctly, this step is very important.<\/li>\n<\/ul>\n
<\/p>\n<\/div>\n
2.Research for some references<\/b><\/h2>\n
Its very recommended to research some similar apps to get ideas, improve solutions and avoid typical mistakes. We should look and download similar apps for analyse them and and get which points in common are interesting, which errors you think they have, which parts you would take for your design\u2026etc<\/div>\nI would recommend to collect some screenshots, comments, sketches and create a mood board and organise all the ideas to get yourself inspired for the new app design.<\/div>\n<\/p>\n
3.Create a flow map with wireframes<\/b><\/h2>\n
Now its time to draw all the functionalities needed in a wireframe, first just in sketches (hand drawn) and then made in digital. We must create a map with the navigation of each screen. Its very important to design correctly the architecture and don\u2019t forget any detail. We will plan every step and case that user could find using the app (register, login, errors, validations\u2026etc)<\/div>\n<\/span><\/p>\n4.Meeting with the team and corroborate that everything is fine<\/b><\/h2>\n
Before we deliver the flow map to the client, we will corroborate with the team and product owner that the app design is correct and achievable for the developer\u00b4s work and even for the bugged estimated. It\u00b4s very important to talk to them and check the targets and also get their opinion about the UX designed. It\u00b4s essential that your design works correctly with all type of users.<\/div>\n<\/div>\n5.Validate the functionality and navigability with the client<\/b><\/h2>\n
Before we proceed with the UI, it would be necessary to validate the UX work done with the client to avoid possible costly changes (after we spend time working in design and even in development).<\/div>\n<\/div>\n6.Make some tests of design<\/b><\/h2>\n
Now it would be time to do some versions with two or three screens of our app (with different colours, fonts, kind of menus, buttons, icons, etc) It would be recommended to choose the views that you could show the client the personality or style.<\/div>\n<\/span><\/p>\nFor this test it is necessary to respect the corporate guidelines and also foresee the complexity in development. What does this mean? if the elements that are going to be used are native (as the manufacturers of iOs or Android recommend) they are easier and faster to implement for the developers, if they are going to be customised they increase the difficulty and time for them.<\/div>\n<\/p>\n
7.Apply the UI to the rest of the screens<\/b><\/h2>\n
Once the style has been validated by the client (maybe they have ordered us for some changes), we would proceed to apply the UI to the rest of the screens. We must not forget at any time anything validated by the client and team. The application must be attractive, easy and usable. That is our mission!<\/div>\n - Agreed budget or estimate hours that you can spend to the project.<\/b> It is also very important to know how custom you can make your design depending of the developers time accord. Something important to know is that the design determine the difficulty of the development.<\/li>\n
![\"\"](\"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2018-02-27-at-16.52.54-1024x566-1.png\")
<\/span><\/p>\n![\"\"](\"https:\/\/mobivery.com\/wp-content\/uploads\/2022\/01\/AppStore-1024x652-1.png\")
<\/span><\/p>\n