Week 5 still in the progress of developing the application, start to create the functions for authentication and connecting databases. Also creating the main function for queuing.
Testing and UI Design Review
This week I also did some user testing and try to get some feedback. Not forget to mention also I try to get some feedback about my UI design from other developers and designers.
Testing App – Heat maps
User Flow
UI Design Review
From the testing that I have done, I get some feedback and insight for my project. My app is still far away from completion with this testing I can improve some area.
In the 4th week, I have been developing the application, finishing the frontend, and start developing the backend to communicate with firebase for the database
Nothing haven’t been improve because working at the backend is lot of struggle.
For the 3rd week, what I do is only focus on the front-end development stage. This is some screenshots for the development progress I have been working.
The second I start to design my logo concept into a digital image. I create some logos for comparison and finding which one is the best logo I can use for my application.
Finishing Wireframe and UI Design
Not only I design the logo for my app but also finishing my wireframe and UI Design, there is several revision I make for the UI.
Inline Wireframe Examples
Inline UI-Design Examples
This is some example some screens for my application, but this is still not my final UI because there will be more revision to make it more easy and sense for the users.
Learning Flutter
Moving from ideation and designing, it’s time to do some development. In this project, I use flutter as my framework to develop my application. In the last week, I have learned about Dart programming language and the structure of it. These are some resources that I used for my studies about flutter and dart.
My first week after finishing my FMP contract I did some brainstorming to ideate my project. What is the use case, user flow (where it starts and ends), also manage to find all the screens I need to develop later.
App logo Ideation
After working with my base app idea, I sketch some ideas for my application logo.
Here is some of my idea, still by sketch but later I will design it using Adobe Illustrator.
Rough Wireframe
The next thing I do is making some wireframe sketch, trying different idea that I can implement to my project.
Colour choice
Doing some research about colour theory and choosing the right colour theme for my app project.
After doing my research I decide that i will use an red’is – orange colour as my primary colour.
Primary colour
Why i choose this colour? Red in colour phycology have a meaning that it is exciting, full of energy and action. For orange it self have a meaning about creativity, adventures, and balance. With this colour as a primary colour, I hope the user can feel that this app is exciting to use and balance in action for queueing. No need to rush and be patient.
After choosing my primary colour I tried to do some UI design. I want to see if the colour fits my project
Develop a queuing app to provide help for local business to run in the current situation. By implementing social/physical distancing customer no need again to queue outside, they can just search the place they want to go and queue using the app. In the queuing app user will see how many queues a store can accept in a day and how may customers can go inside the store at a time. User will be providing with a number and timestamp that indicate how many times left before their turn.
This project idea not only for this current situation but also can be useful for the future. By using a queuing app business can run more smoothly, for example small services. Users will feel more relief that they now their turn to use the service.