Application Design 1 - UI/UX Design Document (Task 2)
20/5/2024 - 1/7/2024 (Week 5 - Week 11)
Katelyn Tan Kye Ling (0354148)
Bachelor
Of Design In Creative Media (Application Design 1)
UI/UX Design Document (Task
2)
After confirming our app's concept and idea, we are now asked to do the UX design. We are required to produce a comprehensive UX design document which will provide better directions for them to design the app.
Things to include in the UI/UX Design Document:
1. Introduction
2. User Research
3. Information Architecture
4. MVP (Minimum Viable Product) Features
LECTURES
WEEK 5 - 20/5/2024:
After learning and trying out the card sorting method in class, Mr. Zeon asked us to create our own card sorting on Miro for the app we are going to redesign that was chosen in task 1. At first when I started to sort it, I was slightly confused because the Lotus's app had many repetitive features and information on different pages. However, I just decided to put them down first. I also created one new page with new features for the "wildcard" that Mr. Zeon asked us to create.
Fig 1.1 Week 5 - Miro Card Sorting
WEEK 6 - 27/5/2023:
After feedback from Mr. Zeon, I added more features to each of the existing
apps, and created more new pages so that I could have options to choose from
when redesigning the app. I thought that a recipe inspiration page would be
cool and interesting for users to get ideas of what to cook so that they can
immediately purchase from the Lotus's app and directly add all the
ingredients into their cart. However, after the feedback, Lotus's doesn't
sell only food items alone, they sell other daily needs too which would be
weird to have a recipe inspiration page. Another page I decided to add was
just a normal shopping page as Lotus's doesn't have that. In my opinion,
Lotus's shopping page was on the homepage itself and you had to scroll down
which was confusing. There was also a "start shopping" button in the member
page which was also really weird, which was why I decided to add that page
as a "wildcard".
Fig 1.2 (Week 6 - Miro Card Sorting Updated)
WEEK 7 3/6/2024: (HOLIDAY)
Survey & Interview
This week was a public holiday, therefore we got our consultation through email. At first, I was struggling a bit, but after some thinking and referring to the samples Mr. Zeon showed us last week, I had a rough idea of how to do it. I completed the survey and interview questions and sent them to Mr. Zeon. However, my questions had some editing to do and I was missing some questions.
Click here to view my first attempt.
After some feedback back and forth through e-mail, I followed Mr. Zeon's feedback, and altered the questions accordingly.
Click here for final survey and interview questions.
WEEK 8 - 10/6/2024: (ILW)
Survey & Interview
During week 8, I sent the survey forms out to my family and friends through WhatsApp. I also conducted my interviews through zoom. The first interview had no slides, after that I thought that it would be better if the questions are on screen so the interviewees could re-read the questions again in case they didn't catch what I asked.
Click here for my interview videos.
WEEK 9 - 17/6/2024: (HOLIDAY)
User Persona
I had a camp from 15-17, so I was a bit behind. So as soon as I came back, I immediately did my user persona. I watched the videos Mr. Zeon provided in the slides to have a better understanding of what user personas are. I then created 3 user personas with different background, goals and scenarios.
User Journey Map
After completing the user personas, I proceeded with doing the user journey map. I also first read through Mr. Zeon's slides once again and watch videos to fully know how to do it. To do this, I thought through the entire process as if I'm the user itself. This part was pretty fun to do to be honest.
Survey Analysis
After that I did the survey analysis and no doubt it was quite the hassle to analyse each question. To be honest, it really was a lot of questions so I understand when a few respondents complaint that the survey was too lengthy. Furthermore, some response chart summary had issues which made it hard to analyse as well. The answers were supposed to be short answers, but it came out to become like the chart shown in Fig 1.3.
Fig. 1.3 Response Chart Summary with issue
WEEK 10 - 24/6/2024:
For class this week, as per usual we had consultation with Mr. Zeon. He then gave us a lecture on the difference between site map and user flowchart. After that we were allowed to work on our task in class according to our feedback.
Card Sorting
In week 10, I worked on my card sorting exercise. I used the optimal workshop platform that was provided and recommended to use by Mr. Zeon. These were after I listed all the features and pages.
Fig 1.4 Card Sorting Exercise
After that, I sent the link out for people to complete the exercise. I had a total of 7 people complete the exercise.
Fig 1.5 Card Sorting Results
Information Architecture Map
Then it was time to do the information architecture map. However when I was organising the site map, I noticed in my results that I totally disagree with some results because that feature should totally not be in the page that the participants chose in the card sorting exercise. I believe this was because the feature wasn't clear enough for participants to understand which caused them to place the feature in the wrong page. (E.g. one of the features was "edit address" which was for users to edit and confirm their address before checking out, however users may have thought that it meant for them to just edit their own home address and leave it there, which made them place that feature in the profile page when they also placed "saved address" in the profile page too.) This part made me confused on whether or not I should just place it how I wanted it to be and I wasn't sure what to do. So I made those features in the miro app a different colour to show Mr. Zeon for consultation.
Fig 1.6 First Site Map
After asking and clarifying with Mr. Zeon, he mentioned that the final decisions is still in my hands and I do not have to completely follow the card sorting participants' decisions. So I went ahead and changed according to what is best for the app.
Fig 1.7 Final Site Map
MVP (Minimum Viable Product) Features
For this part, I just added and explained all the new and important features that enhanced the app.
FINAL SUBMISSIONS:
PDF of UI/UX Document:
Link to Canva Slides: Click here
Card Sorting Results: Click here
Information Architecture Map: Click here
Week 6:
- Add more wildcards so that you can have options to pick from when
redesigning the app.
- Can add features to existing pages too, if not redesigning the app would
just be the new page alone that is a new thing.
- Recipe inspiration page might be weird because Lotus's sell other things
too other than food items.
Week 7:
Incorporating scenario-based questions to understand varied usage contexts, probing for specific pain points in navigation rather than general ease, delving deeper into the reasons behind users' opinions on features, and asking more specific questions about design elements. Additionally, it's advised to start with warm-up questions to establish usage patterns, explore emotional responses to app experiences, and inquire about user preferences for feature modifications. These adjustments will likely yield richer data for improving the app's user experience.
Week 10:
- Add conclusion slide after survey analysis.
- Get one more interview, minimum 5.
- Card sorting not necessarily only can add 1 feature, you can also remove features from the app that you or your respondents from the survey/interview think is unnecessary.
Week 11:
Slides:
-Bold the important part of the texts of the introduction.
-Bracket is ui/ux problem at survey conclusion
-Consider interviews suggestions into app
User flow Chart:
-It looks more like a site map now, show the flow of the app.
-Link the add to cart process to the cart page
Experience
This task had many many parts to it, therefore it was pretty hectic. There were lots of data that we had to collect through surveys, interviews and card sorting. For me conducting the interviews were the most challenging as I'm not good and confident to talk in front of the camera. However, I managed to push myself and conduct the interviews, some with my mum's friends and even an ex-teacher. To sum it up, though this task had many things to do, I think it was taught me a lot of things like how to make a user flow chart and site map and also how to conduct card sorting which was something new for me. I would say I managed my time pretty well and quite quite some fun doing this task.
Observation
I observed that when conducting a survey, having too many questions and technical words isn't ideal. I had feedbacks saying that the survey was too long for them and also feedbacks saying that they didn't understand some words. Through all the testing done for this UI/UX document, I observed that a designer cannot please everyone. Some may fancy the app you created, while some may have certain things they dislike about the app that others like.
Findings
I find that redesigning an app is honestly extremely tedious. I cannot imagine creating an app from scratch, it would be so much more work than this. I find myself appreciating apps so much more now as it isn't an easy thing to come up with. However I do find the interviews and card sorting pretty helpful as it helps a designer to hear various opinions and views from different users to know how each individual thinks and prefers an app to be. This way a designer can gain more insight and ideas as well from the users' opinions.
Comments
Post a Comment