ImproveMe

ImproveMe
UI/UX design | Personal project

UI/UX design | Personal project

Roles & Responsibilities

Roles & Responsibilities

Since it's my first time creating a prototype app in a short timeframe, I took it end to end. I did everything—from Research and Wireframing to Prototyping and Usability Testing.
Since it's my first time creating a prototype app in a short timeframe, I took it end to end. I did everything—from Research and Wireframing to Prototyping and Usability Testing.

Timeline

Timeline

6 weeks
July - August
6 weeks
July - August

Tools Used

Tools Used

Figma, Google form, Maze
Figma, Google form, Maze

About the Product

About the Product

ImproveMe app is a personalized planner app with custom notifications and tracking your goals.
ImproveMe app is a personalized planner app with custom notifications and tracking your goals.

The Beginning

The Beginning

I had lots of ideas, targets, and goals to work on. But due to a lack of time management and self-awareness, I ended up procrastinating and didn't get my tasks done

I had lots of ideas, targets, and goals to work on. But due to a lack of time management and self-awareness, I ended up procrastinating and didn't get my tasks done

How might we make solutions for people to achieve their goals effectively and keep it on track?

How might we make solutions for people to achieve their goals effectively and keep it on track?

The Problem

The Problem

Based on my personal experience, I struggled to stay consistent with what I was working on and had difficulty staying on track and focused on the goals I was pursuing
Based on my personal experience, I struggled to stay consistent with what I was working on and had difficulty staying on track and focused on the goals I was pursuing

The Validation

The Validation

With the challenges I'm currently facing, I seek validation by reaching out to 5 individuals using Google Form in qualitative research to ask about:

• What's the main challenge in staying focused on your goals?
• Why is it hard to reach your goals?
• How do you stay focused on your goals?
With the challenges I'm currently facing, I seek validation by reaching out to 5 individuals using Google Form in qualitative research to ask about:

• What's the main challenge in staying focused on your goals?
• Why is it hard to reach your goals?
• How do you stay focused on your goals?
With the challenges I'm currently facing, I seek validation by reaching out to 5 individuals using Google Form in qualitative research to ask about:
• What's the main challenge in staying focused on your goals?
• Why is it hard to reach your goals?
• How do you stay focused on your goals?

Most people struggle to start their goals because they don't know where to begin and feel too overwhelmed to start on their big goal and never set their goals into smaller steps

Most people struggle to start their goals because they don't know where to begin and feel too overwhelmed to start on their big goal and never set their goals into smaller steps
However, this is not the only main factor that causes someone to be inconsistent with their goals:

However, this is not the only main factor that causes someone to be inconsistent with their goals:

Problem #1: Difficult to focus

Problem #1: Difficult to focus

There are no self-reminders when they get distracted; they easily get distracted because they don't know the direction of their goals to achieve their goals

There are no self-reminders when they get distracted; they easily get distracted because they don't know the direction of their goals to achieve their goals

Problem #2: Time usage unawareness

Problem #2: Time usage unawareness

Lack of time awareness can lead to poor task prioritization and excessive focus on less important activities

Lack of time awareness can lead to poor task prioritization and excessive focus on less important activities

Problem #3: Lack of self awareness

Problem #3: Lack of self awareness

Lack of self awareness can also lead to lack of direction and might lose sight of their goals and objectives. without it, users may struggle to understand their strengths, weaknesses, and areas for improvement.

Lack of self awareness can also lead to lack of direction and might lose sight of their goals and objectives. without it, users may struggle to understand their strengths, weaknesses, and areas for improvement.

Three key elements shape my approach to solutions

Three key elements shape my approach to solutions

Consistency

Consistency

Consistency

How can users stay consistent with their goals?

How can users stay consistent with their goals?

How can users stay consistent with their goals?

Motivation

Motivation

Motivation

How can users stay motivated to work on their goals?

How can users stay motivated to work on their goals?

How can users stay motivated to work on their goals?

Discipline

Discipline

Discipline

How can the user stay focused on their goals, follow the plan, persist, and exercise self-control?

How can the user stay focused on their goals, follow the plan, persist, and exercise self-control?

How can the user stay focused on their goals, follow the plan, persist, and exercise self-control?

Project goal

Project goal

"I developed a personalized notification product to streamline goal-oriented reminders and planners, with the aim of making it easier for users to achieve their goals"

"I developed a personalized notification product to streamline goal-oriented reminders and planners, with the aim of making it easier for users to achieve their goals"

The Product + Design explaination

The Product + Design explaination

Introducing the planner app with personalize custom goals

Introducing the planner app with personalize custom goals

Introducing the planner app with personalize custom goals

