Application Design II - Task 1: Self Evaluation and Reflection
25 Apr 2024 - 23 May 2023 (Week 1 - Week 8)
Conversation with Claude AI: Drive Link
Ultimately, I chose my previous project outcome from last semester to develop
into a coded application for this module, instead of creating a new
application. While I was happy to continue working on what I had started, user
feedback allowed me to make improvements and align the project more closely
with the brand's objectives and image. However, it was disappointing that I
couldn't make significant changes due to time management issues, leaving me
feeling that I wasn't giving my best. Despite this, I stayed positive by
making adjustments when creating the prototype in Task 2. I focused on
integrating the brand's main color for consistency and avoided using too many
similar colours, such as beige and orange.
Vincent Lee // 0359386
Application Design II // Bachelor of Design (Hons) in Creative Media //
Taylor's University
Task 1: Self Evaluation and Reflection
INDEX
- User Feedback
- AI Feedback
- Solutions
- Figma Workplace
- Task 1 Submission and Video Presentation
Instructions
<iframe
src="https://drive.google.com/file/d/1COQkOLwNVO6voHJm6IWqCMo1icYqm2Oj/preview"
width="640" height="480" allow="autoplay"></iframe>
Task 1: Self Evaluation and Reflection
Students must conduct a self-evaluation and reflection on their Mobile
Application Design 1 final project. The goal is to identify issues, problems,
and difficulties in the design and propose solutions to enhance both the
aesthetic and user flow of the mobile app. This process highlights the iterative
nature of mobile app design, emphasizing continuous improvement. Documentation
is to be submitted via Google Docs to facilitate commenting and feedback from
the module coordinator.
- User Feedback from Application Design 1
Figure 1.1 - (Usability Testing) Final Project: High-Fidelity Prototype, Week -- (23 Dec 2023)
- AI Suggestions on UIUX and the Usability
I narrow the user flow without compromising too much of the user experience.
Following advice, I will use Claude AI to help identify current UI design issues
and ultimately improve the overall UX of the bubble tea app I redesigned and
created in my previous semester.
|
|
Figure 1.2 - Previous UI and Streamlined User Flow [Latest Update: 11 Jun 2024] |
Include the positive feedback and suggestions on improving the current
design from Claude AI, then brainstorm and conduct research on how to
address these points. However, I realised that the AI tool was sometimes
inaccurate, providing redundant suggestions based on the existing design and
reporting the same suggestions for different screens, or missing certain
aspects.
Conversation with Claude AI: Drive Link
Figure 1.3 - AI Suggestions (Claude AI) and Arguments/ Solutions
[Latest Update: 13 Jun 2024]
- Solutions (Redesign of User Interface and Enhancing User
Experience)
Based on the previous user feedback and suggestions from Claude AI, I have
made this several changes.
|
|
[Latest Update: 11 Jun 2024]
|
| Figure 1.5 - Redesign Comparison Compilation |
[Latest Update: 13 Jun 2024]
- Figma Workplace
Below are my Figma workplace for comparison of the previous and current
design, also I have includes some ideation and reference for improvements
on the UI and animation for the brand logo.
Link to Figma:
Wireframe
Figure 1.6 - Figma Workplace
[Latest Update: 11 Jun 2024]
Application Design II_Task 1 Submission: Self Evaluation and
Reflection
Figure 1.7 - Task 1: Self Evaluation and Reflection
[Latest Update: 11 Jun 2024]
In this redesigned Figma flow, I have provided specific scenario and
instruction for users to follow to ensure an optimal user experience.
Flow:
Purchasing of Golden Bubble Milk Tea.
Description/ Instructions:
You crave a combination of milk and the aroma of tea, and you also want
something to bite into. Hence, Golden Bubble Milk Tea is your drink of
choice for this hot afternoon. You prefer a small size since you just
had lunch. You want something chilled but not too sweet, so slight sugar
is your preference for this in-app purchase.
Figure 1.8 - Redesigned Flow: Purchasing of Golden Bubble Milk Tea
[Latest Update: 11 Jun 2024]
Video 1.1 - Task 1 Video Presentation
[Latest Update: 14 Jun 2024]
Feedback
Week 4 - Previous design of KOI App
There is no such thing as an application being perfect. For instance, Mr.
Razif advised me that there are issues with my spacing and font size.
Additionally, he suggested having a clean and straightforward process for the
brand/application's MVP. This would involve prioritizing essential steps such
as ordering and customizing the drink, followed by payment methods, and then
completing the payment. Once these core functionalities are improved and
coded, any remaining time before the submission of this module could be used
to add more screens to enhance the overall smoothness of the application.
Overall, Mr. Razif advises focusing on the most important flow first to avoid
students having a heavy workload.
Reflection
Materials
1. Tabler Icons: Link
2. Card Design:
Link
Quick Links
Final Project: Completed App
