
SageSight
Client
Conceptual
Season
Spring 2024
Timeline
4 Months
Sage Sight is a mental well-being aid app that helps individuals authenticate mental health information and resources on social networking sites and save them for their journey.
project overview
Focus Areas
prototypes
wireframes
user-research
personalized-design
Tools and Software Used

Google Sheets
Miro

Google Docs

Google Forms

Figma

Google Suite
scope + constraints
SageSight is a concept app aimed at enhancing mental health awareness and access by ensuring the accuracy of mental health content on social platforms. Its features include user ratings, content verification, and curated wellness boards to provide reliable resources. This project, part of a senior studio course emphasizing social good in UX, reflects my commitment to combating misinformation and improving access to credible content.
team + role
Our team consisted of a graphic designer, UX content writer, project manager, and myself as the UX designer. As the UX Designer, I led the design process by creating user flows, wireframes, and prototypes, and contributed to UX research and ideation to shape the app’s features. Together, we conducted research, ideation, and design, refining SageSight’s core features.
challenges
Mental health resources are often costly, biased, time-intensive, and not universally applicable. How can we develop a digital mental health tool that is both accessible and personalized?
goals
Create a digital tool that enhances mental health socially and economically, mindful of users' time and financial limits, tailored to individual journeys
outcomes
A conceptual app that integrates seamlessly into users daily flow allowing them to collect and filter mental health resources that resonate with their needs and journey
discovery highlights

During our discovery phase, we conducted extensive secondary research to understand and define the context of mental health accessibility and comprehension. Our research included analyzing the current market of products, initiatives, and entities in the mental health sector and tracking shifts in societal influence over time
After exploring the context and landscape of mental health, we conducted an anonymous survey to better understand how people interact with digital products in relation to their mental health needs. The insights and percentages presented in this section are based on the responses from the 25 initial survey participants
60%
of respondents use social media as their primary source for mental health information and challenges
76%
of respondents cited time constraints as a barrier to accessing mental health information or treatment
100%
have encountered mental health challenges personally or through someone they know
cost barrier
cost of treatment was reported as an experienced or perceived obstacle to accessing reliable mental health information and resources
misinformation
was frequently noted as a barrier to using digital mental health platforms effectively
personalized
many seek mental health resources that align with their schedules, preferences and personal experiences

Disclaimer: The images above serve as examples of the inspiration for app features and are used solely for reference within this case study. All rights to these images are owned by their respective creators and are included here strictly for illustrative purposes.
ideation from inspiration
We drew on best practices from popular applications emphasizing transparency, personalization, and engagement. These insights guided our design for a user-centric digital tool that empowers individuals to engage confidently with mental health content on social media, enhancing trust and aligning with our goals for impactful design.
unveiling hidden insights
Inspired by features from Poké Genie, our solution integrates an overlay to verify social media content's credibility in real-time, enabling users to make informed decisions directly during their social media interactions
personalized journey
Taking cues from Pinterest, we tailored our app to allow users to collect, organize, and personalize mental health resources, ensuring content aligns with their unique needs and preferences, enhancing engagement and relevance
informed consumption
Influenced by Yuka and Incidecode, our interface empowers users to make informed choices by providing clear, trustworthy evaluations of mental health content on social media, facilitating navigation through the complex landscape of mental health resources with confidence
process highlights

user flow
This user flow diagram meticulously maps out the journey within an app, outlining the decision points and navigational paths for both in-app and overlay functionalities. It begins with the user opening the app and choosing between a dedicated app mode or an overlay mode. From there, the flow branches based on the user's choice, detailing processes like activating the overlay, obtaining necessary permissions, and how users interact with the social media platforms through the overlay. It’s designed to visualize how users can seamlessly transition between different functionalities within the app, ensuring they have a fluid and intuitive experience.

wireframes
The wireframes provide a visual scaffold for the app, showcasing how the user interface is organized across various screens. These wireframes serve as a blueprint for the development of the app, displaying detailed layouts from the initial greeting screen, "hello, human," to more complex interactions such as content assessment and resource management. The progression from basic user inputs to detailed content interactions illustrates the thought process behind each element’s placement, ensuring that users find the app not only aesthetically pleasing but also easy to navigate and use.