I launched an application that enables personalized goal tracking. Before using this planner, the app prompts users to answer a few questions to customize it according to their needs and target goals.

I launched an application that enables personalized goal tracking. Before using this planner, the app prompts users to answer a few questions to customize it according to their needs and target goals.

I launched an application that enables personalized goal tracking. Before using this planner, the app prompts users to answer a few questions to customize it according to their needs and target goals.
Black outline UI design
Black outline UI design
Black outline UI design
Embracing a contemporary aesthetic characterized by sleek black outlines, I curated a theme that exudes playfulness with bold color.

Embracing a contemporary aesthetic characterized by sleek black outlines, I curated a theme that exudes playfulness with bold color.

Embracing a contemporary aesthetic characterized by sleek black outlines, I curated a theme that exudes playfulness with bold color.
Playful yet clean design
Playful yet clean design
Playful yet clean design
With a dominant color palette of blue, red, and orange, the application is imbued with a playful and captivating aesthetic, enhancing its visual appeal and user engagement.

With a dominant color palette of blue, red, and orange, the application is imbued with a playful and captivating aesthetic, enhancing its visual appeal and user engagement.

With a dominant color palette of blue, red, and orange, the application is imbued with a playful and captivating aesthetic, enhancing its visual appeal and user engagement.
Clean font
Clean font
Clean font
Utilizing the Lato font, designed for digital screen clarity and legibility, it brings versatility and sleek, minimalist aesthetics ideal for modern websites and digital applications.

Utilizing the Lato font, designed for digital screen clarity and legibility, it brings versatility and sleek, minimalist aesthetics ideal for modern websites and digital applications.

Utilizing the Lato font, designed for digital screen clarity and legibility, it brings versatility and sleek, minimalist aesthetics ideal for modern websites and digital applications.
Implementing a floating bottom navigation to elevate user experience, enhance accessibility, and uphold a sleek, cohesive, and thumb-friendly design.

Implementing a floating bottom navigation to elevate user experience, enhance accessibility, and uphold a sleek, cohesive, and thumb-friendly design.

Implementing a floating bottom navigation to elevate user experience, enhance accessibility, and uphold a sleek, cohesive, and thumb-friendly design.
Featuring a circular timer design aligned with clock rotation, adhering to established timer standards.

Featuring a circular timer design aligned with clock rotation, adhering to established timer standards.

Featuring a circular timer design aligned with clock rotation, adhering to established timer standards.

The Solutions

The Solutions

Solutions #1

Personal notification and motivational quotes based on the goals

Solutions #1

Personal notification and motivational quotes based on the goals

Solutions #1

Personal notification and motivational quotes based on the goals

The user finds it difficult to stay focused on their goals, sometimes needing personal reminders so they can write reminders tailored to themselves

The user finds it difficult to stay focused on their goals, sometimes needing personal reminders so they can write reminders tailored to themselves

The user finds it difficult to stay focused on their goals, sometimes needing personal reminders so they can write reminders tailored to themselves
How might we make personalize notifications to motivate users in completing tasks?

How might we make personalize notifications to motivate users in completing tasks?

How might we make personalize notifications to motivate users in completing tasks?
Users can write notifications manually, customize it and have the flexibility to adjust the number of notifications according to their needs. Users can enable productivity quotes to help them maximize their work and achieve their goals.

Users can write notifications manually, customize it and have the flexibility to adjust the number of notifications according to their needs. Users can enable productivity quotes to help them maximize their work and achieve their goals.

Users can write notifications manually, customize it and have the flexibility to adjust the number of notifications according to their needs. Users can enable productivity quotes to help them maximize their work and achieve their goals.
Solutions #2

Focus Timer with Goal Tracking

Solutions #2

Focus Timer with Goal Tracking

Solutions #2

Focus Timer with Goal Tracking

The user wants to be consistent with their goals, so they need a matrix where they can track their progress and want to be aware to use their time and progress.

The user wants to be consistent with their goals, so they need a matrix where they can track their progress and want to be aware to use their time and progress.

The user wants to be consistent with their goals, so they need a matrix where they can track their progress and want to be aware to use their time and progress.
How might we make help user to track their time and progress?

How might we make help user to track their time and progress?

How might we make help user to track their time and progress?
Tracking goals provides clarity on what they're working towards. It helps users define their objectives and know exactly what users want to achieve. Time tracking can help users become more aware of how you use their time, making it easier to identify and eliminate time-wasting activities.

Tracking goals provides clarity on what they're working towards. It helps users define their objectives and know exactly what users want to achieve. Time tracking can help users become more aware of how you use their time, making it easier to identify and eliminate time-wasting activities.

