Dent-In
Dent-In
Smile Easy: Your Quick Check-In for a Hassle-Free Dentist Visit!
Smile Easy: Your Quick Check-In for a Hassle-Free Dentist Visit!
Project Overview
Duration
Duration
February 2024 – March 2024
Tools
Tools
Figma
iPad
Goodnotes Application
Procreate Application
Apple Pencil
Figma
iPad
Goodnotes Application
Procreate Application
Apple Pencil
Product
Design an app that allow patients to check-in to their family dentist’s office and answer initial health screening questions.
Design an app that allow patients to check-in to their family dentist’s office and answer initial health screening questions.
Design an app that allow patients to check-in to their family dentist’s office and answer initial health screening questions.
Role & Responsibilities
UX/UI Design Generalist
I handled the entire design process on this solo project, from conducting user research and creating wireframes to developing high-fidelity designs, prototypes, and performing usability testing. My goal was to research diverse customer needs, design a simpler yet appealing app for all users, and ensure the product functions as intended through thorough testing.
UX/UI Design Generalist
I handled the entire design process on this solo project, from conducting user research and creating wireframes to developing high-fidelity designs, prototypes, and performing usability testing. My goal was to research diverse customer needs, design a simpler yet appealing app for all users, and ensure the product functions as intended through thorough testing.
Challenge
Challenge
The regular method and app for checking in to a dentist appointment are too complex for certain groups, such as the elderly. The process involves multiple buttons and steps, while these users often only need a simple action, like checking in online.
The regular method and app for checking in to a dentist appointment are too complex for certain groups, such as the elderly. The process involves multiple buttons and steps, while these users often only need a simple action, like checking in online.
Goal
Develop an app that simplifies the online check-in process for appointments, particularly for users who may find the current methods too complicated. The new app should focus on providing an intuitive and user-friendly experience, with a streamlined interface that reduces the number of steps required to complete the check-in. By minimizing unnecessary buttons and options, the app will cater to groups like the elderly, ensuring they can easily and efficiently check in for their appointments without frustration.
Goal
Develop an app that simplifies the online check-in process for appointments, particularly for users who may find the current methods too complicated. The new app should focus on providing an intuitive and user-friendly experience, with a streamlined interface that reduces the number of steps required to complete the check-in. By minimizing unnecessary buttons and options, the app will cater to groups like the elderly, ensuring they can easily and efficiently check in for their appointments without frustration.
Goal
Develop an app that simplifies the online check-in process for appointments, particularly for users who may find the current methods too complicated. The new app should focus on providing an intuitive and user-friendly experience, with a streamlined interface that reduces the number of steps required to complete the check-in. By minimizing unnecessary buttons and options, the app will cater to groups like the elderly, ensuring they can easily and efficiently check in for their appointments without frustration.
Research
User Research Summary
Dent-In App is a significant component of my project portfolio. In applying this project practically, I plan to conduct brief interviews with patients or customers at the dentist's office to assess their satisfaction with the original design. The interviews will cover various aspects, including their overall experience with the app, the ease of navigation, and any recommendations they might have for improvement. Since the respondents are actual patients and active users of the product, these interviews are expected to yield invaluable insights that can guide further enhancements and ensure the app meets user needs effectively.
User Pain Points
The app presents an overwhelming number of options, leading to user confusion.
1
The app presents an overwhelming number of options, leading to user confusion.
1
Completing simple tasks within the app takes too long, causing frustration.
2
Users must navigate through numerous steps to achieve their desired goals.
3
The app's color scheme and design are unwelcoming, making it less accessible and difficult to use for certain groups.
4
Completing simple tasks within the app takes too long, causing frustration.
2
Users must navigate through numerous steps to achieve their desired goals.
3
The appl's color scheme and design are unwelcoming, making it less accessible and difficult to use for certain groups.
4
Meet the Users
User Journey Map
My next step involved illustrating how my personas were currently performing their tasks.
My next step involved illustrating how my personas were currently performing their tasks.
Starting the Design
The New User Flow
Sketch Wireframes
Low-Fidelity
Usability study: Round 1
With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences.
With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences.
Want to have easier access to Favorite or Save locations.
1
Want more pictures on each landmark to have a better understand and make the right decision before visiting.
2
Users want to have calendar to see upcoming appointment.
3
Users want to know if they actually check-in.
1
Users find buttons too big and redundant.
2
Users want to have calendar to see upcoming appointment.
Users want to have calendar to see upcoming appointment.
3
Mid-Fidelity
After completing Usability Round 1, the Mid-Fidelity prototype is refined based on initial user feedback. It represents a more polished version of the product with improved functionality, layout, and interaction design. Although most components are not completed yet, the mid-fidelity should help users visualize the basic function of the app.
After completing Usability Round 1, the Mid-Fidelity prototype is refined based on initial user feedback. It represents a more polished version of the product with improved functionality, layout, and interaction design. Although most components are not completed yet, the mid-fidelity should help users visualize the basic function of the app.
User Flow Sketch
User Flow Sketch
Refining the Design
Usability study: Round 2
With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences.
With a combination of moderated usability study and unmoderated usability study, users were asked to follow basics navigation of the app and provided feedback on overall experiences.
Users want to have better access on clinic location such as having both map and picture of the office.
1
Users want the Calendar Page to be more interactive.
2
Users want to see different dentists in the dental office.
Users want to see different dentists in the dental office.
3
Users want to have better access on clinic location such as having both map and picture of the office.
1
Users want the Calendar Page to be more interactive.
2
Users want to see different dentists in the dental office.
3
Final-Iteration
After Usability Round 2, the Mid-Fidelity prototype was refined based on user feedback. The check-in process was streamlined by reducing the number of options, making navigation simpler for users. Clearer updates to the check-in card now allow users to easily confirm their check-in status. The map feature was enhanced with a larger view for better navigation, and the "Live Chat" was redesigned with animations and vibrant colors to boost user engagement.
The Calendar Page has become more interactive, allowing users to select a date and check for appointments, addressing any issues with color visibility. Additionally, a list of dentists has been added to the homepage, giving walk-in users or patients an overview of which dentists are working that day, along with more detailed information about them.
Style Guide and Assets
Accessibility Considerations
The check-in process has been streamlined to minimize user confusion by reducing the number of check-in options, incorporating visual cues to confirm successful check-ins, and simplifying the overall process.
1
The 60-30-10 rule has been applied to create a clear visual hierarchy, ensuring each action stands out and is emphasized effectively.
2
Users can now access more detailed information about their appointments, including their provider, upcoming appointments on both the home and calendar pages, health records, and more.
Users can now access more detailed information about their appointments, including their provider, upcoming appointments on both the home and calendar pages, health records, and more.
3
The check-in process has been streamlined to minimize user confusion by reducing the number of check-in options, incorporating visual cues to confirm successful check-ins, and simplifying the overall process.
1
The 60-30-10 rule has been applied to create a clear visual hierarchy, ensuring each action stands out and is emphasized effectively.
2
Users can now access more detailed information about their appointments, including their provider, upcoming appointments on both the home and calendar pages, health records, and more.
3
Going Forward
Take away
Impact
Based on participants' feedback, the app has the potential to simplify and speed up the check-in process, which could be applied to other check-in scenarios beyond dental appointments. Additionally, the app may offer more than just online check-ins, allowing users to access their health records, communicate with agents about their appointments or conditions, and more
Based on participants' feedback, the app has the potential to simplify and speed up the check-in process, which could be applied to other check-in scenarios beyond dental appointments. Additionally, the app may offer more than just online check-ins, allowing users to access their health records, communicate with agents about their appointments or conditions, and more.
What I learned
This project has deepened my understanding and empathy for users' needs, which has not only improved the project but also broadened my perspective on the journey to becoming a UX designer.
This project has deepened my understanding and empathy for users' needs, which has not only improved the project but also broadened my perspective on the journey to becoming a UX designer.
This project has deepened my understanding and empathy for users' needs, which has not only improved the project but also broadened my perspective on the journey to becoming a UX designer.
Next steps
1
Exploring color templates is crucial because color can significantly influence user emotions and overall branding. For this project, color is particularly important as the users are patients. Therefore, it's essential that the color scheme conveys warmth and trustworthiness to create a positive experience with the app.
2
Exploring fonts, spacing, and text styles is important because users need to be comfortable reading the content in the app. If the text is difficult to read, users may be discouraged from using the app, which can reduce its effectiveness.
3
Adding past appointment details to the homepage is important so users can easily access brief information about their previous appointments. This allows them to compare their current condition with past records and stay informed.
Adding past appointment details to the homepage is important so users can easily access brief information about their previous appointments. This allows them to compare their current condition with past records and stay informed.
Exploring color templates is crucial because color can significantly influence user emotions and overall branding. For this project, color is particularly important as the users are patients. Therefore, it's essential that the color scheme conveys warmth and trustworthiness to create a positive experience with the app.
1
Exploring fonts, spacing, and text styles is important because users need to be comfortable reading the content in the app. If the text is difficult to read, users may be discouraged from using the app, which can reduce its effectiveness.
2
Adding past appointment details to the homepage is important so users can easily access brief information about their previous appointments. This allows them to compare their current condition with past records and stay informed.
3