prototype test
Increasing the fidelity of the design from wireframes to a mid-fidelity prototype we conducted task based usability tests oriented around key features.
testing outcomes
Mid-fidelity prototypes were used to conduct task based usability tests that were followed by a post task user reflection interview to analyze the user's initial reaction to the app and features.
0%
critical errors were reported, indicating high usability for the tested prototype, as users understood and operated the interface effectively without issues
100%
successfully completed their tasks, demonstrating the app’s effective design in guiding users smoothly through its functions
Task-Based Assessments
Participants were asked to perform specific tasks using the prototype, and their interactions were closely observed to identify usability issues and areas for improvement.
Single Testing Opportunity
Due to project constraints, there was only one opportunity for a comprehensive usability test, necessitating thorough preparation and execution to gather as much insight as possible in a limited timeframe.
Positive Reactions
Participants responded positively to the intuitive design and personalized features of the app, highlighting its ease of use and the engaging nature of the user interface. Feedback emphasized the value of clear, accessible content and the importance of visual elements in enhancing user experience.

iterations + adjustments
From user flow diagrams to low-fidelity wireframes to mid-fidelity prototypes I adjusted the designs to incorporate the visual direction defined by our visual designer and content edits from our project manager and content writer. Collaborative feedback and insights found in usability testing defined the final adjustments to the wireframes and prototype.
feature highlights

user ratings & feedback
Community-based evaluations on mental health profiles contribute to creating a trusted environment by sharing your feedback. This feature empowers users to assess and rate the reliability, positivity, and helpfulness of content shared by others, fostering a community-driven approach to mental health information.
challenges addressed
Misinformation
Users struggle to discern reliable mental health content from misinformation available on social media
Lack of Trust
Users often find it difficult to trust sources without validation from others within the community
solution overview
USER + CONTENT RATINGS
User and content ratings allows users to provide and view ratings on the reliability, positivity, and helpfulness of mental health content shared by others
feedbACK FEATURE
Enabling users to contribute their feedback promotes a community-driven approach that not only enhances the credibility of information but also builds a trusted environment where users can confidently engage with content
hypotheses projection
increased trust
We predict that by introducing a rating and feedback system, users will become more engaged in verifying and sharing reliable information, which will decrease the spread of misinformation and increase overall trust in the content shared on the platform
Improved Access
Over time, the community’s involvement in rating and providing feedback will lead to a higher standard of content, making it easier for users to find and trust valuable mental health resources
Compile and customize a personal collection of mental health resources, creating a space where users can easily revisit and reflect on content that resonates with them. This feature allows users to save, organize, and explore content on user-created boards for future reference, enhancing their ability to engage with mental health information that aligns with their personal journey.
challenges addressed
Information Overload:
Users often struggle to retain valuable content amidst the overwhelming volume of information available on social media.
Personalization:
A lack of personalized resources can make it difficult for users to find and revisit content that supports their mental health journey.
solution overview
Managing Information:
The Collect & Explore feature allows users to curate their own mental health resource boards, offering a tailored approach to managing information.
Personalized Resources:
By creating and organizing content on personalized boards, users can easily access resources that are most relevant to their needs and interests, fostering a more meaningful and ongoing engagement with the material.
hypotheses projection
User Engagement:
By providing users with a tool to collect and personalize their mental health resources, this feature will increase user satisfaction and engagement, leading to more consistent interaction with the content.
Improved Well-being:
We anticipate that users who regularly engage with their curated boards will experience improved mental well-being, as they will have easy access to trusted, supportive information whenever they need it.

scan content
In a landscape crowded with information, the ability to quickly and accurately assess the reliability of content in your social media feed is crucial. This feature empowers users to effortlessly scan and evaluate the credibility of the information they encounter, reducing overwhelm and enhancing trust in the digital space.
challenges addressed
Persona Pain Points:
Many young adults are overwhelmed by the sheer volume of mental health content on social media, leading to difficulty in discerning credible sources.
Cognitive Overload:
Users face increased stress and confusion due to the prevalence of misinformation.
Trust Issues:
Difficulty in identifying trustworthy resources diminishes confidence in online mental health information.
solution overview
Content Evaluation:
The Scan Content feature provides users with real-time reliability ratings for both text and image content in their social media feeds.
Seamless Integration:
Users can easily access these ratings through an intuitive overlay, allowing them to continue engaging with content without interruption.
User Tags & Summaries:
The feature includes clear indicators (e.g., tags for misinformation) and concise summaries explaining the reliability of the content.
hypotheses projection
Reduced Cognitive Load:
Users will experience less mental fatigue by quickly identifying trustworthy content.
Improved Decision-Making:
The feature is expected to increase users' confidence in the information they engage with, leading to better mental health decisions.
Community Impact:
As users report and flag misinformation, the overall quality of mental health content on social media is anticipated to improve, fostering a more informed user base.