Application Design I: Project 2 / Mobile Application Design: Low-fidelity Prototype

-

Seojeong Kim / 0350085

Application Design I / Bachelor of Design (Hons) in Creative Media

Project / E-Portfolio




 

Instruction



Design


Flowchart:

Wireframe:



Wireframe Link:

   1. Starting Page

On the starting page, set the logo and name of Starbucks on top of the session, and the 'login, sign in, guest' button, which is a chronic problem of the original app, so people can log in through the desired path.


   2. Main Page

On the main page, On the main page, you should collect sessions that users can easily access. So, on the main page, I create a simple session such as 'new items, rewards, Starbucks news' at the beginning, basic menus, and a session where I can see my Starbucks card at the end.


   3. Mobile Order and Pay

The Mobile Order & Pay page first displays the nearest Starbucks store to your GPS. After that, a session where you can select menus appears, and a page where you can customize after selecting a menu appears, and you can set the payment you want to use, such as 'card, point, or cash', on the ordering page.


   4. Starbucks Card

On the Starbucks Cards page, you will see the first session where you can choose or add a card. If you select the next card, 'Card ID, remaining balance, promo code' will be displayed, followed by a barcode that allows you to use the card. Finally, there is a top-up session.


   5. My Rewards

On the My Rewards page, your card is displayed and how many points you have left. If you press the Use My Rewards button, a barcode will appear, and when you use the barcode, the remaining points and receipt will appear.



UI Design Elements


Link to UI Design


Low-fidelity Prototype

Full-screen image



Low-fidelity Prototype: Figma

Link:



User Testing


User Testing Explained Presentation:


User Testing Video:


Mico Jeong:


Andrew Lee:


User Testing Results:

 



Describe


Feedback:

When I saw the low-fidelity prototype completed so far, I was able to give feedback myself. Looking at the results of the Low-fidelity Prototype user testing above, I can complete a more advanced High-fidelity Prototype by integrating these results. 

First of all, I can confirm that my low-fidelity prototype is better than the existing application. However, it is still possible to identify a lacking part. The feedback I heard the most was the 'function' part. My Low-fidelity Prototype still lacked some features, and I plan to add more (eg profile, ads, etc.).

In addition, more detailed UI functions and designs must be worked on to make this application flow more naturally.



Comments

Post a Comment

Popular posts from this blog

Typography / Task 2: Typographic Exploration and Communication

-
Image
10.01.2021 - 10.08.2021 (Week 6 - Week 7) Seojeong Kim / 0350085 Typography Bachelor of Design in Creative Media / Taylor’s University Task 2: Typographic Exploration & Communication (Text Expression & Formatting) Lectures Week 6: Mr. Vinod said that, It is important to take some notes from our classes, if I do not understand with my e-blog, just go and look at your senior's blog to check what I need to do. Also, if you do not understand anything in class, just ask the questions to understand it. He will be always stand behind us. - Typo_Task2_Process Demo - Introduction Exercise - Task 2: Text Formatting & Expression - 1. Layout Research - I looked up several layout examples, and all of them were really imaginative and attractive layouts. It was used for layout by putting small letters in large letters, or using various large and small models. 2. Sketches - I tried many layout sketches. It was a very good experience to know where to put the headline and how to lay...
Read more

Illustration and Visual Narrative: Final Compilation and Reflection

-
Image
26/8/2021 - 3/12/2021 (Week 1 - Week 15) Seojeong Kim / 0350085 Bachelor of Design (Hons) in Creative Media Illustration and Visual Narrative Final Compilation and Reflection  INSTRUCTIONS Links: Illustration & Visual Narrative / Task 1 Illustration & Visual Narrative / Task 2 Illustration & Visual Narrative / Final Project: Webtoon & Motion Comic SUBMISSION Task 1: Exercises 26/8/2021 - 16/9/2021 (Week 1 - Week  4) (12 - 16 hours ) Exercise 1: Vormator Challenge  Final character vector illustration in JPG Final character vector illustration in PDF Exercise 2: Vector Illustration (Game card design) Final game card layout design (Back) in JPG Final game card layout design (Front 1) in JPG Final game card layout design (Front 2) in JPG Final game card layout design (Front) in JPG Final game card layout design (Back) in JPG Task 2: Decisive Moment 16/9/2021 - 14/9/2021 (Week 4 - Week 8) (15 ~ 20 hours ) Final Decisive Moment Poster in JPG Final Decisive Momen...
Read more

Design Research Methodology: Critical Review

-
Image
28/4/2022 - 19/5/2022 / Week 4 - Week 7 Seojeong Kim / 0350085 Design Research Methodology / Bachelor of Design (Hons) in Creative Media Critical Review Instruction Critical Review - In this assignment, I was tasked with searching for 5 research papers related to my topic and writing a critical review. For the 5 research papers, you must select reference papers related to the topic of your choice. You have to do your research accurately based on what is published in Google Classroom. When writing this paper, you should analyze your methodology and have sufficient evidence to support your answer based on reliable information. Final Critical Review: Reflection - I had already decided on my topic and was working on a project, but after my topic changed, I had to rewrite a critical review. So I had to spend a lot of time writing critical reviews. However, through this work, I learned critical thinking skills, learned how to read papers, and learned forms and writing skills necessary fo...
Read more