UX Design
Chiquita Johanna R
0336747
UX Design
LECTURES
Lecture 1 : Module & Client Briefing
Week 1
This week, we were briefed about the MIB of this module. Mr. Shamsul explained to us about our upcoming group projects and also gave us examples from our seniors. For this module, we'll be working with a company called ESPL, a platform for online E-sport tournament.
Lecture 2 : User Interview & Design Thinking
Week 2
This week, our classmates presented about User Interview. This topic is important because it would help our projects. Here is the presentation :
Mr. Shamsul also explained to us about Design Thinking. Here is the presentation :
Lecture 3 : User Persona
Week 3
This week, our classmates presented about User Persona. Here is the presentation :
Fig 1.3 User Personas
Lecture 4 : Focus Group
Week 4
Fig 1.4 Focus Group Presentation
Lecture 5 : -
Week 5
No lecture this week.
Lecture 6 : Heuristic Evaluation
Week 6
The class began with the group presentation about Heuristic Evaluation.
Lecture 7 : Card Sorting
Week 7 - Week 14
We all expected to start making the wireframes, prototypes and the high-fidelity prototype.
There's also a presentation for Card Sorting.
INSTRUCTIONS
PROJECTS
Week 1
Week 2 - Week 5
Week 9 - 10
Week 11
Week 12
This week, we managed to add some more moodboard before starting the High-fidelity prototype and send it to Mr. Shamsul.
Week 14
Link to High Fidelity Prototype : https://xd.adobe.com/view/1995cc07-0ab6-4592-8ccf-ad320a04a6c0-4cc6/?fullscreen&hints=off
Link to Presentation:https://docs.google.com/presentation/d/1jwwz6wkciWAG2heVm3r69GBqLEpuiNX2Ys94uPl6sXw/edit?usp=sharing
Link to Miro Board: https://miro.com/app/board/o9J_kt0IOZc=/
Link to User Testing Videos : https://drive.google.com/drive/folders/1ynjNuV9bYbpIawVqjM9M1m4yW9p691ne?usp=sharing
Link to User Testing Documentation: https://docs.google.com/document/d/1lLjvQMmcsR3GE3vR03eQ-60kYQz_SWrzr2cs3lHPwcI/edit?usp=sharing
Link to Interview Questions & Answers: https://docs.google.com/document/d/1zjLpBjSQWOhlEEJCZwACW_C10R7PeylbzKDRCul976g/edit
FEEDBACK
Week 1
No feedback was given.
Week 2
Overall the User Persona has all the necessary information. Looks realistic even though the data is an assumption.
Week 3
The survey questions are okay but maybe you might want to change/eliminate some because it might be repetitive. The result of the interview questions are okay as long as it helps you in your project.
The presentation is very good as it's detailed. When you're doing a focus group, you as the moderator have to ask for feedback after the participants have replied to your questions. For example, you can ask "What is your suggestion for this problem?"
Week 4
No feedback was given as it was public holiday.
Week 5
The user personas we have done are okay but it's too specific. Don't make user persona based on one user but a group of participants which have similarities.
Week 6
All presentation knows and understand the content. Elaborate it well
Content: Very clear. Comprehensive User Persona. Evidence are presented. Good observation on the overall problem stated.
Week 7 - Week 8
Flowchart :
1. Add error page for password
2. Add confirmation email after sign up
3. Add more categories for the forum
4. Confirm the name for location finder
5. Add more information for team profile such as win rate& total of joined matches.
6. If News Headline style only is useless, can remove it
Week 9 - Week 13
Moodboard is fine.
Week 14
Conduct one more user testing for high fidelity prototype.
Week 15
The user personas we have done are okay but it's too specific. Don't make user persona based on one user but a group of participants which have similarities.
0336747
UX Design
LECTURES
Lecture 1 : Module & Client Briefing
Week 1
This week, we were briefed about the MIB of this module. Mr. Shamsul explained to us about our upcoming group projects and also gave us examples from our seniors. For this module, we'll be working with a company called ESPL, a platform for online E-sport tournament.
Lecture 2 : User Interview & Design Thinking
Week 2
This week, our classmates presented about User Interview. This topic is important because it would help our projects. Here is the presentation :
Fig 1.1 Individual Interview Presentation
Mr. Shamsul also explained to us about Design Thinking. Here is the presentation :
Lecture 3 : User Persona
Week 3
This week, our classmates presented about User Persona. Here is the presentation :
Fig 1.3 User Personas
Week 4
My group did a presentation about Focus Group. We also did a focus group session among our classmates.
Fig 1.4 Focus Group Presentation
Lecture 5 : -
Week 5
No lecture this week.
Lecture 6 : Heuristic Evaluation
Week 6
The class began with the group presentation about Heuristic Evaluation.
Lecture 7 : Card Sorting
Week 7 - Week 14
We all expected to start making the wireframes, prototypes and the high-fidelity prototype.
There's also a presentation for Card Sorting.
Fig 1.6 Card Sorting Presentation
INSTRUCTIONS
PROJECTS
Week 1
This week we had a briefing with our client, ESPL (https://espl.gg). We were briefed about what ESPL is and what is their website about.
We were given some options of what we could do for this project :
- Different type of trophy & tournament
- ESPL Player Passport
- Mobile app/ web > better interface
- ESPL 2.0. A totally new layout/ design to access ESPL services
- KBS + ESPL value proposition
Me, Maydeline and Feryn discussed on which option we could do for this module and we decided to redesign ESPL website.
We started with creating a user journey map in the miro board. We listed down the scenarios and wrote the gain points, pain points and suggestions.
Here's the link to our miro board : https://miro.com/app/board/o9J_kt0IOZc=/
We consulted with Mr. Razif and Mr. Shamsul and both of them asked us to interview with gamers so that we could also collect data from them. We've decided to interview some gamers that we know and also created a survey for gamers to fill in as well.
We had around 7 participants for the interview. For the interview, we asked mostly about how they think about the website and we also analyzed how well they navigate in the ESPL website.
Here's the document of the Interview:
Based on the interview and survey, we were also tasked to create 3 user personas. Here's the user personas :
Primary Target : Pro Amateur Gamers
Secondary Target : Amateur gamers who are looking for a challenge by joining tournaments
Tertiary Target : Newbie Gamers
Primary Target : Alex Willie
Week 6
We started with creating a user journey map in the miro board. We listed down the scenarios and wrote the gain points, pain points and suggestions.
Here's the link to our miro board : https://miro.com/app/board/o9J_kt0IOZc=/
 |
| Fig 2.1 User Journey Map 1 |
 |
| Fig 2.2 User Journey Map 2 |
We consulted with Mr. Razif and Mr. Shamsul and both of them asked us to interview with gamers so that we could also collect data from them. We've decided to interview some gamers that we know and also created a survey for gamers to fill in as well.
We had around 7 participants for the interview. For the interview, we asked mostly about how they think about the website and we also analyzed how well they navigate in the ESPL website.
Here's the document of the Interview:
Based on the interview and survey, we were also tasked to create 3 user personas. Here's the user personas :
Primary Target : Pro Amateur Gamers
Secondary Target : Amateur gamers who are looking for a challenge by joining tournaments
Tertiary Target : Newbie Gamers
Primary Target : Alex Willie
 |
| Fig 2.4 Primary Target User Persona |
 |
| Fig 2.5 Primary Target User Persona |
Secondary Target : Tan Kee Pao
 |
| Fig 2.6 Secondary Target User Persona |
 |
| Fig 2.7 Secondary Target User Persona |
Tertiary Target : Patricia Chua
 |
| Fig 2.8 Tertiary Target User Persona |
 |
| Fig 2.9 Tertiary Target User Persona |
Week 6
Today we presented to the client about our proposal to redesign ESPL Website. Here is our presentation:
Feedback : All presentation knows and understand the content. Elaborate it well
Content: Very clear. Comprehensive User Persona. Evidence are presented. Good observation on the overall problem stated.
Week 7
This week, we managed to start making our flowchart together with some of the prototypes. We asked feedback from Mr.Razif by showing our progress.
Fig 2.10 Proposal Presentation
Feedback : All presentation knows and understand the content. Elaborate it well
Content: Very clear. Comprehensive User Persona. Evidence are presented. Good observation on the overall problem stated.
Week 7
This week, we managed to start making our flowchart together with some of the prototypes. We asked feedback from Mr.Razif by showing our progress.
Week 8
This week, we were revising our flowchart based on the feedback that was given. We were also told to do Card Sorting.
Week 9 - 10
We updated our flowchart and prototype and showed to Mr. Shamsul and Mr. Razif. They asked us to conduct user testing with the prototype.
 |
| Fig 2.11 Lo Fidelity Prototype |
After low-fidelity prototype has done, we managed to do some user testing.
Link to Low Fidelity Prototype :
https://xd.adobe.com/view/30b8860a-fa33-4fdb-90b9-2a441675f23b-65eb/?fullscreen&hints=off
https://xd.adobe.com/view/30b8860a-fa33-4fdb-90b9-2a441675f23b-65eb/?fullscreen&hints=off
Week 12
This week, we managed to add some more moodboard before starting the High-fidelity prototype and send it to Mr. Shamsul.
 |
| Fig 2.12 Moodboard |
Week 13
We are halfway to finish our High-fidelity prototype and managed to finish the visuals.
 |
| Fig 2.13 Process High Fidelity Prototype |
Week 14
This is the link to the High-Fidelity Prototypes: https://xd.adobe.com/view/1995cc07-0ab6-4592-8ccf-ad320a04a6c0-4cc6/?fullscreen&hints=off
We also conducted final user testing with the same participants.
Feedback :
There are lots of improvements and there is no problem in navigating in the website. Overall, the participants like what we did.
Feedback :
There are lots of improvements and there is no problem in navigating in the website. Overall, the participants like what we did.
Week 15
This week, we had our final presentation with ESPL. Here is our final presentation slides:
This week, we had our final presentation with ESPL. Here is our final presentation slides:
Fig 2.14 Final Presentation
Link to High Fidelity Prototype : https://xd.adobe.com/view/1995cc07-0ab6-4592-8ccf-ad320a04a6c0-4cc6/?fullscreen&hints=off
Feedback : Mr. Shamsul commented that our High fidelity looks like a good website. The clients agreed on that but they said it's not mind blowing because we only did minor changes and they said overall its a good website.
Final Submission
Final Submission
Link to Presentation:https://docs.google.com/presentation/d/1jwwz6wkciWAG2heVm3r69GBqLEpuiNX2Ys94uPl6sXw/edit?usp=sharing
Link to Miro Board: https://miro.com/app/board/o9J_kt0IOZc=/
Link to User Testing Videos : https://drive.google.com/drive/folders/1ynjNuV9bYbpIawVqjM9M1m4yW9p691ne?usp=sharing
Link to User Testing Documentation: https://docs.google.com/document/d/1lLjvQMmcsR3GE3vR03eQ-60kYQz_SWrzr2cs3lHPwcI/edit?usp=sharing
Link to Interview Questions & Answers: https://docs.google.com/document/d/1zjLpBjSQWOhlEEJCZwACW_C10R7PeylbzKDRCul976g/edit
Link to Lo Fidelity Prototype : https://xd.adobe.com/view/30b8860a-fa33-4fdb-90b9-2a441675f23b-65eb/?fullscreen&hints=off
Link to High Fidelity Prototype : https://xd.adobe.com/view/1995cc07-0ab6-4592-8ccf-ad320a04a6c0-4cc6/?fullscreen&hints=off
Link to High Fidelity Prototype : https://xd.adobe.com/view/1995cc07-0ab6-4592-8ccf-ad320a04a6c0-4cc6/?fullscreen&hints=off
FEEDBACK
Week 1
No feedback was given.
Week 2
Overall the User Persona has all the necessary information. Looks realistic even though the data is an assumption.
Week 3
The survey questions are okay but maybe you might want to change/eliminate some because it might be repetitive. The result of the interview questions are okay as long as it helps you in your project.
The presentation is very good as it's detailed. When you're doing a focus group, you as the moderator have to ask for feedback after the participants have replied to your questions. For example, you can ask "What is your suggestion for this problem?"
Week 4
No feedback was given as it was public holiday.
Week 5
The user personas we have done are okay but it's too specific. Don't make user persona based on one user but a group of participants which have similarities.
Week 6
All presentation knows and understand the content. Elaborate it well
Content: Very clear. Comprehensive User Persona. Evidence are presented. Good observation on the overall problem stated.
Week 7 - Week 8
Flowchart :
1. Add error page for password
2. Add confirmation email after sign up
3. Add more categories for the forum
4. Confirm the name for location finder
5. Add more information for team profile such as win rate& total of joined matches.
6. If News Headline style only is useless, can remove it
Week 9 - Week 13
Moodboard is fine.
Week 14
Conduct one more user testing for high fidelity prototype.
Week 15
The user personas we have done are okay but it's too specific. Don't make user persona based on one user but a group of participants which have similarities.
REFLECTION
This module helps me to understand what is User Experience is all about. I have become more careful in designing website. I realise that designing a website for a company is not easy, since there's a lot of feature there, and so many details so i have to be more careful. It was challenging, but as i go through it and get lots of feedbacks from people, i learn a lot and get used to it. This module also helps me to analyze UX more. From user testing, we get lots of feedbacks annd we need to analyze the problems and find the better solutions for a better user experience. It is also a little bit of a challenge to conduct a user testing, in this module we've done a lot of user testing where we need to talk actively. From time to time, i kind of get used to do user testing, so i think this module gives me the oppurtunity to practice and improve my public speaking and conversation skills. It is great to have this experience and to learn more about UX. I also learn more about group project working progress and i kind of get used to it as well. Overall, it is a good experience.
This module helps me to understand what is User Experience is all about. I have become more careful in designing website. I realise that designing a website for a company is not easy, since there's a lot of feature there, and so many details so i have to be more careful. It was challenging, but as i go through it and get lots of feedbacks from people, i learn a lot and get used to it. This module also helps me to analyze UX more. From user testing, we get lots of feedbacks annd we need to analyze the problems and find the better solutions for a better user experience. It is also a little bit of a challenge to conduct a user testing, in this module we've done a lot of user testing where we need to talk actively. From time to time, i kind of get used to do user testing, so i think this module gives me the oppurtunity to practice and improve my public speaking and conversation skills. It is great to have this experience and to learn more about UX. I also learn more about group project working progress and i kind of get used to it as well. Overall, it is a good experience.
Comments
Post a Comment