Labels

Application Design /Project 2: UI/UX Design Document

Start from 20.5.2024

20.5.2024 -24.6.2024 /Week 5- Week 10
Kong Cai Yi / 0363862 
Application Design 1 / Bachelor of Design (Hons) in Creative Media 
Project 2: UI/UX design document


INDEX

1. Lectures
2. Project 2/ Mobile Application Proposal
3. Feedback

LECTURES
Week 5/ Card sorting
In class, Mr. Zeon asks us to form groups of 3-4 people. One person in each group will be the moderator, and the others will be participants. The moderator's role is to observe the participants' performance and ask why each feature is placed in a specific category. Participants need to categorize the features and come up with new categories and features based on the given topic: a travel planning mobile app.


Fig 1.1 Week 5 Lecture-Card sorting  (20.05.2024-Week 5)

Fig 1.2 Class activities  (20.05.2024-Week 5)

Week 6/ User Experience research
Today's lecture covered an introduction to user experience research, as we move into defining the research purpose for our Project 2. Mr. Zeon taught us various research methods and how to conduct user research. We also had a consultation about last week's card sorting task. Our task for this week is to create a set of online and interview questionnaires.

Fig 1.3 Week 6 Lecture  (27.05.2024-Week 6)


Week 7/ UI/UX Design document
This week we have no class but Mr Zeon have prepared this week's lecture slides along with additional learning materials for us. We are required to 

Here's what you need to accomplish this week:

1.Finalize your interview and online questionnaire questions.
2.Find your participants and conduct the interviews and online questionnaires.
3.Create at least three user personas.
*Remember, user personas should be based on research and real data. After using tools like interviews and surveys to gather accurate information about your audience, you should be able to generate these personas effectively. 

Fig 1.4 Week 7 Lecture  (3.06.2024-Week 7)


Week 9/ User Journey Map & Digital Card Sorting
This week is public holiday, but Mr Zeon have attached teaching materials for us in WhatsApp group chat, we are required to download and study them. The materials include videos that we need to watch and learn from. If we have any questions free feel to approach him via email.

Fig 1.5 Week 9 Lecture  (17.06.2024-Week 9)

Week 10/ Site Map & User Flow
This week, we finally return to physical classes. Before starting our lecture, Mr. Zeon requested to see our Project 2 progress individually. I received some feedback to improve my work. We still have two parts remaining for Project 2, which will be covered in this week’s lecture: Information Architecture Map and User Flow.

Fig 1.6 Week 10 Lecture  (24.06.2024-Week 10)

INSTRUCTIONS

Project 2/ UI/UX Design Document
Instructions:
  • Determine and verify their target audiences.
  • Outline the content element of their app, and exercise card sorting method to achieve optimum information architecture.
  • Listing the app features and identifying the application Minimum Viable Product (MVP).
  • Create wireframes for main screens.

The outline of the document should include:

Introduction
Start the UX design document with an introduction that explains the purpose and scope of the document, the target audience, and the problem the app is intended to solve.

User Research
Provide a detailed description of the user research that has been conducted. These could include user persona and user journey map. Explain how the research informed the design decisions.

Information Architecture
Outline the content elements of the App and how they will be organized to achieve the optimum information architecture. Explain the card sorting method that was used and how it helped to organize the content.

MVP (Minimum Viable Product) Features
List the App features and identify the minimum viable product (MVP) that will be developed.


Week 5/ Card Sorting for the app chosen

