Application Design 1 - Project 2: UIUX Design Document

08 Sept 2023 - 29 Oct 2023 (Week 2 - Week 9)

Vincent Lee // 0359386

Application Design I // Bachelor of Design (Hons) in Creative Media // Taylor's University

Project 2: UIUX Design Document

---

INSTRUCTIONS

---

Lecture

All lectures and practical are completed in here.

---

Instructions

MIB

<iframe src="https://drive.google.com/file/d/1EHfb27Id2sHlDZnFP7iC1Tvq4pLoo6jy/preview" width="640" height="480" allow="autoplay"></iframe>

Project 2: UI/ UX Design Document

After locking down our App concept and idea, we are now ready to proceed to UX design. We are required to produce a comprehensive UX design document (in slides format) which will provide better directions for us to design the app.

Figure 1.1 - UX Design Slides Outline, Week 4 (22 Sept 2023) 

2.0 - User Research 

1) Competitive Analysis

According to Williams (2023), to analyse what my competitors are doing in terms of user experience can really boost my own applications or website's performance and give me a competitive advantage. When I thoroughly assess the strong and weak points of their applications and websites, I can make sure that my site is exceptional and offers customers the finest experience available.

Below are the three brands for which I have conducted competitive analyses, and the recordings of navigating these applications are attached.

Figure 1.2 - Gong Cha Analysis, Week 7 (13 Oct 2023) 

Figure 1.3 - Tealive Analysis, Week 7 (13 Oct 2023)

Figure 1.4 - ZUS Coffee Analysis, Week 7 (13 Oct 2023)

2) Interview & User Personas

After the Week 5 consultation, I fine-tuned the sequence and flow of these questions, beginning with basic inquiries and progressing to more in-depth queries aimed at gathering valuable insights.

In this interview document, it includes the target audience, the structure of the interview and its questions, transcripts, and card sorting data from the interviewees. The interview and the process of card sorting were recorded, and links to these recordings have been attached as well.

After the interviews, three user personas were created. For more detailed information, please refer to the slides. 

Figure 1.5 - Interview Responses & Transcript and User Personas, Week 8 (20 Oct 2023)

3.0 - Information Architecture

Miro Link: https://miro.com/app/board/uXjVMkFSXvE=/

1) Card Sorting

After the interview, this card sorting exercise was conducted to gain a deeper understanding of user preferences, behaviour patterns, and the specific needs and objectives of users in relation to the Koi app. It aimed to provide insights into how users organise and prioritise the app's content and features to improve the overall user experience and make informed design decisions.

The process of card sorting were recorded, and links to these recordings have been attached in slides. *Check out more of the content and features here.

Figure 1.6 - Attempt 1_ Card Sorting, Week 9 (27 Oct 2023)

Figure 1.7 - (Redesign) Finalised Card Sorting, Week 11 (11 Nov 2023)

2) User Journey Map

In the new user journey map, I have categorised it into six journey steps and listed out the actions, touchpoint, needs, and pain points. To prevail over possible issues, solutions (opportunities), and next action points and steps were provided in the last two rows.

Figure 1.8 - Attempt 1_User Journey Map, Week 9 (27 Oct 2023)

Figure 1.9 - (Redesign) New User Journey Map, Week 11 (11 Nov 2023)

3) User Flow Mapping

Last, I need to create a user flow diagram that illustrates the user's journey through the app. This process can be quite tedious and requires the designer to go through several iterations while having a keen observation and experience of how an app functions, from the initial download, login, user interactions, and up to quitting the application. Additionally, the designer must anticipate any potential issues or challenges that users might encounter and plan in advance for solutions to address these issues. 

Figure 1.10 - Attempt 1_User Flow Mapping, Week 9 (29 Oct 2023)

Figure 1.11 - (Redesign) New User Flow Mapping, Week 11 (11 Nov 2023)

Final Submission

Figure 1.12 - Project 2_UIUX Design Document, Week 11 (11 Nov 2023)

---

Feedback 

Week 5

- User Experience and Satisfaction will come after Testing App Features and Interface.
- Questions related to technical issues, such as app crashes or slow loading times, are not the main focus at this point, so we were advised not to include them in the interview questions.
- One-to-One interviews are preferable to ensure control over the interview pacing and situation.
- If conducting a focus group, the maximum capacity is two people.

Week 7

- Ensure sources of data are cited and include in the references list

- ensure there are fair gender distribution for interview

- avoid using fancy words in our slides presentation

- although have 8 questions, but require to branches (expand) out to more small questions based on the responses from interviewees.

Week 8

- The time taken for interviews although is less than expected, but is not an issue. 

- Miro is the easiest method to conduct card sorting as compared to tools like optimal workshop and uxtweak.

Week 11

- suggest to include online ordering and online payment as the app MVP

- require to expand the user content such as including an onboarding feature 

- breakdown and reconsider the steps taken for confirmation of drink customisation, orders and payments

- include the steps for delivery and self pick-up

- upon receiving orders, users go back to the Home Page. 

---

Reflection 

Citation:
Browne, C. (2023, April 17). What Are User Flows In UX Design? [Full Beginner's Guide]. CareerFoundry.
            Retrieved October 30, 2023, from https://careerfoundry.com/en/blog/ux-design/what-are-user-flows/

Stevens, E. (2023, June 21). How to design a customer journey map (A step-by-step guide). UX Design Institute.
            Retrieved October 30, 2023, from https://www.uxdesigninstitute.com/blog/design-a-customer-journey-map/

Williams, T. (2023, March 14). How To Conduct A UX Competitor Analysis (Step-by-Step). Dovetail.
            Retrieved October 30, 2023, from https://dovetail.com/ux/ux-competitor-analysis/

---

Quick Links

Lecture & Practical

Project 1: Mobile Application Proposal

Project 3: Low-Fidelity Prototype

Final Project: High-Fidelity Prototype