Tracking goals provides clarity on what they're working towards. It helps users define their objectives and know exactly what users want to achieve. Time tracking can help users become more aware of how you use their time, making it easier to identify and eliminate time-wasting activities.
Solutions #3
Weekly reflection

Solutions #3
Weekly reflection

Solutions #3
Weekly reflection
The users face challenges due to a lack of self-awareness, causing them to lose sight of their goals and struggle to identify strengths and areas for improvement.

The users face challenges due to a lack of self-awareness, causing them to lose sight of their goals and struggle to identify strengths and areas for improvement.

The users face challenges due to a lack of self-awareness, causing them to lose sight of their goals and struggle to identify strengths and areas for improvement.
How might we help users to be more aware of their goals' progress and keep them seek for improvement?

How might we help users to be more aware of their goals' progress and keep them seek for improvement?

How might we help users to be more aware of their goals' progress and keep them seek for improvement?
With weekly reflection, users can evaluate how far they have progressed toward their goals. By contemplating what has been learned from the previous week, users can create a better plan for the upcoming week.

With weekly reflection, users can evaluate how far they have progressed toward their goals. By contemplating what has been learned from the previous week, users can create a better plan for the upcoming week.

With weekly reflection, users can evaluate how far they have progressed toward their goals. By contemplating what has been learned from the previous week, users can create a better plan for the upcoming week.
Additional feature: Connect with accountable friends

Additional feature: Connect with accountable friends

Additional feature: Connect with accountable friends
Having accountable friends is helpful because they can provide motivation and encouragement, helping users stay on track with their goals. With finding friends who share similar objectives, users can create a supportive network that fosters mutual growth and success.

Having accountable friends is helpful because they can provide motivation and encouragement, helping users stay on track with their goals. With finding friends who share similar objectives, users can create a supportive network that fosters mutual growth and success.

Having accountable friends is helpful because they can provide motivation and encouragement, helping users stay on track with their goals. With finding friends who share similar objectives, users can create a supportive network that fosters mutual growth and success.

User testing

User Testing

I tested 13 persons aged 20-30 years old using Maze. The testers I recruited came from a variety of different backgrounds.

I tested 13 persons aged 20-30 years old using Maze. The testers I recruited came from a variety of different backgrounds.

This time, I will provide 3 prototype test paths to users for testing, which include adding Planner, Focus Timer, and Weekly Reflection to ensure that the three features I've created work correctly.

This time, I will provide 3 prototype test paths to users for testing, which include adding Planner, Focus Timer, and Weekly Reflection to ensure that the three features I've created work correctly.

Planner

Planner

Focus Timer

Focus Timer

Weekly Reflection

Weekly Reflection

Planner

Planner

In the Planner section, adding a planner was easy for many users. As evidenced by the heatmap, a majority of users didn't face much difficulty in locating the 'Add Planner' feature.
In the Planner section, adding a planner was easy for many users. As evidenced by the heatmap, a majority of users didn't face much difficulty in locating the 'Add Planner' feature.
Focus timer

Focus timer

In the Focus Timer section, users initially had trouble finding the Focus Timer because the icon wasn't very noticeable. As seen in the first and second pictures, many users clicked in the wrong place
In the Focus Timer section, users initially had trouble finding the Focus Timer because the icon wasn't very noticeable. As seen in the first and second pictures, many users clicked in the wrong place
Weekly Reflection

Weekly Reflection

In the Weekly Reflection section, only a few misclicked, but they eventually managed to complete the task in the end
In the Weekly Reflection section, only a few misclicked, but they eventually managed to complete the task in the end
Of the three features, users are most confused in the Focus Timer section.
Of the three features, users are most confused in the Focus Timer section.
Of the three features, users are most confused in the Focus Timer section.
From here, I can conclude that many users had difficulty using the navigation due to no names on the icon labels
From here, I can conclude that many users had difficulty using the navigation due to no names on the icon labels

Feedback

Feedback

"Navigation menu labels, if possible, should be added so users know the meaning of each icon. Also need to improve on icon consistency"
"Navigation menu labels, if possible, should be added so users know the meaning of each icon. Also need to improve on icon consistency"
"Some features, like the focus timer, can be adjusted further to make them more easily noticeable"
"Some features, like the focus timer, can be adjusted further to make them more easily noticeable"
"Some design components and color choices do not match"
"Some design components and color choices do not match"
"UI color scheme and UX design need more minimalistic so that users can easily utilize the existing features."
"UI color scheme and UX design need more minimalistic so that users can easily utilize the existing features."
Based on the prototype test, several key areas need improvement, such as harmonizing colors, optimizing navigation, maintaining consistent spacing, and standardizing icons. Addressing these issues will enhance the overall user experience.

