3/11/2024
ALTAIFI, LEEN MAAN A (0367698)
Bachelor of Design (Hons) in Creative Media, Taylor's University
Application Design
Table of Content
1. Lectures
2. Instructions & Tasks
- UI/UX Document Submission
3. Feedback
4. Reflections
1. Lectures
Week 5 (21/10/2024):
During this class, we did the card sorting activity. Our task was to group the given set of features under categories and add a few wild card features of our own. And since we had extra time, we were given another task which was to choose our own app category and features.
The first task topic was a travel planning mobile app. My groupmates and I struggled with categorizing the features because there was a lot of overlap when we thought of the general categories. However, we solved this with brainstorming and thinking of more fitting categories to put the features under.
 |
| Fig.1.0: Class Group Activity |
 |
| Fig.1.2: Card Sorting out of Sticky Notes |
The second task, which was to choose our own app category, we chose a diet tracker app. This time, we did it on miro board for faster results. Having already experienced task 1, handling this task was easier since we already got the hang of it and understood it better.
 |
| Fig.1.3: Diet Tracker App Card Sorting- Class Group Activity |
Week 6 (28/10/2024):
Week 7 (11/4/2024):
We continued our class activity from week 5 and made 4 user personas for our diet tracker app.
 |
| Fig.1.0: Class Activity Process |
2. Instructions & Tasks
Module Information Booklet:
Card Sorting
After practicing card sorting on week 5's class, we were instructed to do the same thing but with our proposed app; show all the features and categorize them along with adding wild cards.
 |
| Fig. 2.8: Cara Card Sorting |
Draft 1
|
 |
| Fig. 2.7: Cara Card Sorting on Miro Process 1 |
|
After the one-on-one consultation with the lecturer, I made 2 versions of the card sorting: one with just the existing features of the app, and one with the additional features.
 |
| Fig. 2.7: Cara Card Sorting on Miro Process 2 |
|
I've added new features in all categories except the hamburger menu. Under Home category, I added dark mode on/off. Under explore category, I added adjust feed layout, search filter settings, and discover categories. Under create a post category, I added add category to post. Under direct messages, I added filter messages, create a conversation, and create a group chat. Under Notifications, I added filter notifications, notification settings, and delete notifications. Under profile, i added create portfolio projects, view saved posts, and customize feed layout. And lastly, I added a new category: community & collaboration, with the features: project boards, shared portfolios, art challenges, internet-based groups, and project-based groups.
 |
| Fig. 2.7: Cara Card Sorting - Existing Features |
|
 |
| Fig. 2.7: Cara Card Sorting - Added Features |
|
In total, I have 8 categories and 33 cards.
 |
| Fig.2.8: List of All Categories and Cards |
After laying down all Cara's features and the additional features I added, I exported them to card sorting tools like OptimalWorkshop and UXtweak to begin the card sorting study.
 |
| Fig.2.9: Card Sorting Study |
In OptimalWorkshop, there was no limit to the number of cards so I managed to put all my 33 features in the study. However, the limit of participants was 2. So, despite having 7 participants, I could only view 2 results.
 |
Fig.2.9: Card Sorting Study Participants - OptimalWorkshop
|
|
 |
Fig.2.9: Card Sorting Study Results - OptimalWorkshop
|
Therefore, I had to use another tool platform, which was UXTweak, however, it had a limit of 20 cards and 10 participants. Despite the limitations, it gave me more insight that was missing in optimal workshop. I had more participant consensus on which cards fit under which category.
 |
| Fig.2.9: Card Sorting Study Participants - UXTweak |
 |
Fig.2.9: Card Sorting Study Results - UXTweak
|
|
Survey & Interview questions
Survey Form
The survey questionnaire consisted of 3 sections: demographic, general preferences & usage, overall design & experience using Cara. I used google forms to make the survey.
 |
| Fig. 2.7: Creating Survey on Google Forms Process |
|
I have in total 64 respondents from all over the globe, but mainly from the United States, Malaysia, and Russia. You can view the form and the responses in the spreadsheet from the links below.
 |
Fig.2.8: Cara User Insights Survey Results
|
 |
