Final Project: Completed Mobile Application Design Prototype

 Application Design / Week 02 – Week 07

Final Project: Completed Mobile Application Design Prototype

Low J- Yin / 0352888

---

Introduction

---

Exercise

Students will synthesize the knowledge gained in task 1, 2 and 3 for application in task 4. Students will create integrate visual asset and refine the prototype into a complete working and functional product

experience for a selected task.

Here is my UI Kits:

After the feedback from user scenario, i had refined my wireframe, and design the interface design with Hi-Fi Wireframe.

Sign Up Page / Phone Number 

This action is sign up using phone number, by getting the code and directly sign in.

Sign Up Page / Third Parties: Wechat

This action is sign up using wechat id , by getting the code and directly sign in.

Sign Up Page / Third Parties: Apple id

This action is sign up using iPhone apple id , by getting the code and directly sign in.

Home Page

After sign up page, this current page will appears to shows different kinds of cuisine and hot deals. At the bottom of the page, there will be small icon beside each of the restaurant to let user easily to modified which category is.

Menu Page / Check Out / Pickup Page / Delivery

After pressing to one of the restaurant, there will be menu page where we could order and add to cart. after check out, choose any payment method, adding promotion code, choosing the delivery time and check on the activity from driver/restaurant. For delivery, there will be activity to shows when the food are ready and when is the driver had pick up the order.The message button and cancellation button had also included on "Pick Up" page. There will be customer live support button there to directly contact if need.

Menu Page / Check Out / Pickup Page / Pick Up

After pressing to one of the restaurant, there will be menu page where we could order and add to cart. after check out, choose any payment method, adding promotion code, choosing the delivery time and check on the activity from driver/restaurant. For Pick Up, there will activity shows when is the food are ready from the restaurant. The message button and cancellation button had also included on "Pick Up" page. Users could also press on the "waze" button to directly know the actual location.

Mart Page

After pressing to one of the category from mart, there will be menu page where we could order and add to cart. after check out, choose any payment method, adding promotion code, choosing the delivery time and check on the activity from mart/driver, the activity shows when are the services had reached or when is the grocery had arrived. The message button and cancellation button had also included on "Pick Up" page.

Order Page

From Order Page, we could know previous restaurant that we had ordered before, by pressing order again, we could order back to same order from previous. There will also be an "receipt" button where we could get receipt via gmail.

My Profile

The settings had included the Face ID, so whenever we would like to payment with digital wallet or top up "my wallet", we could directly use it. The location could be off manually to maintain privacy for users. My profiles had added "customer service support", so that if anything issues happen, we could directly contact them.

Here is the link to know more details about current application design and advanced Hi-fi wireframe difference:

https://www.canva.com/design/DAGNGf47_0g/S6iezd45_aFCH9jwzvnu8A/view?utm_content=DAGNGf47_0g&utm_campaign=designshare&utm_medium=link&utm_source=recording_view

Here is the figma link:

https://www.figma.com/design/1KpUgbjXfKiknSjKDXoCqK/Application-Design-(Hi-Fi)?t=wnIvEVjR2aaYKrZL-1

Here is the prototype link:

https://www.figma.com/proto/1KpUgbjXfKiknSjKDXoCqK/Application-Design-(Hi-Fi)?node-id=2005-1455&starting-point-node-id=2005%3A1455

---

Feedback

Week 8

Continue the progress.

Week 9

Try to make the steps more details, the sign up page should be included how to enter.

Week 10

Add more details on how to purchase.

Week 11

The navigation are fine, continue the progress.

Week 12

Try to add something different for mart page.

Week 13

The spacing not right, try to refine the problems.

Week 14

add on some icon or words to let them know what are the category of this restaurant.

---

Reflection

In this journey through tasks 1, 2, and 3, I have gained a comprehensive understanding of the intricacies involved in application design and development. Each task provided unique insights and skill sets that were pivotal in achieving the objectives of task 4.This comprehensive approach enabled me to address the weaknesses identified in the initial application design. By expanding payment options, simplifying tracking features, and integrating live chat support, I was able to create a more user-friendly and efficient application. Additionally, the dynamic and interactive home page, optimized real-time updates, and intuitive button placement significantly improved the overall user experience.This experience has underscored the importance of user feedback, iterative design, and the seamless integration of visual and functional elements. I am confident that the skills and knowledge gained through this process will be invaluable in future design and development endeavors.