UX Designer/UX Researcher/UI Designer

Figma, Google Docs, Sheets and Slides

September 2022 – January 2023

Conducting Interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, research presentation, accounting for accessibility, and iterating on designs.

I conducted virtual interviews with five participants ranging in age from 21 to 65 to understand the target users for whom I was designing the app and their actual needs. From these sessions, I derived the following insights :

Tight work schedules of working adults minimizes convenient time for hobbies and personal life

Customer service does not render actual support users really need.

Some sites are not well optimized for assistive technologies.

Leana is a busy paramedic who needs convenient ways of achieving nature appreciation hobbies from the comfort of her home because her limited non-working hours restricts her from maintaining a mental healthy lifestyle.

Joesph is a student immigrant who needs support in outdoor exploration options because their communication in English limits them from being understood properly.

For this project’s ideation phase, I focused on generating a broad set of ideas and exploring potential solutions to the problem the mobile app aims to solve. I brainstormed and evaluated various ideas and concepts for the app’s design by carrying out a Competitive Audit, creating Storyboards, generating ideas from How Might We, sketching out my amusing Crazy Eights, presenting navigation through the User Flow diagram and finally, establishing the app’s user interface through the Paper and Digital Wireframes.  For a detailed information on the ideation phase of this project, kindly click here

The descriptive elements were specifically designed to provide solutions based on the users problems and insights from the foundational research.

I kept focus on the main goal while designing the app which is to allow users easily sign up and schedule convenient dates and times for their home service needs to be rendered by the florist.

Moving forward with the project, I proceeded to conduct in-person testing of the low-fidelity prototype of the app design with six participants. This enabled me to conduct a comprehensive analysis and synthesis of the app’s functionality, user flow, and identify any potential user difficulties.

Based on the analysis, I identified the following issues that the participants encountered with the app design:

1. Five out of the six participants experienced difficulties in navigating through the app design, primarily due to unresponsive elements on certain pages.
2. Three participants expressed a desire for additional features and increased customization options during the sign-up and item selection processes.
3. Out of the total six participants, three of them inadvertently mixed up the scheduling and checkout tasks, resulting in confusion during the completion of these tasks.

To access the full usability study presentation, please click here

I utilized the insights gained from the first testing, along with the lessons learned from my own mistakes, to rework on the app wireframes, and delve into creating an enhanced version of the app. This involved the creation of mockups for the app.

(Labeled areas indicate design issues that some participants encountered during the testing)

Based on the personas of Leana and Joseph, both of whom required assistance with their specific needs, I implemented a special offer section on the Home screen of the app. This section allows them to easily sign up and register for the services they require, which can be conveniently delivered at their homes.

The mockup design user flow in booking an appointment with the florist.

I created a very simple design system for the app.

After conducting the second round of usability testing, I identified the issues that the participants encountered with the iterated app design and worked on addressing them again.

1. After the session, it was revealed that users were unable to access their cart via the icon because the cart page did not exist. What! that was a huge oversight! To improve the user experience of the app, I made adjustments by designing and adding a cart screen during the iteration of the app design.

Users expressed their desire to select their preferred delivery and payment methods. Therefore, I modified the design of the landing screens to incorporate the ability to make these selections. Now, users can choose their desired options using inactive call-to-action buttons.

I used the “colour contrast checker” from WebAIM to assess the contrast ratio of the color combinations used in the app design. All of the combinations passed WCAG AA and WCAG AAA standards.

The use of header hierarchy and alt text for images ensures compatibility with screen reader technologies, making the content accessible for users who rely on them.

The speed and duration of the motion applied in the flower catalogue app were carefully considered. I opted for a duration of 300ms for all navigational flows in the app design prototype.

• During the design process and iterations of the flower catalogue app, I realized that UX design is not based on solving problems that I assumed users wanted solved. Rather, it is about addressing the problems that the users actually want solved. This realization was crucial in shaping the app’s development.
• Additionally, I learned the importance of gathering diverse feedback throughout the design process, as it proved to be extremely valuable.
• I also learnt to refine interview questions to be more open-ended.

The clarity and tone of the app’s visual designs helped participants feel at ease in understanding how to fulfill their needs and what options were available to them.

Conducting additional usability testing to determine if the challenges the users experienced in previous studies have been successfully resolved.

Conduct more user research sessions to allow me to uncover unresolved user needs and accessibility issues.

Get more feedbacks from the UX Design Communities.