Based on the prototype test, several key areas need improvement, such as harmonizing colors, optimizing navigation, maintaining consistent spacing, and standardizing icons. Addressing these issues will enhance the overall user experience

What Works, What Doesn't Work

What Works, What Doesn't Work

Works

Works

By asking a few questions before using the app, it makes it super easy for users to set their goals.

By asking a few questions before using the app, it makes it super easy for users to set their goals.

Doesn’t Work

Doesn’t Work

Many designs and colors still don't match each other. Many users find it challenging to use the application because there is no text on each icon. There's a lot that still needs improvement in terms of sizing, spacing, and icon consistency

Many designs and colors still don't match each other. Many users find it challenging to use the application because there is no text on each icon. There's a lot that still needs improvement in terms of sizing, spacing, and icon consistency

Many designs and colors still don't match each other. Many users find it challenging to use the application because there is no text on each icon. There's a lot that still needs improvement in terms of sizing, spacing, and icon consistency

What will i do

What will i do

Redesign my app by focusing on resolving inconsistencies in iconography, improving font size, and adjusting spacing for better readability. Also, continue to prioritize user feedback.

Redesign my app by focusing on resolving inconsistencies in iconography, improving font size, and adjusting spacing for better readability. Also, continue to prioritize user feedback.

Prioritizing iterative design enhancements from users feedback is essential for optimizing functionality and user experience.

Conclusions

Conclusions

Adapt to user needs
Continually seek feedback
Iterate and iterate on the design

Adapt to user needs
Continually seek feedback
Iterate and iterate on the design
In conclusion, the identified usability issues, such as inconsistencies in iconography, insufficient font size, tight spacing, and overall design inconsistencies, clearly indicate the need for improvement. This project has provided valuable learning experiences, highlighting the significance of user feedback. Looking ahead, prioritizing iterative design improvements is crucial to enhance the app's functionality and align it with users' needs and expectations.

In conclusion, the identified usability issues, such as inconsistencies in iconography, insufficient font size, tight spacing, and overall design inconsistencies, clearly indicate the need for improvement. This project has provided valuable learning experiences, highlighting the significance of user feedback. Looking ahead, prioritizing iterative design improvements is crucial to enhance the app's functionality and align it with users' needs and expectations.

Lesson learned

Lesson learned

This is my first time making a prototype app within 6 weeks

This is my first time making a prototype app within 6 weeks
This is a solo project that was completed 6 weeks joined Closa 6 week challenge

In these 6 weeks, I learned the importance of a small project scope. My initial scope was too large for the short timeframe, and I couldn't iterate based on user testing results within the given time.

Also knowing a clear and well-defined vision from the beginning greatly facilitates the project work process, so during the execution, I know what needs to be prioritized and what doesn't.

However, I've learned many lessons, especially the importance of asking a lot of feedback. Continuous feedback drives iterative improvements, ensuring your product evolves to meet user needs.


This is a solo project that was completed 6 weeks joined Closa 6 week challenge

In these 6 weeks, I learned the importance of a small project scope. My initial scope was too large for the short timeframe, and I couldn't iterate based on user testing results within the given time.

Also knowing a clear and well-defined vision from the beginning greatly facilitates the project work process, so during the execution, I know what needs to be prioritized and what doesn't.

However, I've learned many lessons, especially the importance of asking a lot of feedback. Continuous feedback drives iterative improvements, ensuring your product evolves to meet user needs.


Stay tuned for more:
Due to limited time, I haven't had the opportunity to iterate on the design, but after all the feedback, I already have plans to redesign it.

Stay tuned for more:
Due to limited time, I haven't had the opportunity to iterate on the design, but after all the feedback, I already have plans to redesign it.

On next project

On next project

How might we enhance the accessibility of the design, ensuring user-friendly navigation while creating a visually appealing and engaging user experience?

How might we enhance the accessibility of the design, ensuring user-friendly navigation while creating a visually appealing and engaging user experience?

For work inquiries or just to chat, email me at lathifahamidah@gmail.com!


Thank you for reading :D

For work inquiries or just to chat, email me at lathifahamidah@gmail.com!
Thank you for reading :D

For work inquiries or just to chat, email me at lathifahamidah@gmail.com!

Thank you for reading :D

See what I'm up to on other platforms!

Designed by Ifa | Framer

© All right reserved 2023

See what I'm up to on other platforms!

Designed by Ifa | Framer

© All right reserved 2023

See what I'm up to on other platforms!

Designed by Ifa | Framer

© All right reserved 2023