Redesigning App
Scan to Go is an application that aims to help the restaurants and cafes accept and manage orders online. Manually keeping track of all the orders that a cafe recieves on a difficult. day So they can use Scan2Go to recieve orders and track them.
My work
-
Finding flaws in the old apps and improve design layout
-
Competitive Analysis and user research
-
Creating a working prototype and conducting usability testing to test the new design and features
Why Redesign
During the pandemic the restaurants preferred to reduce the contact while ordering. Scan2go is an app which focuses on reducing the contact while ordering food in cafes and restaurants. The app was previously designed by our coding team due to which they missed some crucial points while designing the app. I along with my colleague went through the app and felt redesigning would provide a good experience to the user. That is why we decided to redesigned the whole app.
Findings from the restaurant app
-
The design was cluttered and it was difficult to use the app due to this.
-
Due to misalignments and not using the proper colors users felt misguided while using the app.
-
There was not a proper flow in the app.
-
Not user friendly.
-
Categories and notification issues.
-
Restaurant managers wanted a way to manage and analyze their stats
Findings from the webapp
-
Users were not able to search the items they were looking for due to lack of search bar in the web app.
-
No option to pay offline.
-
Improving the page layout.
-
Due to misalignments and not using the proper colors users felt misguided while using the app.
Goals to Achieve
-
To improve the User interface and aligments
-
To use good color combinations which will not misguide the users
-
Improving the user flow of the app
-
Adding dashboard features would help the restaurant waiters and managers to analyse there restaurant statistics.
-
adding a search bar in the web app
-
adding an option to pay offline
-
Have proper call to action
Competitive analysis helped us in seeking the services provided by most of the apps. According to the competitor analysis we found that there are multiple web apps providing service to order food in store. We also understood the way they designed the UI. So we, tried to improve the usability by providing features such as which would make our app stand out
-
Data analysis of there sales
-
Providing an easy way to download monthly invoice
-
Providing order monitoring
-
Providing Multiple Payment methods
Information Architecture
Represents new or added components
Represents old components
New architecture
Old architecture
This is the video which I made using After effects for the Instagram page and Website to showcase what the web app do.
Usability testing
I created a working prototype on Figma which we used for usability testing on the restaurant staff and get the review from them about the design and working of the app. We tested the prototype by watching them use the app on the phone in their own cafes and restaurants. By doing usability testing we understood some points in design which needed some changes.
Usability testing questions
-
Open the app and login
-
After you login check account details
-
Check not active orders by going in the orders tab
-
Suppose you think of adding a new dish in the menu how will you do it
-
If you want to edit the dish then, how will you do it and update it
-
How will you change the timings of the restaurant from the settings
-
What is difficult for you to find on the page
-
What did you find confusing
-
Did you like the new design and the use of colors.
-
How was your experience while adding and editing dishes
What I achieved from this project
I enjoyed working on this project. Initially I only focused on finding the flaws in the old design and redesigning it but, then while in the process I understood that there is much more to it.
While working on this project I gave emphasize on usability testing which gave insights about the small problems they faced while using the app. I understood that people dont do what they are thinking so it is good to test it out by watching them use the app. I understood how to sync with other colleagues who are working in different departments, and asking about their opinions and their constraints. Designing is a continuous process and never ends so it is best to iterate over and over again moving closer to the solution.
This was my design process for redesigning this wonderful app