PayCrave is a mobile app that lets users locate a food truck near them and make an easy, fast online order before they even arrive! It is an innovation to the mobile world of apps to help users fulfill their orders without having to wait in line. It also lets users track orders, see the food menus and read feedbacks from others.

Main Goal

My client had an innovative idea about a GPS for food trucks but he did not just a GPS for locating food trucks, he wanted clients and users to have an easy transaction, view food menus, follow on the news and updates, view food ratings from other users, and be able to track their previous orders with ease. One of the most importance is the ease and saves time on orders. It all came down to play when they decided to let me help them with this intriguing project. I had never done anything like this and I was super excited to help them with their UX and UI Mobile App Design.

User Research

Collecting research information for PayCrave was exciting as the data results came in with Competitive Analysis for both very popular mobile apps on the market for food delivery services widely used today, Foodler and Grubhub. I also created user stories based upon the responding of users. Both apps have transaction fees and order minimum that requires users to meet. Both apps, for competitive analysis, have good ratings for their services because it resolves most of the key features from the user stories. And this gives PayCrave an advantage to seek other features that Foodler and Grubhub lacks. Beverage-only orders and food truck locating.

Sketches

Design Decisions

Wireframe

Mockups

 

Usability Testing

With in-person and remote testings, from hi-fi wireframes to prototype mockups, users find completing tasks intuitive and easy to use. The use of color is something that was bothering them the most due to bright colors which had portrayed childish, Lego-like theme. Testings ranged from navigation flows, preference test, clicking test, to five-seconds test to understand users for Blocbox and how they would navigate; what went well and what did not.

The results were surprising. Video usability testings where I was not in-person to assist them, they remain confused throughout the time. There were no clear instructions for them. However, they were able to finish the required tasks that I want them to do: signing up, adding content, and changing their account settings. Afterwards, they show that the dashboard was a success because they were easily going to what they want to do without my instructions as well as finding where things are very easily.

Conclusion

So, the design process worked well but I did tweaked a bit here and there before and after usability testings. I found usability testings very useful in a sense that I understand what is working and what is not working for users…and for clients end, it is crucial or their users and potential users will stop using their site.

The layout of the design for each page worked very well. The buttons were at the right place and the functionality was intuitive to the point that it was simple and easy to navigate throughout the tasks. The users of my usability testings had no trouble finishing a single task.

There some minor adjustments that I need to make. The search bar from the dashboard content area need to be longer and centered more. I had trouble with my CSS coding skills and it is likely to be difficult to know if it worked on all monitors since each monitor will likely to display differently. I am continuing to learn as I grow deeper into UX UI Design and Front End Development. This project taught me that it is okay to fail and not know everything and that we can continue to improve.