APPLICATION DESIGN _PROJECT 2

• STARTING DATE       :21/5/25

• ENDING  DATE          :   
• STARTING WEEK      :    4

• ENDING WEEK          : 

• NAME                         :    LIANG LIWEN

• ID NUMBER               :   0369625

• MODULE NAME        :    BACHELOR OF DESIGN CREATIVE MEDIA

---

TABLE OF CONTENTS

1. INSTRUCTIONS
2. Notes
3. PROJECT 2
4. REFLECTIONS

---

INSTRUCTIONS

NOTES

• Microinteractions: subtle interaction designs in products, such as button click feedback, to enhance user experience.
•  Element: basic components that make up the product interface, such as buttons, input boxes, etc.
•  Features: core capabilities of the product, which determine what it can do for users.
•  Competition: analyze competing apps, understand market trends, and find differentiation.
•  Trends: focus on trends such as design and functions to keep products up to date with the market.
• Kittens: the picture shows fun annotations with cat patterns, or internal references within the team, adding a relaxed atmosphere.
•  MVP (Minimum Viable Product): verify product ideas with the simplest functions, and quickly iterate through trial and error.
• Mood board: a visual material board for collecting inspiration, unifying the design style direction. Mobbin, Pinterest, etc. listed below are design platforms for finding inspiration.
•  Research: through graphic planning and research, explore user needs and market information to provide a basis for product decision-making.

• The horizontal axis "EFFORT" is the input (time, manpower, funds, etc.), and the vertical axis "IMPACT" is the impact on the product and users.
• Divide into quadrants such as "EASY" and "LIFECHANGING", and assist in screening functions: give priority to those with large impact and easy implementation, postpone or abandon those with small impact and difficult implementation, and help build MVP efficiently.

1.alignment

2.spacing

3.contrast

4.Guidance

5.Weight

6.Ergonomics

7.Hierarchy

8.intuitivity

9.Weight

10.All together

WEB NAV

Global

Local

Contextual

Faceted

Supplemental

Search

Special nav

Last Resort

Shortcut

Map

WEEK13

1.site map

2.UI KIT

1.Buttons

2.Inputs

3.Icons

4.Navigation Bars

5.Cards

6.Color Palette

Typography

3.usability testing

WHY TEST?

user expectations

knowledge Gaps

problem

feedback

ideas

1.design----tester---- design ask question---tester answer

---

TASK2

Interview guide

Find friends who often use novel software for interviews. The following is the interview content

Here is the interview response. 

create 3 personas.

Figure 1.1 User persona 1

Figure 1.2 User persona 2

Figure 1.3 User persona 3

Feedback: Highlight the key content and bold the important points

Created a user journey for each user persona

For persona 1 : 

Figure 1.4 User journey of user persona 1

For persona 2 : 

Figure 1.5 User journey of user persona 2

For persona 3 : 

Figure 1.6 User journey of user persona 3

Flow chart

Figure 1.7 User flow chart

ID of user & designer & competitor

Figure 1.8

Figure 1.9

Wireframes

Create wireframes about novels based on flow chart

Figure 1.10Create wireframe

The next step is to use Figma to make

Figure 1.11 

Submission of figma link :PROJECT2

Submission of canva link ：PROJECT2

---

Feedback

WEEK6:

create 3 personas.

Highlight the key content and bold the important points.

WEEK7:

When making an emotional flow chart, you should pay attention to opportunity and write three points respectively.

WEEK8:

The Flow chart is good overall and can be used as the basis for the next step of Wireframes. We should pay more attention to how to show the AI function mentioned in the novel app in the Flow chart.

WEEK10:

Some functions in the wireframes drawing are not expressed in detail, and need to be improved later.

Week12:

After using Figma to make, I found that the function of clicking to the next page was not clear, and I continued to improve it.

WEEK13:

Modify the font size of the page content on FIGMA Make the page longer and richer

 and keep the shape of the buttons consistent.

---

Reflections

Throughout the design process, I gradually developed a user-centered mindset. By creating three typical user personas, I gained a deeper understanding of user needs and usage scenarios, which provided a clear direction for my design. When creating the emotional flow chart, I realized the importance of focusing on emotional turning points such as user confusion, expectations, and satisfaction to identify opportunities for improvement. Although the overall flow chart was well-structured, the AI feature was not clearly represented. In the wireframe stage, some functions lacked detailed expression, and while using Figma to create the prototype, I also found issues such as unclear page transitions. Based on this feedback, I will strengthen the visual guidance and interaction logic of the AI feature, add more interaction details in flow charts and wireframes, and conduct repeated testing of user journeys in the prototype to ensure smooth and clear operation. Through continuous iteration and reflection, I aim to enhance the completeness of my work and the overall user experience.