Labels

Application Design 1/Project 2: UI/UX Design Document

19/5/2024 - 8/7/2024 / Week 4 - Week 11
Janice Marie Eng Chia Hui /0361521
Application Design I/Bachelor of Design in Creative Media / Taylor's University 
Project 2/UX Design Document

Table of Contents:

Lectures


Week 5

This week we had a small group exercise in class where we carried out hybrid card sorting to equip us with the skills to carry out our user research. I was the moderator (a bad one) but I also took part in the sorting.

Our group has 4 iterations of the sorting before settling on a final categorization. 

Figure 1.1 Unused catogerazations (20/5/24)

Figure 1.2 Group Selfie with Queens and final categorizations (20/5/24)

We were then recommended to do card sorting for our user research. Below is the type we can do:
  • Moderated (15 sample min)
  • Unmoderated (more than 50 samples)
  • Closes (categories given)
  • Open (categories not given)
  • Hybrid (mixture of closed and open)
Week 6 



Week 7


Week 10

Task

To-do List:
  • Identify your user research objectives.
  • Draft out your interview, survey, card sorting and usability testing questions.
  • Carry out 5 interviews and usability tests; 50 survey collection.
  • Include an introduction,  user research, Information architecture and Minimum Viable Features in your slide deck. 

Figure 2.1 Detailed requirements(3/6/24)

User Survey, User Interview & Usability Testing

1. Drafting

I started drafting the interview and survey questions. I initially did not know how to draft the questions, so I googled how to draft some interview questions. I managed to find this website with helpful guidelines on how to make the interview questions. 

For the survey questions, I referenced the senior's work but took out some sections that I did not need. After drafting out the questions, I sent an email to my lecturer asking for feedback on my questions. After getting feedback, I amended the questions accordingly.

After amending, I put the survey questions into Google Forms. I also sent the forms to my friend to check for any mistakes. Additionally, I did the same for my interview questions where I asked my friend to pretend to be a user of the Smart Selangor parking app. She pointed out how many questions were hard to understand and repetitive;-;. So I took them out. 

Figure 2.2 Interview and survey questions draft (15/6/24)

2. Carrying out the data collection

For the surveys, I initially asked (begged) my friends and family members to do it. However, that was not enough so I posted it on Instagram and joined some FB Malaysia survey groups to get people from my target audience to answer the survey. 

Figure 2.3 Begging people to do my survey (19/6/24)

For the interview, I already had some people in mind I wanted to interview. They would be a collection of old, new, and users who left for another app. I contacted them and set up the interview. Some of the questions in the draft did not apply to them. So I had to ask a lot of follow-up questions. You can view the transcript (the transcript is really not formatted and messy) for the full interviews. 

After the interview, I made the interviewees do some usability tests, which included:
  1. You are currently parking at an off-street location near your house and must pay for parking.
  2. Your parking app currently only has 60 sen and you currently need to pay for parking. 
  3. You just got fined cause you parked without paying for parking. You now need to pay your fine. 
  4. Your mother calls you asking you to transfer some of the credit from your Smart Selangor parking account into hers. 
  5. Now you want to contact the helpdesk because the transfer credit function was down and you really need to transfer the money to your mom.

Data Analysis

Figure 2.4 Survey Responses (24/6/24)

Figure 2.5Interview Transcript (24/6/24)
Data Analysis by Janice Eng

Information Architecture

In the information architecture, I did card sorting, user site map and user flow chart. 

1. Card-Sorting

During week 5, we were given a lecture on card sorting as well as asked to do a small card-sorting activity to get us familiarised with it. After the activity, we were tasked by Sir to come up with our own card-sorting activity for our app. 

I started by drafting what I had on paper 1st. On week 6, I saw my friend's (thx Hui Yi<3) work and asked her how she did hers. She mentioned that she wrote down all the existing features and how it is sorted initially. After getting all the existing features down, she went and sorted them according to how she thought would be optimal, as well as adding in her own features. 

I went back and amended my card sorting according to my friend's method. After that, I went and got some feedback from Sir. 

I initially used the website OptimalWorkshop but later realised that it had a 1-week free trial and I had used my trial period up already;-;. So I had to use UX Tweak.



Figure 2.6 Initial vs Final Card Sorting (3/6/24)

UX Tweak had a 20-card limit for its free account so I had to amend my card. 

Figure 2.7 Amended card sorting cards and categories (24/6/24)

I managed to get 8 people to respond to my card sorting. After reaching my target response, I started analysing the data. 

Figure 2.8 Card sorting results (red is most chosen, yellow is tied)(1/7/24)

2. User Site Map

After completing the card sorting activity, I did the user site map based on the results. 

Figure 2.9 User Site Map(1/7/24)

3. User Flow Chart

After doing the site map, I stayed up till 4 am doing the user flow chart cause my friend said she would belanja me lunch if I finished this.


Figure 2.10 User Flow Chart(1/7/24)

MVP Feature

Honestly, this part confused me a lot. I didn't really know what to put in here. So I decided to split it into MVP for existing features and MVP for improvements. 

Figure 2.11 MVP identification

Final Work

UIUX design doc by Janice Eng

Feedback

Week 6

General Feedback:
  • Find real users of your app for research 
  • Write down everything users talk about

Specific Feedback:
  • Card sorting is ok; you can try adding in more new features if you have any.

Week 7

Specific Feedback:

Week 10

General Feedback
Really analyse the survey data just like theorising the reason for the data.

Specific Feedback
He seems a bit iffy on my mind map conclusion, but he said it's all good.

Week 11

Specific Feedback
  • For the user flow chart, you can clarify what happens after the time is up, and how the user goes about it.
  • For the MVP feature list, it's supposed to be new features, not existing ones. But since you don't really have that many additional features, you can just write expectations about your improvements.

Reflection

My experience with this project was overall decent. The only hard part was really collecting the survey responses where I had to beg people to do my survey. It was an eye-opening experience talking to the users of SSP to discover what they felt like about the app. Honestly, they didn't have any major complaints about the app's UI design. I think it was mostly because their main and only need from the app is to pay for parking, which the app fulfils. 

My observation for this project is that if you want survey respondents fast join some Facebook groups and Reddit threads and carry out survey changes to get your respondents. Additionally, I also observed that I may have chosen the wrong app to redesign because it seems like there's no real problem with the app other than its bad navigation and use flow :/. There are no new features to add to the app because the app itself already fulfils its user's needs ㄟ( ▔, ▔ )ㄏ. But I shall pull through.

My findings for this project are that user research is really important in determining how the app should be redesigned and what should be focused on. Additionally, redesigning an app without getting any input from users would probably result in an app that improves nothing much. 

Finally, I just wanted to add that I felt as though I made the slide deck too long (lol). For data compilation and analysis, I feel that putting them into a document instead of slides would be better, slides should be used for summaries or presentations. I personally would not want to read a 50-page slide deck. The number of times I felt like deleting multiple slides because of how long it was. 

Comments

Post a Comment