1. Identify Content: List all the pieces of content or features in the EasyBook app that want to include in the card sort:
  • Search Bus
  • Parcel delivery
  • User profile 
  • Create account
  • Updates personal information
  • Notifications 
  • FAQs
  • Payment option
  • Promo code
  • Gift card
  • Travel deals
  • View billing history
  • Easybook voucher

    I use Miro for this task, I sort the cards into categories:
    1. Search and booking
    2. Account Management 
    3. Sorting Management
    4. Customer Support
    5. Payment and Billing
    6. Deals and Offers
    Fig 2.1 Card shorting for the app chosen  (23.05.2024-Week 5)

    When I completed my card sorting, I added a new feature and category for the EasyBook app. This new feature should address the problem I mentioned in Project 1.

    Fig 2.2 Wild card added- Purple (27.05.2024-Week 6)


    Week 6/ Develop Survey Questions

    We are required to create a series of questions for user research after finishing the first project and presenting. I have decided to use a survey questionnaire as the research approach for this assignment. Through the survey, we will be able to collect a great deal of insightful data from participants, which will help me better understand their preferences and experiences with easybook applications.

    DRAFT Survey Questionnaires:

    1.0 Quantitative - Survey Questionnaire
    Target Respondent: 50
    Questionnaire (4 Section)
    • Section A: Demographic 
    • Section B: Usage and preferences
    • Section C: Introduction to the Easybook Application 
    • Section D: Overall design and experience

    2.0 Qualitative -Interview Questionnaire
    Target Interviewee: 5
    Questionnaire (2 Section)
    • Section A: Basic Information
    • Section B: In-depth Experience with Easybook App

    Fig 2.3 Draft Survey Questionnaires (29.05.2024-Week 6)

    Week 7/ Modify Survey Questions
    I sent my survey questionnaire to Mr. Zeon via email for review. He identified areas for improvement and suggested an improved structure to enhance my survey questions. After making the necessary modifications, I have transferred all the questions to a Google Form for respondents to answer. I plan to reach out to participants not only from Taylor but also those who are actively booking transportation. My goal is to survey at least 50 people.


    FINAL SURVEY QUESTIONS

    Fig 3.1 Final Survey Questionnaires (03.06.2024-Week 7)

    Fig 3.2 Transfer questions to google form (05.06.2024-Week 7)



    Fig 3.3 Google Form Survey (07.06.2024-Week 7)
    INTERVIEW
    At the same time when collecting data though google form, I have found 3 participants and conduct the interviews.

    1. Interview Questionnaire: 

    Section A: Basic Information

    1. Can you tell me a bit about yourself? 
    • What is your name? 
    • What is your age? 
    • What is your occupation? 
    2. Tell me about your travel habits. How often do you typically book travel arrangements? 
    3. Have you used the Easybook app before? 
    4. How often do you use the Easybook app? 
    5. What modes of transportation have you booked using the Easybook app?

    Section B: In-depth Experience with Easybook App

    1. What are your initial thoughts on the Easybook app's design and layout?
    2. How do you feel about the visual appeal and readability of the Easybook app, including the color scheme? How does the color scheme make you feel when using the app?
    3. Would you find notifications for seat availability useful? If yes, how would you like them to be implemented?
    4. Are there any other types of notifications or alerts you would find useful? How would you like to receive them?
    5. Can you describe any specific instances where you had trouble finding billing details or other important information?
    6. Have you encountered any bugs or technical issues while using the Easybook app? If so, how did they affect your experience?
    7. What do you believe is the most critical improvement needed in the Easybook app?
    8. Can you provide specific examples of features from other travel booking apps that you think Easybook should incorporate?

    Click this link to View Interview Video

    2. Data Analysis: 
    • Common Thoughts and Suggestions Initial Thoughts: Finds the app messy and hard to navigate. 
    • Design and Layout: All interviewees agree the app needs a redesign. Specific suggestions include simplifying the layout, avoiding clutter, and using a step-by-step booking process. 
    • Visual Appeal: Bright colors and small text make the app hard to use. A softer color scheme and larger fonts are recommended. 
    • Billing Information: Key information should be prominent, with optional add-ons listed after. Difficulty finding billing details due to prominence of optional add-ons like insurance; prefers fare information at the top. 
    • Notifications: Users would benefit from push notifications and email alerts for seat availability, booking confirmations, trip reminders, and changes or delays. 
    • Technical Issues: Users reported app crashes and payment issues, highlighting the need for improved stability and performance.
    • Features from Other Apps: Incorporate real-time seating selection, integrated travel itineraries, and clean interfaces similar to Booking.com and Expedia. 
    • Critical Improvement: Simplify and redesign the app to prioritize important information and reduce clutter.


    Week 8/ Create User Personas

    We are required to create at least three user personas. User personas should be based on research and real data. After using tools like interviews and surveys to gather accurate information about your audience, we should be able to generate these personas effectively.

    Project 2 Slides Progress

    Fig 4.1 Project 2 Slides Progress (11.06.2024-Week 8)


    3 User Persona:

    1. Hue Wan Teng
    2. Perceus Tam 
    3. Phoon Yuk Guan 

    Fig 4.2 3 User personas (13.06.2024-Week 8)


    Week 9/ Digital Card Sorting 

    This week, we will focus on user journey mapping. We'll continue with our card sorting assignment by starting the digital card sorting process. Once the digital card sorting is set up, send the link to your participants. We need to gather input from at least 7 participants. By next week, we should have most of our UX documents ready.

    I used optimal workshop as my digital card sorting tools and have collected 8 responses.
    Fig 5.1 Digital Card Sorting (21.06.2024-Week 9)

    After collecting all the response from digital card sorting, I have created my information architecture map, outline the main content and features of the app (Final Version).

    Fig 5.1 Digital Card Sorting (21.06.2024-Week 9)

    Week 10/ User Flow Chart


    Fig 6.1 User Flow Chart Progress (26.06.2024-Week 10)

    Click Here to view flow chat in Miro

    Fig 6.2 Easybook User Flow Chart  (26.06.2024-Week 10)


    FINAL PROJECT 2
    Click here to view project 2 slides


    FEEDBACK
    Feedback from Mr Zeon

    WEEK 6: 
    General Feedback: My feature should related to the problem that I found during project 1.
    Specific feedback: Further discuss whether the two new travel category should be combined or not.

    WEEK 7: 
    Specific Feedback:

    WEEK 10: 
    Specific Feedback: 
    • Summarize the target audience paragraph; it has too much information right now.
    • List the conclusion of each section and its impact on future design.
    • Need to have 5 interviewees.
    • The user journey map part, promotion and deals phase, should come after the home page, not at the last page.
    • Try out this application by booking a ticket in a realistic scenario to make it more convincing.
    WEEK 11: 
    Specific Feedback: 
    • For target audience part, no need to include countries and services.
    • What is the next step after I purchase the bus ticket? Should show more details on it in the user flow chat.
      REFLECTIONS
      Experience


      Findings



      Labels:

      Comments

      Post a Comment

      Popular Posts