Fig.2.8: Cara User Insights Spreadsheet
|
Interviews
I conducted a total of 5 interviews of artists that have had experience with the Cara app. The interview consisted of 2 sections: Personal Information, and In-depth Experience with Cara.
 |
| Fig.2.9: Interviewee 2 "Areeya" |
 |
Fig.2.8: Interviewee 1 "Zaky"
|
 |
| Fig.2.4: Interviewee 3 "Raushan" |
 |
Fig.2.9: Interviewee 4 "Raihan"
|
My fifth interview with Jana was conducted online via google meet. Jana presented her screen and walked me through her experience using Cara. I recorded the interview, however, the audio was lost, therefore I only have the video proof and written data.
 |
Fig.2.4: Interviewee 5 "Jana"
|
 |
| Fig.2.9: Transcribing the interviews |
After editing all the interview videos, I transcribed the audio into a written document so I can analyze the data better. You can access the interviews and transcription from the google drive links below.
 |
| Fig.2.3: Compilation of Interviews |
 |
| Fig.2.1: Compilation of Transcribed Interviews |
Link to interviews
 |
| Fig. 2.7: Creating User Persona Process |
|
User PersonaI initially made the user persona based on my main target audience and market research on the app Cara, but after collecting data from both the survey and interviews, I ensured the user personas represented the data efficiently.
 |
| Fig. 2.7: User Persona 1 "Maya Higa" |
|
 |
Fig. 2.7: User Persona 2 "Vladimir Mashkov"
|
|
 |
Fig. 2.7: User Persona 3 "Hasan Prasetyo"
|
User Journey Map
I used a template from miro to get a head start on planning the user journey map for my application. This user experience journey will be based on my 3rd user persona "Hasan Prasetyo" and his needs, goals, and frustrations.
 |
Fig.2.8: User Journey Map Process 2 on Miro
|
 |
| Fig.2.8: User Journey Map Process 1 on Miro |
.jpg) |
| Fig.2.8: User Journey Map |
User Flow Chart
This user flow chart visually maps out the steps users take to complete specific tasks within the Cara app. By providing a clear overview of the app's structure and functionality, it ensures a more user-centric design, improving overall usability and achieving the app's goals more effectively.
 |
Fig.2.8: User Flow Chart Process 1 on Miro
|
Since this is a social media app, and the user experience is not as linear as an e-commerce app, for example. I designed the flow to be as comprehensive as possible. It starts from opening the app, and you land on the home page. From there, you can either navigate the homepage or go to different sections from the navigation bar, which include: explore page, messages page, create a post, profile page, notifications page, and community building.
 |
| Fig.2.8: Cara User Flow Chart |
Link to User Flow Chart Miro BoardUI/UX Document Submission
ALTAIFI LEEN_0367698_CARA UI/UX DOCUMENT by ALTAIFI, LEEN MAAN A
3. Feedback
Week 6:
The lecturer viewed my card sorting features and categories and said it is okay overall, I just need to create an original version of the card sorting without my additions, and the version with the additional features.
Week 7:
The lecturer reviewed my survey and interview questions and remarked about some questions. I needed to add more options in one question. And in my interview, my questions were too quick to jump about the app, so I need to add more personal questions first.
Week 8:
Independent learning week
Week 9:
The lecturer mentioned that my journey steps are too many and the user may not necessarily do all these steps in one journey. But since it is a social media app, the journey isn't as straightforward or linear as an e-commerce app, so he said it's fine. I just have to combine some of the steps so that they aren't too many, and add the touchpoints.
4. Reflections
In week 5, we did group activities which I really enjoyed. I learn a lot more when there is more practical applications during class, so when we practiced the card sorting and had the opportunity to brainstorm together, it really made the learning experience more enjoyable. And I saw first-hand how listening to other's perspectives can make you realize other potential solutions you have never thought of before, which adds a whole layer of dynamics to the activity.
As for project 2, we went in depth into the user research, which I particularly enjoyed. Gathering data from all sorts of people to find the demographic of the app I've chosen was pretty interesting, especially because I like the app that I chose; an artist portfolio and social platform. It was a pretty eye-opening experience I learned a lot from; that there's a lot more that goes into design than actually designing, the research and planning phase is just as important.
.jpg)
Comments
Post a Comment